@getflip/swirl-ai 0.471.0 → 0.472.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.
@@ -58,6 +58,7 @@ The SwirlAppLayout component provides a basic layout used by app integrations to
58
58
 
59
59
  - `changeMobileView()` – Change the currently displayed view on mobile viewports
60
60
  - `getCollapsibleNavigationState()` – Get state of the collapsible navigation
61
+ - `getScrollContainer()` – Get the scroll container of the main content area
61
62
  - `hideSidebar()` – Hide the sidebar
62
63
  - `setCollapsibleNavigationState()` – Set state of the collapsible navigation
63
64
  - `showSidebar()` – Show the sidebar
@@ -14,6 +14,7 @@ The SwirlPopover component is used to display small non-modal dialogs or menus.
14
14
  - `borderRadius` (string | undefined) –
15
15
  - `disableScrollLock` (boolean | undefined) –
16
16
  - `enableFlip` (boolean | undefined) –
17
+ - `fallbackAxisSideDirection` ("end" | "none" | "start" | undefined) –
17
18
  - `fullscreenBottomSheet` (boolean | undefined) –
18
19
  - `maxHeight` (string | undefined) –
19
20
  - `offset` (number | number[] | undefined) –
@@ -1600,6 +1600,26 @@
1600
1600
  }
1601
1601
  }
1602
1602
  },
1603
+ {
1604
+ "kind": "method",
1605
+ "name": "getScrollContainer",
1606
+ "description": "Get the scroll container of the main content area",
1607
+ "return": {
1608
+ "type": {
1609
+ "text": "Promise<HTMLElement>",
1610
+ "references": [
1611
+ {
1612
+ "name": "Promise",
1613
+ "package": "global:"
1614
+ },
1615
+ {
1616
+ "name": "HTMLElement",
1617
+ "package": "global:"
1618
+ }
1619
+ ]
1620
+ }
1621
+ }
1622
+ },
1603
1623
  {
1604
1624
  "kind": "method",
1605
1625
  "name": "hideSidebar",
@@ -39771,6 +39791,19 @@
39771
39791
  "default": "true",
39772
39792
  "fieldName": "enableFlip"
39773
39793
  },
