@avenirs-esr/avenirs-dsav 0.1.49 → 0.1.50

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@avenirs-esr/avenirs-dsav",
   "type": "module",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "repository": {
     "type": "git",
     "url": "https://github.com/avenirs-esr/avenirs-dsav"
@@ -68,7 +68,7 @@
     "@chromatic-com/storybook": "^4.1.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@playwright/test": "^1.55.0",
+    "@playwright/test": "1.56.0",
     "@rushstack/eslint-patch": "^1.10.4",
     "@storybook/addon-a11y": "^9.1.6",
     "@storybook/addon-docs": "^9.1.6",
@@ -96,7 +96,7 @@
     "jsdom": "^25.0.0",
     "lint-staged": "^16.1.6",
     "npm-run-all2": "^6.2.2",
-    "playwright": "^1.55.0",
+    "playwright": "1.56.0",
     "rimraf": "^5.0.10",
     "sass-embedded": "^1.92.1",
     "storybook": "^9.1.6",

package/dist/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/badges/AvBadge/AvBadge.stories.d.ts

@@ -1,36 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvBadgeProps } from '@/components/badges/AvBadge/AvBadge.vue';
-/**
- * <h1 class="n1">Badges - <code>AvBadge</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvBadge</code> is ideal for displaying short, important information, such as categories, labels, or statuses.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <ul>
- *   <li>
- *     <span class="b2-regular">The component is a <code>p</code> element with the <code>fr-badge</code> class.</span>
- *   </li>
- *   <li>
- *     <span class="b2-regular">Props allow you to modify the badge appearance according to the props: color, icon presence, size, and handling of overly long text.</span>
- *   </li>
- *   <li>
- *     <span class="b2-regular">The <code>label</code> is displayed inside a <code>span</code>, potentially with the <code>ellipsis</code> prop and a defined or maximum size to handle truncated text.</span>
- *   </li>
- * </ul>
- */
-declare const meta: Meta<AvBadgeProps>;
-export default meta;
-export declare const Default: StoryFn<AvBadgeProps>;
-export declare const WithoutIcon: StoryFn<AvBadgeProps>;
-export declare const SmallEllipsis: StoryFn<AvBadgeProps>;
-export declare const StatusNotStarted: StoryFn<AvBadgeProps>;
-export declare const StatusInProgress: StoryFn<AvBadgeProps>;
-export declare const StatusSubmitted: StoryFn<AvBadgeProps>;
-export declare const StatusCompleted: StoryFn<AvBadgeProps>;

package/dist/components/badges/AvBadge/AvBadge.stub.d.ts

@@ -1,18 +0,0 @@
-export declare const AvBadgeStub: {
-    name: string;
-    template: string;
-    props: {
-        label: StringConstructor;
-        small: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        ellipsis: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        color: StringConstructor;
-        backgroundColor: StringConstructor;
-        iconPath: StringConstructor;
-    };
-};

package/dist/components/badges/AvBadge/AvBadge.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/badges/AvBadge/AvBadge.vue.d.ts

@@ -1,44 +0,0 @@
-export interface AvBadgeProps {
-    /**
-     * The color of the text to display in the badge.
-     */
-    color: string;
-    /**
-     * The background color of the badge.
-     */
-    backgroundColor: string;
-    /**
-     * The color of the badge border.
-     */
-    borderColor?: string;
-    /**
-     * The link to the public icon in the project (e.g., `/assets/icons/calendar-clock-outline.svg`).
-     */
-    iconPath?: string;
-    /**
-     * The text to display in the badge.
-     */
-    label: string;
-    /**
-     * Sets the badge type.
-     * @default 'info'
-     */
-    type?: 'success' | 'error' | 'new' | 'info' | 'warning' | undefined;
-    /**
-     * If true, the badge is displayed without an icon.
-     * @default false
-     */
-    noIcon?: boolean | undefined;
-    /**
-     * If true, displays a reduced-size badge.
-     * @default false
-     */
-    small?: boolean | undefined;
-    /**
-     * If true, the text is truncated with an ellipsis if it is too long.
-     * @default false
-     */
-    ellipsis?: boolean | undefined;
-}
-declare const _default: import("vue").DefineComponent<AvBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/badges/index.d.ts

@@ -1,2 +0,0 @@
-export { AvBadgeStub } from './AvBadge/AvBadge.stub';
-export { default as AvBadge } from './AvBadge/AvBadge.vue';

