npm - @integration-app/react - Versions diffs - 2.3.1 → 2.4.1-beta.0 - Mend

@integration-app/react 2.3.1 → 2.4.1-beta.0

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 (702) hide show

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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 '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.3.1
+ * v2.4.1-beta.0
  */
 'use client';

package/dist/styles.css CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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