Skip to content

Commit

Permalink
chore: autogenerated files
Browse files Browse the repository at this point in the history
  • Loading branch information
@alionazherdetska
alionazherdetska committed Feb 11, 2025
1 parent fbea70f commit 0b8f76f
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 8 deletions.
4 changes: 2 additions & 2 deletions packages/components/src/components/post-popovercontainer/post-popovercontainer.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
@use '@swisspost/design-system-styles/variables/commons';
@use '@swisspost/design-system-styles/variables/spacing';
@use '@swisspost/design-system-styles/mixins/color' as color-mx;
@use '@swisspost/design-system-styles/mixins/animation' as animation-mx;
@use '@swisspost/design-system-styles/mixins/animation';
@use '@swisspost/design-system-styles/variables/elevation';
@use '@swisspost/design-system-styles/functions/color' as color-fn;
@use '@swisspost/design-system-styles/mixins/utilities';
Expand All @@ -23,7 +23,7 @@
:where(post-popovercontainer) {

&[data-animation='pop-in']:where(:popover-open, .popover-open) {
@include animation-mx.top-layer-pop-in(0.25s, ':popover-open');
@include animation.top-layer-pop-in(0.25s, ':popover-open');

@media (prefers-reduced-motion) {
& {
Expand Down
13 changes: 7 additions & 6 deletions packages/components/src/components/post-popovercontainer/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,13 @@

## Properties

| Property | Attribute | Description | Type | Default |
| ----------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `animation` | `animation` | Animation style | `"pop-in"` | `undefined` |
| `arrow` | `arrow` | Whether or not to display a little pointer arrow | `boolean` | `false` |
| `edgeGap` | `edge-gap` | Gap between the edge of the page and the popover-container | `number` | `8` |
| `placement` | `placement` | Defines the placement of the popover-container according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popover-containers 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. | `"bottom" \| "bottom-end" \| "bottom-start" \| "left" \| "left-end" \| "left-start" \| "right" \| "right-end" \| "right-start" \| "top" \| "top-end" \| "top-start"` | `'top'` |
| Property | Attribute | Description | Type | Default |
| ------------- | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `animation` | `animation` | Animation style | `"pop-in"` | `undefined` |
| `arrow` | `arrow` | Whether or not to display a little pointer arrow | `boolean` | `false` |
| `edgeGap` | `edge-gap` | Gap between the edge of the page and the popover-container | `number` | `8` |
| `manualClose` | `manual-close` | Whether or not the popover should close when user clicks outside of it | `boolean` | `false` |
| `placement` | `placement` | Defines the placement of the popover-container according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popover-containers 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. | `"bottom" \| "bottom-end" \| "bottom-start" \| "left" \| "left-end" \| "left-start" \| "right" \| "right-end" \| "right-start" \| "top" \| "top-end" \| "top-start"` | `'top'` |


## Events
Expand Down

0 comments on commit 0b8f76f

Please sign in to comment.