39794
+ {
39795
+ "name": "fallback-axis-side-direction",
39796
+ "type": {
39797
+ "text": "\"end\" | \"none\" | \"start\" | undefined",
39798
+ "references": [
39799
+ {
39800
+ "name": "SwirlPopoverFallbackAxisSideDirection"
39801
+ }
39802
+ ]
39803
+ },
39804
+ "default": "\"none\"",
39805
+ "fieldName": "fallbackAxisSideDirection"
39806
+ },
39774
39807
  {
39775
39808
  "name": "fullscreen-bottom-sheet",
39776
39809
  "type": {
@@ -39924,6 +39957,21 @@
39924
39957
  "readonly": true,
39925
39958
  "attribute": "enable-flip"
39926
39959
  },
39960
+ {
39961
+ "kind": "field",
39962
+ "name": "fallbackAxisSideDirection",
39963
+ "type": {
39964
+ "text": "\"end\" | \"none\" | \"start\" | undefined",
39965
+ "references": [
39966
+ {
39967
+ "name": "SwirlPopoverFallbackAxisSideDirection"
39968
+ }
39969
+ ]
39970
+ },
39971
+ "default": "\"none\"",
39972
+ "readonly": true,
39973
+ "attribute": "fallback-axis-side-direction"
39974
+ },
39927
39975
  {
39928
39976
  "kind": "field",
39929
39977
  "name": "fullscreenBottomSheet",
@@ -104,6 +104,10 @@ export declare class SwirlAppLayout {
104
104
  * Set state of the collapsible navigation
105
105
  */
106
106
  setCollapsibleNavigationState(state: SwirlAppLayoutNavigationExpansionState): Promise<void>;
107
+ /**
108
+ * Get the scroll container of the main content area
109
+ */
110
+ getScrollContainer(): Promise<HTMLElement | undefined>;
107
111
  /**
108
112
  * Change the currently displayed view on mobile viewports
109
113
  * @param mobileView
@@ -4,6 +4,8 @@ export type SwirlPopoverAnimation = "fade-in" | "scale-in-xy" | "scale-in-y";
4
4
  export type SwirlPopoverControlMethod = "click" | "hover" | "programmatic";
5
5
  declare const swirlPopoverBorderRadiusTokens: readonly ["xs", "sm", "base", "l", "xl"];
6
6
  export type SwirlPopoverBorderRadius = (typeof swirlPopoverBorderRadiusTokens)[number] | string;
7
+ /** Mirrors {@link https://floating-ui.com/docs/flip#fallbackaxissidedirection Floating UI `flip`}. */
8
+ export type SwirlPopoverFallbackAxisSideDirection = "none" | "start" | "end";
7
9
  /**
8
10
  * @slot slot - The popover content.
9
11
  */
@@ -12,6 +14,7 @@ export declare class SwirlPopover {
12
14
  animation?: SwirlPopoverAnimation;
13
15
  disableScrollLock?: boolean;
14
16
  enableFlip?: boolean;
17
+ fallbackAxisSideDirection?: SwirlPopoverFallbackAxisSideDirection;
15
18
  fullscreenBottomSheet?: boolean;
16
19
  label: string;
17
20
  maxHeight?: string;
@@ -51,7 +51,7 @@ import { SwirlActionListItemIntent as SwirlActionListItemIntent1 } from "./compo
51
51
  import { SwirlModalSpacing, SwirlModalVariant } from "./components/swirl-modal/swirl-modal";
52
52
  import { SwirlOptionListItemContext, SwirlOptionListItemRole } from "./components/swirl-option-list-item/swirl-option-list-item";
53
53
  import { SwirlPaginationVariant } from "./components/swirl-pagination/swirl-pagination";
54
- import { SwirlPopoverAnimation, SwirlPopoverBorderRadius, SwirlPopoverControlMethod } from "./components/swirl-popover/swirl-popover";
54
+ import { SwirlPopoverAnimation, SwirlPopoverBorderRadius, SwirlPopoverControlMethod, SwirlPopoverFallbackAxisSideDirection } from "./components/swirl-popover/swirl-popover";
55
55
  import { SwirlPopover } from "./components/swirl-popover/swirl-popover";
56
56
  import { SwirlProgressIndicatorSize, SwirlProgressIndicatorVariant } from "./components/swirl-progress-indicator/swirl-progress-indicator";
57
57
  import { SwirlRadioState, SwirlRadioVariant } from "./components/swirl-radio/swirl-radio";
@@ -133,7 +133,7 @@ export { SwirlActionListItemIntent as SwirlActionListItemIntent1 } from "./compo
133
133
  export { SwirlModalSpacing, SwirlModalVariant } from "./components/swirl-modal/swirl-modal";
134
134
  export { SwirlOptionListItemContext, SwirlOptionListItemRole } from "./components/swirl-option-list-item/swirl-option-list-item";
135
135
  export { SwirlPaginationVariant } from "./components/swirl-pagination/swirl-pagination";
136
- export { SwirlPopoverAnimation, SwirlPopoverBorderRadius, SwirlPopoverControlMethod } from "./components/swirl-popover/swirl-popover";
136
+ export { SwirlPopoverAnimation, SwirlPopoverBorderRadius, SwirlPopoverControlMethod, SwirlPopoverFallbackAxisSideDirection } from "./components/swirl-popover/swirl-popover";
137
137
  export { SwirlPopover } from "./components/swirl-popover/swirl-popover";
138
138
  export { SwirlProgressIndicatorSize, SwirlProgressIndicatorVariant } from "./components/swirl-progress-indicator/swirl-progress-indicator";
139
139
  export { SwirlRadioState, SwirlRadioVariant } from "./components/swirl-radio/swirl-radio";
@@ -309,6 +309,10 @@ export namespace Components {
309
309
  * Get state of the collapsible navigation
310
310
  */
311
311
  "getCollapsibleNavigationState": () => Promise<SwirlAppLayoutNavigationExpansionState>;
312
+ /**
313
+ * Get the scroll container of the main content area
314
+ */
315
+ "getScrollContainer": () => Promise<HTMLElement | undefined>;
312
316
  "hasNavigation": boolean;
313
317
  "hideAppBar"?: boolean;
314
318
  /**
@@ -3603,6 +3607,10 @@ export namespace Components {
3603
3607
  * @default true
3604
3608
  */
3605
3609
  "enableFlip"?: boolean;
3610
+ /**
3611
+ * @default "none"
3612
+ */
3613
+ "fallbackAxisSideDirection"?: SwirlPopoverFallbackAxisSideDirection;
3606
3614
  "fullscreenBottomSheet"?: boolean;
3607
3615
  /**
3608
3616
  * Return whether the popover is open.
@@ -12998,6 +13006,10 @@ declare namespace LocalJSX {
12998
13006
  * @default true
12999
13007
  */
13000
13008
  "enableFlip"?: boolean;
13009
+ /**
13010
+ * @default "none"
13011
+ */
13012
+ "fallbackAxisSideDirection"?: SwirlPopoverFallbackAxisSideDirection;
13001
13013
  "fullscreenBottomSheet"?: boolean;
13002
13014
  "label": string;
13003
13015
  /**
@@ -16375,6 +16387,7 @@ declare namespace LocalJSX {
16375
16387
  "animation": SwirlPopoverAnimation;
16376
16388
  "disableScrollLock": boolean;
16377
16389
  "enableFlip": boolean;
16390
+ "fallbackAxisSideDirection": SwirlPopoverFallbackAxisSideDirection;
16378
16391
  "fullscreenBottomSheet": boolean;
16379
16392
  "label": string;
16380
16393
  "maxHeight": string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getflip/swirl-ai",
3
- "version": "0.471.0",
3
+ "version": "0.472.0",
4
4
  "description": "Swirl Design System AI package with artifacts for AI agents",
5
5
  "author": "Flip GmbH",
6
6
  "repository": {
@@ -49,7 +49,7 @@
49
49
  "zod": "3.24.0"
50
50
  },
51
51
  "devDependencies": {
52
- "@getflip/swirl-components": "0.471.0",
52
+ "@getflip/swirl-components": "0.472.0",
53
53
  "@types/node": "25.3.0",
54
54
  "tsup": "^8.0.0",
55
55
  "tsx": "^4.7.0",