@integration-app/react 2.5.0 → 2.5.2-beta.1

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/styles.css

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

package/dist/types/styled-system/types/composition.d.ts

@@ -132,33 +132,7 @@ export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
 
 export type LayerStyles = Recursive<Token<LayerStyle>>
 
-/* -----------------------------------------------------------------------------
- * Motion styles
- * -----------------------------------------------------------------------------*/
-
-type AnimationStyleProperty =
-  | 'animation'
-  | 'animationComposition'
-  | 'animationDelay'
-  | 'animationDirection'
-  | 'animationDuration'
-  | 'animationFillMode'
-  | 'animationIterationCount'
-  | 'animationName'
-  | 'animationPlayState'
-  | 'animationTimingFunction'
-  | 'animationRange'
-  | 'animationRangeStart'
-  | 'animationRangeEnd'
-  | 'animationTimeline'
-  | 'transformOrigin'
-
-export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
-
-export type AnimationStyles = Recursive<Token<AnimationStyle>>
-
 export interface CompositionStyles {
   textStyles: TextStyles
   layerStyles: LayerStyles
-  animationStyles: AnimationStyles
 }

package/dist/types/styled-system/types/conditions.d.ts

@@ -32,12 +32,6 @@ export interface Conditions {
 	"_expanded": string
 	/** `&[data-highlighted]` */
 	"_highlighted": string
-	/** `&[data-complete]` */
-	"_complete": string
-	/** `&[data-incomplete]` */
-	"_incomplete": string
-	/** `&[data-dragging]` */
-	"_dragging": string
 	/** `&::before` */
 	"_before": string
 	/** `&::after` */
@@ -118,9 +112,9 @@ export interface Conditions {
 	"_invalid": string
 	/** `&:autofill` */
 	"_autofill": string
-	/** `&:is(:in-range, [data-in-range])` */
+	/** `&:in-range` */
 	"_inRange": string
-	/** `&:is(:out-of-range, [data-outside-range])` */
+	/** `&:out-of-range` */
 	"_outOfRange": string
 	/** `&::placeholder, &[data-placeholder]` */
 	"_placeholder": string
@@ -130,14 +124,6 @@ export interface Conditions {
 	"_pressed": string
 	/** `&:is([aria-selected=true], [data-selected])` */
 	"_selected": string
-	/** `&:is([aria-grabbed=true], [data-grabbed])` */
-	"_grabbed": string
-	/** `&:is([data-state="under-value"])` */
-	"_underValue": string
-	/** `&[data-state=over-value]` */
-	"_overValue": string
-	/** `&[data-state=at-value]` */
-	"_atValue": string
 	/** `&:default` */
 	"_default": string
 	/** `&:optional` */
@@ -146,30 +132,14 @@ export interface Conditions {
 	"_open": string
 	/** `&:is([closed], [data-closed], [data-state="closed"])` */
 	"_closed": string
-	/** `&is(:fullscreen, [data-fullscreen])` */
+	/** `&:fullscreen` */
 	"_fullscreen": string
 	/** `&:is([data-loading], [aria-busy=true])` */
 	"_loading": string
-	/** `&:is([hidden])` */
-	"_hidden": string
-	/** `&:is([data-current])` */
-	"_current": string
 	/** `&[aria-current=page]` */
 	"_currentPage": string
 	/** `&[aria-current=step]` */
 	"_currentStep": string
-	/** `&:is([data-today])` */
-	"_today": string
-	/** `&[data-unavailable]` */
-	"_unavailable": string
-	/** `&[data-range-start]` */
-	"_rangeStart": string
-	/** `&[data-range-end]` */
-	"_rangeEnd": string
-	/** `&[data-now]` */
-	"_now": string
-	/** `&[data-topmost]` */
-	"_topmost": string
 	/** `@media (prefers-reduced-motion: reduce)` */
 	"_motionReduce": string
 	/** `@media (prefers-reduced-motion: no-preference)` */
@@ -208,16 +178,22 @@ export interface Conditions {
 	"_horizontal": string
 	/** `&[data-orientation=vertical]` */
 	"_vertical": string
-	/** `& :where(svg)` */
-	"_icon": string
 	/** `@starting-style` */
 	"_starting": string
 	/** `&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])` */
 	"_collapsed": string
+	/** `&:is([data-current])` */
+	"_current": string
+	/** `&:is([hidden])` */
+	"_hidden": string
 	/** `&:is([data-state="off"])` */
 	"_off": string
 	/** `&:is([data-state="on"])` */
 	"_on": string
+	/** `&:is([data-today])` */
+	"_today": string
+	/** `&:is([data-state="under-value"])` */
+	"_underValue": string
 	/** `@media screen and (min-width: 40rem)` */
 	"sm": string
 	/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */

package/dist/types/styled-system/types/global.d.ts

@@ -13,7 +13,6 @@ declare module '@pandacss/dev' {
   export function defineStyles(definition: SystemStyleObject): SystemStyleObject
   export function defineGlobalStyles(definition: GlobalStyleObject): Panda.GlobalStyleObject
   export function defineTextStyles(definition: CompositionStyles['textStyles']): Panda.TextStyles
-  export function defineAnimationStyles(definition: CompositionStyles['animationStyles']): Panda.AnimationStyles
   export function defineLayerStyles(definition: CompositionStyles['layerStyles']): Panda.LayerStyles
   export function definePattern<T extends PatternProperties>(config: PatternConfig<T>): Panda.PatternConfig
   export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>

package/dist/types/styled-system/types/prop-type.d.ts

@@ -159,6 +159,7 @@ export interface UtilityValues {
 	caretColor: Tokens["colors"];
 	scrollbar: "visible" | "hidden";
 	scrollbarColor: Tokens["colors"];
+	scrollbarGutter: Tokens["spacing"];
 	scrollbarWidth: Tokens["sizes"];
 	scrollMargin: Tokens["spacing"];
 	scrollMarginLeft: Tokens["spacing"];