package/dist/components/base/AvIconText/AvIconText.stories.d.ts

@@ -1,36 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvIconTextProps } from './AvIconText.vue';
-/**
- * <h1 class="n1">Texts with icon - <code>AvIconText</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvIconText</code> is a component that allows you to display text with an icon on the left
- *     (preferably an
- *     <a href="https://icon-sets.iconify.design/mdi/" target="_blank" rel="noopener noreferrer">MDI</a>
- *     icon). This View component is ideal for displaying text with an icon that allows you to visualize
- *     the type of information conveyed by the text.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <ul>
- *   <li>
- *     <span class="b2-regular">The component is a <code>div</code> element composed of an <code>AvVIcon</code> component and a <code>span</code>.</span>
- *   </li>
- *   <li>
- *     <span class="b2-regular">Props allow you to modify the appearance of the icon and text according to the props: color, icon, size, and handling of overly long text.</span>
- *   </li>
- *   <li>
- *     <span class="b2-regular">The <code>label</code> is displayed inside a <code>span</code>, potentially with the <code>ellipsis</code> prop to handle truncated text.</span>
- *   </li>
- * </ul>
- */
-declare const meta: Meta<AvIconTextProps>;
-export default meta;
-export declare const Default: StoryFn<AvIconTextProps>;
-export declare const InlineNoEllipsis: StoryFn<AvIconTextProps>;
-export declare const CustomColors: StoryFn<AvIconTextProps>;

package/dist/components/base/AvIconText/AvIconText.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/base/AvIconText/AvIconText.vue.d.ts

@@ -1,40 +0,0 @@
-/**
- * AvIconText component props.
- */
-export interface AvIconTextProps {
-    /**
-     * The text color.
-     * @default 'var(--text1)'
-     */
-    textColor?: string;
-    /**
-     * The icon color.
-     * @default 'var(--text1)'
-     */
-    iconColor?: string;
-    /**
-     * The icon name according to the naming convention of Iconify-vue.
-     */
-    icon: string;
-    /**
-     * The text to display.
-     */
-    text: string;
-    /**
-     * The typography class to use for the text.
-     * @default 'b2-regular'
-     */
-    typographyClass?: string;
-    /**
-     * The space between the icon and the text.
-     * @default '0.25rem'
-     */
-    gap?: string;
-    /**
-     * If `false`, text that is too long will be truncated.
-     * @default false
-     */
-    inline?: boolean;
-}
-declare const _default: import("vue").DefineComponent<AvIconTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvIconTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/base/AvNotice/AvNotice.stories.d.ts

@@ -1,56 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvNoticeProps } from '@/components/base/AvNotice/AvNotice.vue';
-/**
- * <h1 class="n1">Important information banner - <code>AvNotice</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvNotice</code> is an important information banner that allow
- *     users to view or access important and temporary information.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     It is displayed on all pages on desktop and mobile devices. It displays important and urgent information
- *     (overuse may cause this banner to "disappear").
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p><span class="b2-regular">The notice consists of the following elements:</span></p>
- *
- * <ul>
- *   <li>
- *     <span class="b2-regular">A title (prop <code>title</code>, of type <code>string</code>):</span>
- *     <ul>
- *       <li><span class="b2-regular">Optional with a default value <code>''</code></span></li>
- *     </ul>
- *   </li>
- *   <li>
- *     <span class="b2-regular">A text (prop <code>text</code>, of type <code>string</code>):</span>
- *     <ul>
- *       <li><span class="b2-regular">Optional with a default value <code>''</code></span></li>
- *     </ul>
- *   </li>
- *   <li>
- *     <span class="b2-regular">A pictogram and a color determined by the prop <code>type</code>, which can be one of the following strings:</span>
- *     <ul>
- *       <li><span class="b2-regular"><code>'info'</code></span></li>
- *       <li><span class="b2-regular"><code>'warning'</code></span></li>
- *       <li><span class="b2-regular"><code>'alert'</code></span></li>
- *     </ul>
- *   </li>
- *   <li>
- *     <span class="b2-regular">An information icon</span>
- *   </li>
- * </ul>
- */
-declare const meta: Meta<AvNoticeProps>;
-export default meta;
-export declare const Default: StoryFn<AvNoticeProps>;
-export declare const InfoNotice: StoryFn<AvNoticeProps>;
-export declare const AlertNotice: StoryFn<AvNoticeProps>;

