@swisspost/design-system-components 10.0.0-next.59 → 10.0.0-next.60

package/dist/types/components/post-closebutton/post-closebutton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonType } from './button-types';
+import { ButtonType, Placement, Size } from './types';
 /**
  * @slot default - Slot for placing visually hidden label in the close button.
  */
@@ -6,10 +6,20 @@ export declare class PostClosebutton {
     private mutationObserver;
     host: HTMLPostClosebuttonElement;
     /**
-     * Overrides the close button's type ("button" by default)
+     * The "type" attribute used for the close button
      */
     buttonType?: ButtonType;
     validateButtonType(): void;
+    /**
+     * Defines whether the close button is positioned automatically by the component or left unpositioned for manual styling.
+     */
+    placement: Placement;
+    validatePlacement(): void;
+    /**
+     * The size of the close button.
+     */
+    size: Size;
+    validateSize(): void;
     componentDidLoad(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/types/components/post-closebutton/types.d.ts

@@ -0,0 +1,6 @@
+export declare const BUTTON_TYPES: readonly ["button", "submit", "reset"];
+export type ButtonType = (typeof BUTTON_TYPES)[number];
+export declare const PLACEMENT: readonly ["manual", "auto"];
+export type Placement = (typeof PLACEMENT)[number];
+export declare const SIZE: readonly ["default", "small"];
+export type Size = (typeof SIZE)[number];

package/dist/types/components.d.ts

@@ -7,16 +7,16 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { HeadingLevel } from "./types/index";
 import { BannerType } from "./components/post-banner/banner-types";
-import { ButtonType } from "./components/post-closebutton/button-types";
+import { ButtonType, Placement, Size } from "./components/post-closebutton/types";
 import { PostIconAnimation } from "./types/icon-animations";
 import { SwitchVariant } from "./components/post-language-menu/switch-variants";
-import { Placement } from "@floating-ui/dom";
+import { Placement as Placement1 } from "@floating-ui/dom";
 export { HeadingLevel } from "./types/index";
 export { BannerType } from "./components/post-banner/banner-types";
-export { ButtonType } from "./components/post-closebutton/button-types";
+export { ButtonType, Placement, Size } from "./components/post-closebutton/types";
 export { PostIconAnimation } from "./types/icon-animations";
 export { SwitchVariant } from "./components/post-language-menu/switch-variants";
-export { Placement } from "@floating-ui/dom";
+export { Placement as Placement1 } from "@floating-ui/dom";
 export namespace Components {
     interface PostAccordion {
         /**
@@ -173,10 +173,20 @@ export namespace Components {
     }
     interface PostClosebutton {
         /**
-          * Overrides the close button's type ("button" by default)
+          * The "type" attribute used for the close button
           * @default 'button'
          */
         "buttonType"?: ButtonType;
+        /**
+          * Defines whether the close button is positioned automatically by the component or left unpositioned for manual styling.
+          * @default 'auto'
+         */
+        "placement": Placement;
+        /**
+          * The size of the close button.
+          * @default 'default'
+         */
+        "size": Size;
     }
     interface PostCollapsible {
         /**
@@ -366,7 +376,7 @@ export namespace Components {
           * Defines the position of the menu relative to its trigger. Menus are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
           * @default 'bottom'
          */
-        "placement"?: Placement;
+        "placement"?: Placement1;
         /**
           * Displays the popover menu, focusing the first menu item.
           * @param target - The HTML element relative to which the popover menu should be displayed.
@@ -441,7 +451,7 @@ export namespace Components {
           * Defines the position of the popover relative to its trigger. Popovers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
           * @default 'top'
          */
-        "placement"?: Placement;
+        "placement"?: Placement1;
         /**
           * Programmatically display the popover
           * @param target A focusable element inside the <post-popover-trigger> component that controls the popover
@@ -483,7 +493,7 @@ export namespace Components {
           * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popovercontainers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
           * @default 'top'
          */
-        "placement"?: Placement;
+        "placement"?: Placement1;
         /**
           * Enables a safespace through which the cursor can be moved without the popover being disabled
          */
@@ -599,7 +609,7 @@ export namespace Components {
           * Defines the position of the tooltip relative to its trigger. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
           * @default 'top'
          */
-        "placement"?: Placement;
+        "placement"?: Placement1;
         /**
           * Programmatically display the tooltip.
           * @param target An element where the tooltip should be shown
@@ -1197,10 +1207,20 @@ declare namespace LocalJSX {
     }
     interface PostClosebutton {
         /**
-          * Overrides the close button's type ("button" by default)
+          * The "type" attribute used for the close button
           * @default 'button'
          */
         "buttonType"?: ButtonType;
+        /**
+          * Defines whether the close button is positioned automatically by the component or left unpositioned for manual styling.
+          * @default 'auto'
+         */
+        "placement"?: Placement;
+        /**
+          * The size of the close button.
+          * @default 'default'
+         */
+        "size"?: Size;
     }
     interface PostCollapsible {
         /**
@@ -1374,7 +1394,7 @@ declare namespace LocalJSX {
           * Defines the position of the menu relative to its trigger. Menus are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
           * @default 'bottom'
          */
-        "placement"?: Placement;
+        "placement"?: Placement1;
     }
     interface PostMenuItem {
     }
@@ -1440,7 +1460,7 @@ declare namespace LocalJSX {
           * Defines the position of the popover relative to its trigger. Popovers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
           * @default 'top'
          */
-        "placement"?: Placement;
+        "placement"?: Placement1;
         /**
           * Define the text of the close button for assistive technology
          */
@@ -1487,7 +1507,7 @@ declare namespace LocalJSX {
           * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popovercontainers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
           * @default 'top'
          */
-        "placement"?: Placement;
+        "placement"?: Placement1;
         /**
           * Enables a safespace through which the cursor can be moved without the popover being disabled
          */
@@ -1596,7 +1616,7 @@ declare namespace LocalJSX {
           * Defines the position of the tooltip relative to its trigger. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
           * @default 'top'
          */
-        "placement"?: Placement;
+        "placement"?: Placement1;
     }
     interface PostTooltipTrigger {
         /**