@integration-app/react 2.4.0 → 2.5.0

package/dist/styles.css

@@ -159,7 +159,7 @@
     outline: auto;
 }
 
-  [hidden]:where(:not([hidden='until-found'])):is([class^="iap"]) {
+  [hidden]:is([class^="iap"]) {
     display: none !important;
 }
 }
@@ -2981,7 +2981,7 @@
     display: flex;
 }
 
-  .iap-ov_hidden {
+  .iap-overflow_hidden {
     overflow: hidden;
 }
 
@@ -2989,11 +2989,11 @@
     background: var(--iap-colors-white);
 }
 
-  .iap-bx-sh_xl {
+  .iap-shadow_xl {
     box-shadow: var(--iap-shadows-xl);
 }
 
-  .iap-bdr_lg {
+  .iap-rounded_lg {
     border-radius: var(--iap-radii-lg);
 }
 
@@ -3041,11 +3041,11 @@
     min-height: var(--iap-sizes-8);
 }
 
-  .iap-bdr_none {
+  .iap-rounded_none {
     border-radius: var(--iap-radii-none);
 }
 
-  .iap-bd_none {
+  .iap-border_none {
     border: var(--iap-borders-none);
 }
 
@@ -3069,15 +3069,15 @@
     padding: var(--iap-spacing-2);
 }
 
-  .iap-c_slate\.11 {
+  .iap-text_slate\.11 {
     color: var(--iap-colors-slate-11);
 }
 
-  .iap-tt_uppercase {
+  .iap-text-transform_uppercase {
     text-transform: uppercase;
 }
 
-  .iap-ls_wide {
+  .iap-tracking_wide {
     letter-spacing: var(--iap-letter-spacings-wide);
 }
 
@@ -3113,7 +3113,7 @@
     min-height: var(--iap-sizes-6);
 }
 
-  .iap-bdr_md {
+  .iap-rounded_md {
     border-radius: var(--iap-radii-md);
 }
 
@@ -3125,15 +3125,15 @@
     max-width: var(--iap-sizes-full);
 }
 
-  .iap-ov-wrap_break-word {
+  .iap-overflow-wrap_break-word {
     overflow-wrap: break-word;
 }
 
-  .iap-c_slate\.10 {
+  .iap-text_slate\.10 {
     color: var(--iap-colors-slate-10);
 }
 
-  .iap-c_tomato\.10 {
+  .iap-text_tomato\.10 {
     color: var(--iap-colors-tomato-10);
 }
 
@@ -3145,7 +3145,7 @@
     width: var(--iap-sizes-7);
 }
 
-  .iap-c_fg\.default {
+  .iap-text_fg\.default {
     color: var(--iap-colors-fg-default);
 }
 
@@ -3165,7 +3165,7 @@
     width: 60%;
 }
 
-  .iap-op_0 {
+  .iap-opacity_0 {
     opacity: 0;
 }
 
@@ -3177,11 +3177,11 @@
     position: absolute;
 }
 
-  .iap-trf_translate\(-50\%\,_-50\%\) {
+  .iap-transform_translate\(-50\%\,_-50\%\) {
     transform: translate(-50%, -50%);
 }
 
-  .iap-inset-s_50\% {
+  .iap-start_50\% {
     inset-inline-start: 50%;
 }
 
@@ -3296,15 +3296,15 @@
     background: var(--iap-colors-neutral-2);
 }
 
-  .iap-bdr_xs {
+  .iap-rounded_xs {
     border-radius: var(--iap-radii-xs);
 }
 
-  .iap-c_neutral\.11 {
+  .iap-text_neutral\.11 {
     color: var(--iap-colors-neutral-11);
 }
 
-  .iap-ta_center {
+  .iap-text-align_center {
     text-align: center;
 }
 
@@ -3356,7 +3356,7 @@
     white-space: wrap;
 }
 
-  .iap-bdr_full {
+  .iap-rounded_full {
     border-radius: var(--iap-radii-full);
 }
 
@@ -3372,7 +3372,7 @@
     height: var(--iap-sizes-10);
 }
 
-  .iap-bdr_9999px {
+  .iap-rounded_9999px {
     border-radius: 9999px;
 }
 
@@ -3388,7 +3388,7 @@
     padding-block: var(--iap-spacing-2);
 }
 
-  .iap-bdr_sm {
+  .iap-rounded_sm {
     border-radius: var(--iap-radii-sm);
 }
 
@@ -3396,7 +3396,7 @@
     min-width: var(--iap-sizes-28);
 }
 
-  .iap-bx-sh_none {
+  .iap-shadow_none {
     box-shadow: none;
 }
 
@@ -3424,7 +3424,7 @@
     background: var(--iap-colors-neutral-3);
 }
 
-  .iap-c_black {
+  .iap-text_black {
     color: var(--iap-colors-black);
 }
 
@@ -3432,11 +3432,11 @@
     background: var(--iap-colors-black);
 }
 
-  .iap-bdr_xl {
+  .iap-rounded_xl {
     border-radius: var(--iap-radii-xl);
 }
 
-  .iap-c_white {
+  .iap-text_white {
     color: var(--iap-colors-white);
 }
 
@@ -3448,7 +3448,7 @@
     background: var(--iap-colors-black) !important;
 }
 
-  .iap-trunc_true {
+  .iap-truncate_true {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -3458,7 +3458,7 @@
     padding-inline: var(--iap-spacing-0);
 }
 
-  .iap-anim_fade-in {
+  .iap-animation_fade-in {
     animation: var(--iap-animations-fade-in);
 }
 
@@ -3502,7 +3502,7 @@
     height: auto;
 }
 
-  .iap-c_neutral\.9 {
+  .iap-text_neutral\.9 {
     color: var(--iap-colors-neutral-9);
 }
 
@@ -3542,7 +3542,7 @@
     height: initial;
 }
 
-  .iap-c_gray\.12 {
+  .iap-text_gray\.12 {
     color: var(--iap-colors-gray-12);
 }
 
@@ -3566,11 +3566,11 @@
     width: 83.333333%;
 }
 
-  .iap-op_0\.1 {
+  .iap-opacity_0\.1 {
     opacity: 0.1;
 }
 
-  .iap-trs_opacity_0\.1s {
+  .iap-transition_opacity_0\.1s {
     transition: opacity 0.1s;
 }
 
@@ -3578,7 +3578,7 @@
     max-height: var(--iap-sizes-full);
 }
 
-  .iap-ov_scroll {
+  .iap-overflow_scroll {
     overflow: scroll;
 }
 
@@ -3622,7 +3622,7 @@
     background: var(--iap-colors-warning-2);
 }
 
-  .iap-c_warning\.11 {
+  .iap-text_warning\.11 {
     color: var(--iap-colors-warning-11);
 }
 
@@ -4840,15 +4840,15 @@
     --iap-colors-color-palette-text: var(--iap-colors-primary-text);
 }
 
-  .iap-bd-c_gray\.2 {
+  .iap-border_gray\.2 {
     border-color: var(--iap-colors-gray-2);
 }
 
-  .iap-bd-w_0\.5 {
+  .iap-border-w_0\.5 {
     border-width: 0.5px;
 }
 
-  .iap-flex-d_column {
+  .iap-flex_column {
     flex-direction: column;
 }
 
@@ -4864,11 +4864,11 @@
     padding-top: var(--iap-spacing-0\.5);
 }
 
-  .iap-ov-y_auto {
+  .iap-overflow-y_auto {
     overflow-y: auto;
 }
 
-  .iap-flex-g_1 {
+  .iap-grow_1 {
     flex-grow: 1;
 }
 
@@ -4880,19 +4880,19 @@
     top: var(--iap-spacing-0);
 }
 
-  .iap-flex-d_row {
+  .iap-flex_row {
     flex-direction: row;
 }
 
-  .iap-ai_center {
+  .iap-items_center {
     align-items: center;
 }
 
-  .iap-ai_baseline {
+  .iap-items_baseline {
     align-items: baseline;
 }
 
-  .iap-jc_center {
+  .iap-justify_center {
     justify-content: center;
 }
 
@@ -4900,11 +4900,11 @@
     top: 50%;
 }
 
-  .iap-bd-b-c_transparent {
+  .iap-border-b_transparent {
     border-bottom-color: var(--iap-colors-transparent);
 }
 
-  .iap-bd-l-c_transparent {
+  .iap-border-l_transparent {
     border-left-color: var(--iap-colors-transparent);
 }
 
@@ -4912,7 +4912,7 @@
     margin-left: var(--iap-spacing-2);
 }
 
-  .iap-lh_1\.2 {
+  .iap-leading_1\.2 {
     line-height: 1.2;
 }
 
@@ -4920,35 +4920,35 @@
     font-size: var(--iap-font-sizes-sm);
 }
 
-  .iap-flex-sh_0 {
+  .iap-shrink_0 {
     flex-shrink: 0;
 }
 
-  .iap-flex-g_0 {
+  .iap-grow_0 {
     flex-grow: 0;
 }
 
-  .iap-bd-c_gray\.5 {
+  .iap-border_gray\.5 {
     border-color: var(--iap-colors-gray-5);
 }
 
-  .iap-bg-c_transparent {
+  .iap-bg_transparent {
     background-color: var(--iap-colors-transparent);
 }
 
-  .iap-bg-r_no-repeat {
+  .iap-bg-repeat_no-repeat {
     background-repeat: no-repeat;
 }
 
-  .iap-bg-a_local\,_local\,_scroll\,_scroll {
+  .iap-bg-attach_local\,_local\,_scroll\,_scroll {
     background-attachment: local, local, scroll, scroll;
 }
 
-  .iap-bg-s_100\%_15px\,_100\%_15px\,_100\%_2px\,_100\%_2px {
+  .iap-bg-size_100\%_15px\,_100\%_15px\,_100\%_2px\,_100\%_2px {
     background-size: 100% 15px, 100% 15px, 100% 2px, 100% 2px;
 }
 
-  .iap-jc_start {
+  .iap-justify_start {
     justify-content: start;
 }
 
@@ -4956,19 +4956,19 @@
     padding-top: var(--iap-spacing-5);
 }
 
-  .iap-bd-w_thin {
+  .iap-border-w_thin {
     border-width: thin;
 }
 
-  .iap-bd-c_neutral\.5 {
+  .iap-border_neutral\.5 {
     border-color: var(--iap-colors-neutral-5);
 }
 
-  .iap-bd-t-w_thin {
+  .iap-border-tw_thin {
     border-top-width: thin;
 }
 
-  .iap-bd-c_neutral\.6 {
+  .iap-border_neutral\.6 {
     border-color: var(--iap-colors-neutral-6);
 }
 
@@ -4980,7 +4980,7 @@
     flex-wrap: nowrap;
 }
 
-  .iap-ai_start {
+  .iap-items_start {
     align-items: start;
 }
 
@@ -5000,7 +5000,7 @@
     right: calc(var(--iap-spacing-1\.5) * -1);
 }
 
-  .iap-flex-d_column-reverse {
+  .iap-flex_column-reverse {
     flex-direction: column-reverse;
 }
 
@@ -5012,11 +5012,11 @@
     border-block-end-width: var(--thickness);
 }
 
-  .iap-ov-y_scroll {
+  .iap-overflow-y_scroll {
     overflow-y: scroll;
 }
 
-  .iap-ov-x_auto {
+  .iap-overflow-x_auto {
     overflow-x: auto;
 }
 
@@ -5028,7 +5028,7 @@
     padding-bottom: var(--iap-spacing-2\.5);
 }
 
-  .iap-jc_space-between {
+  .iap-justify_space-between {
     justify-content: space-between;
 }
 
@@ -5036,7 +5036,7 @@
     flex-wrap: wrap;
 }
 
-  .iap-bd-c_warning\.8 {
+  .iap-border_warning\.8 {
     border-color: var(--iap-colors-warning-8);
 }
 
@@ -5052,7 +5052,7 @@
     background: var(--iap-colors-touchable-hover);
 }
 
-  .\[\&_svg\]\:iap-c_warning\.11 svg {
+  .\[\&_svg\]\:iap-text_warning\.11 svg {
     color: var(--iap-colors-warning-11);
 }
 
@@ -5060,7 +5060,7 @@
     padding-bottom: var(--iap-spacing-0);
 }
 
-  .first\:iap-bd-t-w_0:first-child {
+  .first\:iap-border-tw_0:first-child {
     border-top-width: 0;
 }
 
@@ -5088,7 +5088,7 @@
     height: var(--iap-sizes-0);
 }
 
-  .\[\&_p\]\:before\:iap-c_gray\.9 p::before {
+  .\[\&_p\]\:before\:iap-text_gray\.9 p::before {
     color: var(--iap-colors-gray-9);
 }
 

package/dist/types/components/Button/Button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SvgIconType } from '../../components/SvgIcon/svg-icon-type';
 import { ButtonProps, GenericButtonProps, IconButtonProps } from './Button.types';
 export declare const GenericButton: import("react").ForwardRefExoticComponent<GenericButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/ComboBox/Dropdown/Dropdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComboBoxDropdownProps, FnOnValueChangeType } from '../types';
 export interface DropdownProps {
     topDropdownPanelComponent?: ComboBoxDropdownProps['topDropdownPanelComponent'];

package/dist/types/components/ComboBox/Dropdown/NavigationContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComboBoxOption } from '../types';
 type Context = {
     currentItem: ComboBoxOption | 'drill-up' | null;

package/dist/types/components/ComboBox/Dropdown/categoryContentMapping.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SvgIconType } from '../../../components/SvgIcon/svg-icon-type';
 import { DropdownCategoryType, FnOnValueChangeType } from '../types';
 type RenderCategoryType = Record<DropdownCategoryType, {

package/dist/types/components/ComboBox/Value/ComboBoxValue.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ComboBoxValueProps } from '../types';
 export declare const ComboBoxValue: import("react").ForwardRefExoticComponent<ComboBoxValueProps & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement>>;

package/dist/types/components/ComboBox/Value/Formula.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormulaProps } from '../../../components/DataBuilder/Formula/types';
 export interface ComboBoxFormulaValueProps extends Omit<FormulaProps<any>, 'formula'> {
     value: any;

package/dist/types/components/ComboBox/Value/Schema.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ComboBoxSchemaValueProps } from '../types';
 export declare const ComboBoxSchemaValue: import("react").ForwardRefExoticComponent<ComboBoxSchemaValueProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/ComboBoxElements/ComboBoxTag.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSchema } from '@integration-app/sdk';
 import { ComboBoxTagProps } from '../ComboBox/types';
 export declare const ComboBoxTag: import("react").ForwardRefExoticComponent<ComboBoxTagProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/ComboBoxElements/Editor/editor.d.ts

@@ -5,9 +5,9 @@ export declare function LexicalProvider({ children }: {
 }): import("react/jsx-runtime").JSX.Element;
 export declare const LexicalEditor: import("react").ForwardRefExoticComponent<{
     onChange: (editorState: EditorState) => void;
-    className?: string | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    placeholder?: string | undefined;
+    className?: string;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    placeholder?: string;
     value?: unknown;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/ComboBoxElements/Editor/nodes/EditorTagNode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NodeKey, SerializedLexicalNode, Spread, DecoratorNode, LexicalNode } from 'lexical';
 export declare const NODE_DATA_ATTR = "data-editor-tag";
 export type TagNodePayload = {

package/dist/types/components/ComboBoxElements/FieldWrapper.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 export declare const FieldWrapper: import("react").ForwardRefExoticComponent<{
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & HTMLAttributes<HTMLSpanElement> & {
-    requiredAndEmptyField?: boolean | undefined;
-    disabled?: boolean | undefined;
+    requiredAndEmptyField?: boolean;
+    disabled?: boolean;
 } & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/DataBuilder/FieldName.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IDataBuilderField } from './data-field';
 export default function FieldName({ field, onKeyChange, onEnter, onEsc, rightSlot, typeSelectorSlot, }: {
     field: IDataBuilderField;

package/dist/types/components/DataBuilder/FieldValue/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFieldComponent } from '../data-field';
 export type DataBuilderFormDefaultFieldProps = Omit<IFieldComponent, 'onKeyChange' | 'onDelete' | 'onEnter'> & {
     topDropdownPanelComponent?: JSX.Element;

package/dist/types/components/DataBuilder/Formula/case.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const CaseFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Case> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/concat.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const ConcatFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/copy.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const CopyFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Copy> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/domainFromEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const DomainFromEmailFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/extractDate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const ExtractDateFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/extractTime.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const ExtractTimeFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/findAppRecordId.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const FindAppRecordIdFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/findExternalRecordId.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const FindExternalRecordIdFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/firstName.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const FirstNameFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/firstNotEmpty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const FirstNotEmptyFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/iterate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const IterateFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/jsonata.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const JsonataFormulaTag: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Jsonata> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/lastName.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const LastNameFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.LastName> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/lookup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps } from './types';
 declare const LookupFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Lookup> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DataBuilder/Formula/map.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
 import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const MapFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Map> & import("react").RefAttributes<HTMLDivElement>>;