package/dist/components/base/AvNotice/AvNotice.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/base/AvNotice/AvNotice.vue.d.ts

@@ -1,22 +0,0 @@
-/**
- * AvNotice component props.
- */
-export interface AvNoticeProps {
-    /**
-     * The banner title.
-     * @default ''
-     */
-    title?: string;
-    /**
-     * The banner text. Any text surrounded by a ** will be underlined.
-     * @default ''
-     */
-    text?: string;
-    /**
-     * The banner type.
-     * Can be 'info', 'warning', or 'alert'.
-     */
-    type: 'info' | 'warning' | 'alert';
-}
-declare const _default: import("vue").DefineComponent<AvNoticeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvNoticeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/base/AvVIcon/AvVIcon.stories.d.ts

@@ -1,40 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvVIconProps } from '@/components/base/AvVIcon/AvVIcon.vue';
-/**
- * <h1 class="n1">Icons - <code>AvVIcon</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvVIcon</code> component places a <code>VIcon</code> in a square <code>div</code> of configurable size.
- *     It's a Vue.js component for displaying icons with a wide range of customization options, including animations, colors, and sizes.
- *     It's designed to be flexible and performant, with support for various display options, flip options, and accessible titles.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     It has exactly the same API as OhVueIcon, and uses <code>@iconify/vue</code> under the hood.
- *   </span>
- * </p>
- *
- * <p>
- *   <span class="b2-regular">
- *     <strong>⚠️ Icon names must be those from </strong>
- *     <a href="https://icon-sets.iconify.design/" target="_blank" rel="noopener noreferrer">Iconify-vue</a>
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The icon is composed of a square <code>div</code> of configurable size containing the <code>VIcon</code> component.
- *   </span>
- * </p>
- */
-declare const meta: Meta<AvVIconProps>;
-export default meta;
-export declare const Default: StoryFn<AvVIconProps>;
-export declare const Animated: StoryFn<AvVIconProps>;

package/dist/components/base/AvVIcon/AvVIcon.stub.d.ts

@@ -1,5 +0,0 @@
-export declare const AvVIconStub: {
-    name: string;
-    props: string[];
-    template: string;
-};

package/dist/components/base/AvVIcon/AvVIcon.vue.d.ts

@@ -1,54 +0,0 @@
-export interface AvVIconProps {
-    /**
-     * The size in rem of the icon container and a ratio for the icon scale.
-     * @default 1
-     */
-    size?: number;
-    /**
-     * The name of the icon to display.
-     */
-    name: string;
-    /**
-     * Vertical alignment of the icon relative to the baseline.
-     * @default '-0.2em'
-     */
-    verticalAlign?: string;
-    /**
-     * Animation type applied to the icon.
-     * Can be 'spin', 'wrench', 'pulse', 'spin-pulse', 'flash', or 'float'.
-     */
-    animation?: 'spin' | 'wrench' | 'pulse' | 'spin-pulse' | 'flash' | 'float';
-    /**
-     * Animation speed, if set.
-     * Can be 'fast' or 'slow'.
-     */
-    speed?: 'fast' | 'slow';
-    /**
-     * Flips the icon horizontally, vertically, or both.
-     */
-    flip?: 'horizontal' | 'vertical' | 'both';
-    /**
-     * ARIA label for accessibility.
-     */
-    label?: string;
-    /**
-     * Icon title (`<title>` tag), used for accessibility and tooltips.
-     */
-    title?: string;
-    /**
-     * Main color of the icon.
-     */
-    color?: string;
-    /**
-     * Applies an inverted color to the icon.
-     * @default false
-     */
-    inverse?: boolean;
-    /**
-     * Enables server-side rendering.
-     * @default true
-     */
-    ssr?: boolean;
-}
-declare const _default: import("vue").DefineComponent<AvVIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvVIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/base/index.d.ts

@@ -1,4 +0,0 @@
-export { default as AvIconText } from './AvIconText/AvIconText.vue';
-export { default as AvNotice } from './AvNotice/AvNotice.vue';
-export { AvVIconStub } from './AvVIcon/AvVIcon.stub';
-export { default as AvVIcon } from './AvVIcon/AvVIcon.vue';

package/dist/components/cards/AvCard/AvCard.stories.d.ts

@@ -1,28 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/vue3';
-import { type AvCardProps } from '@/components/cards/AvCard/AvCard.vue';
-/**
- * <h1 class="n1">Cards - <code>AvCard</code></h1>
- *
- * <h2 class="n2">✨ Introduction</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The <code>AvCard</code> card is a component for creating customizable styled containers.
- *   </span>
- * </p>
- *
- * <h2 class="n2">🏗️ Structure</h2>
- *
- * <p>
- *   <span class="b2-regular">
- *     The card is composed of a main <code>div</code> containing a div for the title (slot <code>title</code>),
- *     a generic slot by default, a div for the body (slot <code>body</code>) as well as a div for the footer
- *     (slot <code>footer</code>).
- *   </span>
- * </p>
- */
-declare const meta: Meta<AvCardProps>;
-export default meta;
-export declare const Default: StoryFn<AvCardProps>;
-export declare const WithCustomColors: StoryFn<AvCardProps>;
-export declare const WithOnlyDefaultSlot: StoryFn<AvCardProps>;

package/dist/components/cards/AvCard/AvCard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/cards/AvCard/AvCard.vue.d.ts

@@ -1,58 +0,0 @@
-import type { Slot } from 'vue';
-/**
- * AvCard component props.
- */
-export interface AvCardProps {
-    /**
-     * The background color of the card.
-     * @default 'var(--card)'
-     */
-    backgroundColor?: string;
-    /**
-     * The border color of the card.
-     * @default 'var(--stroke)'
-     */
-    borderColor?: string;
-    /**
-     * The background color of the card title.
-     * @default 'var(--surface-background)'
-     */
-    titleBackground?: string;
-    /**
-     * The height of the card title.
-     */
-    titleHeight?: string;
-}
-/**
- * Slots available in the AvCard component.
- *
- * @slot title - Slot for the card title.
- * @slot body - Slot for the card body.
- * @slot footer - Slot for card footer.
- * @slot default - Default slot for global content.
- */
-type __VLS_Slots = {
-    /**
-     * Slot for the card title.
-     */
-    title?: Slot;
-    /**
-     * Slot for the card body.
-     */
-    body?: Slot;
-    /**
-     * Slot for the card footer.
-     */
-    footer?: Slot;
-    /**
-     * Default slot for global content.
-     */
-    default?: Slot;
-};
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/cards/index.d.ts

@@ -1 +0,0 @@
-export { default as AvCard } from './AvCard/AvCard.vue';

package/dist/components/feedback/AvAlert/AvAlert.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/feedback/AvAlert/AvAlert.vue.d.ts

@@ -1,77 +0,0 @@
-import type { Slot } from 'vue';
-/**
- * AvAlert component props.
- */
-interface AvAlertProps {
-    /**
-     * If true, the alert is displayed with the `alert` role.
-     * @default false
-     */
-    alert?: boolean;
-    /**
-     * Indicates whether the alert is closed (`true`) or visible (`false`).
-     * @default false
-     */
-    closed?: boolean;
-    /**
-     * Indicates whether the alert can be closed using a button.
-     * @default false
-     */
-    closeable?: boolean;
-    /**
-     * The alert unique identifier.
-     * @default crypto.randomUUID()
-     */
-    id?: string;
-    /**
-     * The alert title.
-     * @default ''
-     */
-    title?: string;
-    /**
-     * The alert description text.
-     */
-    description?: string;
-    /**
-     * Indicates whether the alert should be displayed in a small format.
-     * @default false
-     */
-    small?: boolean;
-    /**
-     * The HTML tag used for the alert title.
-     * @default 'h3'
-     */
-    titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    /**
-     * The alert type. Affects the color and icon.
-     * @default 'info'
-     */
-    type?: 'info' | 'success' | 'warning' | 'error';
-    /**
-     * The label and aria-label of the alert close button.
-     * @default 'Fermer'
-     */
-    closeButtonLabel?: string;
-}
-/**
- * Slots available in the AvAlert component.
- *
- * @slot default - Default slot for global content.
- */
-type __VLS_Slots = {
-    /**
-     * Default slot for global content.
-     */
-    default?: Slot;
-};
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<AvAlertProps> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/feedback/AvToaster/AvToaster.test.d.ts

@@ -1 +0,0 @@
-export {};