@lucca-front/ng 22.0.5 → 22.0.6-rc.1

package/llms/references/components/fancybox/fancybox.md

@@ -0,0 +1,75 @@
+# fancybox
+
+## Import
+
+```typescript
+import { FancyBoxComponent } from '@lucca-front/ng/fancy-box';
+```
+
+## Basic Usage
+
+```html
+<lu-fancy-box backgroundLeft="https://cdn.lucca.fr/transverse/prisme/visuals/fancy-box/background-left-plant.svg" backgroundRight="https://cdn.lucca.fr/transverse/prisme/visuals/fancy-box/background-right-candies.svg" foreground="https://cdn.lucca.fr/transverse/prisme/visuals/fancy-box/foreground-right-pizza.svg"> Content </lu-fancy-box>
+```
+
+## API Reference
+
+### FancyBoxComponent (component)
+
+**Selector:** `lu-fancy-box`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `foreground` | `foreground` | `string \| null` | `null` | — | — | URL de l’image au premier plan (200x160). |
+| `backgroundLeft` | `backgroundLeft` | `string` | — | ✅ | — | URL de l’image en arrière plan à gauche (200x160). |
+| `backgroundRight` | `backgroundRight` | `string` | — | ✅ | — | URL de l’image en arrière plan à droite (200x160). |
+| `size` | `size` | `FancyBoxSize \| null` | `null` | — | — | Modifie la taille du composant. |
+
+## Related files
+
+- 📝 [Code & implementation](./fancybox.component.md)
+- 🎨 [Design guidelines](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/fancybox/fancybox.design.md)
+- 🎯 [Figma design tokens](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/fancybox/fancybox.figma.md)
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-structure-fancybox-angular-basic--docs)
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
+~ `foreground` : string → string | null, défaut ∅ → null
+
+### Notes de release (ZeroHeight)
+
+#### 21.3.0
+
+##### Added
+
+- `FANCY_BOX_SIZE` constant and `FancyBoxSize` type are now publicly exported and used to type the `size` input.
+
+#### 21.1.2
+
+##### Fixed
+
+- `mod-S` styles are now declared inside the `mods` layer, so they are no longer overridden by the component styles.
+
+#### 21.0.0
+
+##### Added
+
+- `size` input with the `S` value (`mod-S`).
+
+#### 19.2.6
+
+##### Fixed
+
+- Positioning of the fancy box decorations.
+
+#### 19.1.0
+
+##### Added
+
+- `lu-fancy-box` component (`fancyBox`) with the `backgroundLeft`, `backgroundRight` and `foreground` inputs.

package/llms/references/components/fieldset/fieldset.component.md

@@ -0,0 +1,86 @@
+# fieldset — Code & Implementation
+
+📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-forms-fieldset-angular-basic--docs)
+
+## Angular
+
+Mots-clés : groupe, champs, section, formulaire
+
+Component selector : `lu-fieldset`
+
+### Basic
+
+```js
+import { FormsModule } from '@angular/forms';
+import { ButtonComponent } from '@lucca-front/ng/button';
+import { FormComponent } from '@lucca-front/ng/form';
+import { FormFieldComponent } from '@lucca-front/ng/form-field';
+import { FIELDSET_SIZE, FieldsetComponent, TextInputComponent } from '@lucca-front/ng/forms';
+import { GridColumnComponent, GridComponent } from '@lucca-front/ng/grid';
+```
+
+```html
+<form luForm>
+	<lu-fieldset heading="Title">
+		<lu-grid mode="form">
+			<lu-grid-column colspan="2">
+				<lu-form-field label="Label">
+					<lu-text-input type="text" ngModel [ngModelOptions]="{ standalone: true }" />
+				</lu-form-field>
+			</lu-grid-column>
+			<lu-grid-column colspan="2">
+				<lu-form-field label="Label">
+					<lu-text-input type="text" ngModel [ngModelOptions]="{ standalone: true }" />
+				</lu-form-field>
+			</lu-grid-column>
+		</lu-grid>
+	</lu-fieldset>
+</form>
+```
+
+## HTML/CSS
+
+Classe CSS : `.fieldset`
+
+### Basic
+
+```css
+@forward '@lucca-front/scss/src/components/fieldset';
+@forward '@lucca-front/scss/src/components/formLabel';
+@forward '@lucca-front/scss/src/components/grid';
+@forward '@lucca-front/scss/src/components/textField';
+```
+
+```html
+<fieldset class="fieldset" aria-labelledby="fieldsetTitleContent1">
+	<legend class="fieldset-title">
+		<span class="fieldset-title-content" id="fieldsetTitleContent1">
+			<span class="fieldset-title-content-text">Title</span>
+		</span>
+	</legend>
+	<div class="fieldset-content">
+		<div class="grid mod-form" style="--grid-colspan: 4">
+			<div class="grid-column" style="--grid-colspanAtMediaMinXXS: 2">
+				<div class="form-field">
+					<label class="formLabel" id="IDlabel1" for="ID1">Label</label>
+					<div class="textField">
+						<div class="textField-input">
+							<input type="text" id="ID1" class="textField-input-value" aria-labelledby="IDlabel1" />
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="grid-column" style="--grid-colspanAtMediaMinXXS: 2">
+				<div class="form-field">
+					<label class="formLabel" id="IDlabel2" for="ID2">Label</label>
+					<div class="textField">
+						<div class="textField-input">
+							<input type="text" id="ID2" class="textField-input-value" aria-labelledby="IDlabel2" />
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</fieldset>
+```

package/llms/references/components/fieldset/fieldset.md

@@ -0,0 +1,119 @@
+# fieldset
+
+## Import
+
+```typescript
+import { FieldsetComponent } from '@lucca-front/ng/forms';
+```
+
+## Basic Usage
+
+```html
+<form luForm> <lu-fieldset heading="Title"> <lu-grid mode="form"> <lu-grid-column colspan="2"> <lu-form-field label="Label"> <lu-text-input type="text" ngModel [ngModelOptions]="{ standalone: true }" /> </lu-form-field> </lu-grid-column> <lu-grid-column colspan="2"> <lu-form-field label="Label"> <lu-text-input type="text" ngModel [ngModelOptions]="{ standalone: true }" /> </lu-form-field> </lu-grid-column> </lu-grid> </lu-fieldset>
+</form>
+```
+
+## API Reference
+
+### FieldsetComponent (component)
+
+**Selector:** `lu-fieldset`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `heading` | `heading` | `PortalContent \| null` | `null` | — | — | Titre du fieldset. [PortalContent] |
+| `helper` | `helper` | `PortalContent \| null` | `null` | — | — | Ajoute un sous-titre au fieldset. [PortalContent] |
+| `action` | `action` | `PortalContent \| null` | `null` | — | — | — |
+| `size` | `size` | `FieldsetSize \| null` | `null` | — | — | Modifie la taille du fieldset. |
+| `horizontal` | `horizontal` | `boolean` | `false` | — | `luBooleanAttribute` | Place le titre du fieldset à gauche des champs. |
+| `expandable` | `expandable` | `boolean` | `false` | — | `luBooleanAttribute` | Permet au fieldset de se replier. |
+| `hiddenLegend` | `hiddenLegend` | `boolean` | `false` | — | `luBooleanAttribute` | Masque la légende en la conservant dans le DOM pour les lecteurs d’écrans. |
+
+#### Models (two-way binding)
+
+| Property | Type | Required | Notes |
+|----------|------|----------|-------|
+| `expanded` | `unknown` | — | — |
+
+## Related files
+
+- 📝 [Code & implementation](./fieldset.component.md)
+
+- 🎯 [Figma design tokens](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/fieldset/fieldset.figma.md)
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-forms-fieldset-angular-basic--docs)
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
+~ `horizontal` : transform booleanAttribute → luBooleanAttribute
+~ `expandable` : transform booleanAttribute → luBooleanAttribute
+~ `hiddenLegend` : transform booleanAttribute → luBooleanAttribute
+
+### Notes de release (ZeroHeight)
+
+#### 21.3.0
+
+##### Added
+
+- `hiddenLegend` input to visually hide the fieldset legend while keeping it accessible.
+
+##### Changed
+
+- Default content max inline size is now `50rem` and inherits from the surrounding form (`--components-form-maxWidth`) instead of being fixed at `40rem`, with adjusted icon positioning.
+
+##### Fixed
+
+- Removed a spacing conflict in the fieldset modifiers.
+
+#### 21.2.3
+
+##### Fixed
+
+- Expandable header toggle now renders as a ghost button for a consistent UI.
+
+#### 21.2.2
+
+##### Fixed
+
+- Corrected the expandable chevron icon positioning.
+
+#### 21.1.0
+
+##### Fixed
+
+- Improved accessibility of the header action and its responsive layout.
+
+#### 21.0.3
+
+##### Fixed
+
+- Legend is now hidden when the heading is empty.
+
+#### 21.0.0
+
+##### Added
+
+- `action` input to display a portal-based action in the fieldset header.
+
+#### 20.1.0
+
+##### Added
+
+- `lu-fieldset` component (Angular wrapper) exposing the `heading`, `helper`, `size`, `horizontal` and `expandable` inputs and the `expanded` model.
+
+#### 19.1.0
+
+##### Changed
+
+- Updated the icon used by the expandable variant.
+
+#### 18.2.4
+
+##### Added
+
+- `mod-S` modifier providing a small-size variant for the fieldset.

package/llms/references/components/filedropzone/filedropzone.component.md

@@ -0,0 +1,16 @@
+# filedropzone — Code & Implementation
+
+📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-file-filedropzone-angular-basic--docs)
+
+## Angular
+
+### Basic
+
+```js
+import { provideHttpClient } from '@angular/common/http';
+import { FileDropzoneComponent } from '@lucca-front/ng/file-upload';
+```
+
+```html
+<lu-file-dropzone />
+```

package/llms/references/components/filedropzone/filedropzone.md

@@ -0,0 +1,61 @@
+# filedropzone
+
+## Import
+
+```typescript
+import { FileDropzoneComponent } from '@lucca-front/ng/file-upload';
+```
+
+## Basic Usage
+
+```html
+<lu-file-dropzone />
+```
+
+## API Reference
+
+### FileDropzoneComponent (component)
+
+**Selector:** `lu-file-dropzone`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `accept` | `accept` | `Array<{
+			format: string;
+			name?: string;
+		}>` | `[]` | — | — | — |
+| `structure` | `structure` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `fileMaxSize` | `fileMaxSize` | `unknown` | `80 * MEGA_BYTE` | — | `luNumberAttribute` | — |
+| `size` | `size` | `FileUploadSize \| null` | `null` | — | — | — |
+| `password` | `password` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `illustration` | `illustration` | `/** @deprecated use 'invoice' instead */
+		'paper' \| 'picture' \| 'invoice'` | `'invoice'` | — | — | — |
+| `required` | `required` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `buttonFilled` | `buttonFilled` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+
+#### Outputs
+
+| Property | Binding name | Type | Notes |
+|----------|-------------|------|-------|
+| `filePicked` | `filePicked` | `File` | — |
+
+## Related files
+
+- 📝 [Code & implementation](./filedropzone.component.md)
+
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-file-filedropzone-angular-basic--docs)
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
+~ `structure` : transform booleanAttribute → luBooleanAttribute
+~ `fileMaxSize` : number → unknown, transform ∅ → luNumberAttribute
+~ `password` : transform booleanAttribute → luBooleanAttribute
+~ `required` : transform booleanAttribute → luBooleanAttribute
+~ `buttonFilled` : transform booleanAttribute → luBooleanAttribute

package/llms/references/components/fileentry/fileentry.component.md

@@ -0,0 +1,58 @@
+# fileentry — Code & Implementation
+
+📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-file-fileentry-angular-basic--docs)
+
+## Angular
+
+Les stories "Single file" et "Multiple files" simulent un usage avec Lucca Files. Consultez la section Mise en place en bas de page pour vous aider lors de l'implémentation.
+
+## Mise en place
+
+FileUpload is a component designed to manage file uploads. It aims to standardize both the technical and visual
+approaches to file uploads.
+
+### Utilisation
+
+For the purely visual and interactive part, you'll need `lu-single-file-upload` if you only want to manage
+one file at a time, or `lu-multiple-file-upload` if you want to manage multiple files at once.
+
+Both of these components come from `@lucca-front/ng/file-upload`.
+
+In both components, simply connect to the `filePicked` event to retrieve the files sent by the user, these are of
+the native Javascript File type, and each file will emit an event. In the case of multiple selections, an event
+will be emitted per file.
+
+Then, you'll just need to manage the upload of these files via LuccaFiles for most cases.
+
+Once the files are sent, the display management changes depending on the approach, single or multi.
+
+### Details
+
+In both cases, `fileUploadFeature` is simply the SignalStore provided by `@lucca/cdk` for interactions with LuccaFiles,
+`luFileEntry` is a pipe that transforms a `FileUpload` into a `LuccaFileEntry`.
+
+It's also possible to specify a list of accepted files, solely for UX purposes, as the file type is not enforced by the
+browser in any way, this list is an `Array<{ format: string; name?: string; }>`, `name` being used for display only.
+
+### Basic
+
+Component selector : `lu-file-entry`
+
+```js
+import { FileEntry, FileEntryComponent } from '@lucca-front/ng/file-upload';
+```
+
+```html
+<lu-file-entry
+	(deleteFile)="deleteFile()"
+	[entry]="{
+		name: 'dummyimage.png',
+		size: 28420,
+		type: 'image/png',
+	}"
+	withFileSize
+	withFileType
+	previewUrl="https://dummyimage.com/500"
+	inlineMessageError="Virus détecté dans le fichier."
+/>
+```

package/llms/references/components/fileentry/fileentry.md

@@ -0,0 +1,246 @@
+# fileentry
+
+## Import
+
+```typescript
+import { FileDropzoneComponent, FileEntryComponent, FileEntryWrapperComponent, MultiFileUploadComponent, SingleFileUploadComponent } from '@lucca-front/ng/file-upload';
+```
+
+## Basic Usage
+
+```html
+<lu-file-entry (deleteFile)="deleteFile()" [entry]="{ name: 'dummyimage.png', size: 28420, type: 'image/png', }" withFileSize withFileType previewUrl="https://dummyimage.com/500" inlineMessageError="Virus détecté dans le fichier." />
+```
+
+## API Reference
+
+### FileDropzoneComponent (component)
+
+**Selector:** `lu-file-dropzone`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `accept` | `accept` | `Array<{
+			format: string;
+			name?: string;
+		}>` | `[]` | — | — | — |
+| `structure` | `structure` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `fileMaxSize` | `fileMaxSize` | `unknown` | `80 * MEGA_BYTE` | — | `luNumberAttribute` | — |
+| `size` | `size` | `FileUploadSize \| null` | `null` | — | — | Modifie la taille du composant. |
+| `password` | `password` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `illustration` | `illustration` | `/** @deprecated use 'invoice' instead */
+		'paper' \| 'picture' \| 'invoice'` | `'invoice'` | — | — | — |
+| `required` | `required` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `buttonFilled` | `buttonFilled` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+
+#### Outputs
+
+| Property | Binding name | Type | Notes |
+|----------|-------------|------|-------|
+| `filePicked` | `filePicked` | `File` | — |
+
+### FileEntryComponent (component)
+
+**Selector:** `lu-file-entry`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `state` | `state` | `'success' \| 'loading' \| 'error' \| 'default'` | `'default'` | — | — | Modifie l’état du composant. |
+| `displayFileName` | `displayFileName` | `boolean` | `false` | — | `luBooleanAttribute` | Affiche le nom du fichier sous l’image en vue media. |
+| `structure` | `structure` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `inlineMessageError` | `inlineMessageError` | `string \| null` | `null` | — | — | — |
+| `entry` | `entry` | `FileEntry` | — | ✅ | — | — |
+| `size` | `size` | `FileEntrySize \| null` | `null` | — | — | Modifie la taille du composant. |
+| `iconOverride` | `iconOverride` | `string` | `''` | — | — | Remplace l’icône de format de fichier. |
+| `downloadURL` | `downloadURL` | `string` | `''` | — | — | URL de téléchargement du fichier. |
+| `openInNewTab` | `openInNewTab` | `boolean` | `false` | — | `luBooleanAttribute` | Ouvre le fichier dans un nouvel onglet au lieu de le télécharger. Peut varier selon les navigateurs ou les réglages util… |
+| `password` | `password` | `string` | `''` | — | — | — |
+| `media` | `media` | `boolean` | `false` | — | `luBooleanAttribute` | Affiche le fichier avec une mise en forme adaptée aux visuels. |
+| `previewUrl` | `previewUrl` | `string` | `''` | — | — | URL de prévisualisation de l’image uploadée. |
+
+#### Outputs
+
+| Property | Binding name | Type | Notes |
+|----------|-------------|------|-------|
+| `passwordChange` | `passwordChange` | `void` | — |
+| `deleteFile` | `deleteFile` | `void` | — |
+
+### FileEntryWrapperComponent (component)
+
+**Selector:** `lu-file-entry-wrapper`
+
+### MultiFileUploadComponent (component)
+
+**Selector:** `lu-multi-file-upload`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `accept` | `accept` | `Array<{
+			format: string;
+			name?: string;
+		}>` | `[]` | — | — | — |
+| `structure` | `structure` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `fileMaxSize` | `fileMaxSize` | `unknown` | `80 * MEGA_BYTE` | — | `luNumberAttribute` | — |
+| `size` | `size` | `FileUploadSize \| null` | `null` | — | — | Modifie la taille du composant. |
+| `password` | `password` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `illustration` | `illustration` | `/** @deprecated use 'invoice' instead */
+		'paper' \| 'picture' \| 'invoice'` | `'invoice'` | — | — | — |
+| `required` | `required` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `buttonFilled` | `buttonFilled` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+
+#### Outputs
+
+| Property | Binding name | Type | Notes |
+|----------|-------------|------|-------|
+| `filePicked` | `filePicked` | `File` | — |
+
+### SingleFileUploadComponent (component)
+
+**Selector:** `lu-single-file-upload`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `accept` | `accept` | `Array<{
+			format: string;
+			name?: string;
+		}>` | `[]` | — | — | — |
+| `structure` | `structure` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `fileMaxSize` | `fileMaxSize` | `unknown` | `80 * MEGA_BYTE` | — | `luNumberAttribute` | — |
+| `size` | `size` | `FileUploadSize \| null` | `null` | — | — | Modifie la taille du composant. |
+| `password` | `password` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `illustration` | `illustration` | `/** @deprecated use 'invoice' instead */
+		'paper' \| 'picture' \| 'invoice'` | `'invoice'` | — | — | — |
+| `required` | `required` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `buttonFilled` | `buttonFilled` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `entry` | `entry` | `FileEntry \| null` | `null` | — | — | — |
+| `state` | `state` | `'loading' \| 'success' \| 'error' \| 'default'` | `'default'` | — | — | Modifie l’état du composant. |
+| `inlineMessageError` | `inlineMessageError` | `string \| null` | `null` | — | — | — |
+| `previewUrl` | `previewUrl` | `string \| null` | `null` | — | — | URL de prévisualisation de l’image uploadée. |
+| `displayFileName` | `displayFileName` | `boolean` | `false` | — | `luBooleanAttribute` | Affiche le nom du fichier sous l’image en vue media. |
+
+#### Outputs
+
+| Property | Binding name | Type | Notes |
+|----------|-------------|------|-------|
+| `filePicked` | `filePicked` | `File` | — |
+| `deleteFile` | `deleteFile` | `void` | — |
+
+## Related files
+
+- 📝 [Code & implementation](./fileentry.component.md)
+- 🎨 [Design guidelines](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/fileentry/fileentry.design.md)
+- 🎯 [Figma design tokens](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/fileentry/fileentry.figma.md)
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-file-fileentry-angular-basic--docs)
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
++ component `FileEntryWrapperComponent` (lu-file-entry-wrapper)
+`FileDropzoneComponent` :
+  ~ `structure` : transform booleanAttribute → luBooleanAttribute
+  ~ `fileMaxSize` : number → unknown, transform ∅ → luNumberAttribute
+  ~ `password` : transform booleanAttribute → luBooleanAttribute
+  ~ `required` : transform booleanAttribute → luBooleanAttribute
+  ~ `buttonFilled` : transform booleanAttribute → luBooleanAttribute
+`FileEntryComponent` :
+  + `structure` : boolean
+  ~ `displayFileName` : transform booleanAttribute → luBooleanAttribute
+  ~ `openInNewTab` : transform booleanAttribute → luBooleanAttribute
+  ~ `media` : transform booleanAttribute → luBooleanAttribute
+`MultiFileUploadComponent` :
+  ~ `structure` : transform booleanAttribute → luBooleanAttribute
+  ~ `fileMaxSize` : number → unknown, transform ∅ → luNumberAttribute
+  ~ `password` : transform booleanAttribute → luBooleanAttribute
+  ~ `required` : transform booleanAttribute → luBooleanAttribute
+  ~ `buttonFilled` : transform booleanAttribute → luBooleanAttribute
+`SingleFileUploadComponent` :
+  ~ `structure` : transform booleanAttribute → luBooleanAttribute
+  ~ `fileMaxSize` : number → unknown, transform ∅ → luNumberAttribute
+  ~ `password` : transform booleanAttribute → luBooleanAttribute
+  ~ `required` : transform booleanAttribute → luBooleanAttribute
+  ~ `buttonFilled` : transform booleanAttribute → luBooleanAttribute
+  ~ `displayFileName` : transform booleanAttribute → luBooleanAttribute
+
+### Notes de release (ZeroHeight)
+
+#### 21.3.1
+
+##### Added
+
+- `openInNewTab` input on `lu-file-entry` to open the `downloadURL` in a new tab.
+
+##### Fixed
+
+- Icon preview of `lu-file-entry`.
+
+#### 21.3.0
+
+##### Added
+
+- `FILE_ENTRY_STATE`, `FILE_ENTRY_SIZE`, `FILE_UPLOAD_STATE` and `FILE_UPLOAD_SIZE` constants, together with their matching types, are now publicly exported and used to type the `state` and `size` inputs.
+
+#### 21.2.2
+
+##### Fixed
+
+- File size is displayed even when it equals `0`.
+
+#### 21.2.0
+
+##### Added
+
+- Content slot to display a tag next to the file.
+- `media` and `size` of a `lu-file-entry` can now be left undefined.
+
+#### 21.1.4
+
+##### Fixed
+
+- Divider rendering between file entries.
+
+#### 21.1.2
+
+##### Added
+
+- `buttonFilled` input to render the upload button with the filled style instead of the outlined one.
+
+#### 21.1.0
+
+##### Added
+
+- `formatFileSize` function is now publicly exported.
+
+##### Changed
+
+- `intl` input now accepts partial overrides that are merged with the default translations.
+
+##### Fixed
+
+- The displayed file type now matches the actual file.
+
+#### 20.3.1
+
+##### Fixed
+
+- Typing of the `state` input.
+
+#### 19.3.0
+
+##### Added
+
+- `lu-single-file-upload`, `lu-multi-file-upload`, `lu-file-dropzone` and `lu-file-entry` components, with the `accept`, `fileMaxSize`, `required`, `state`, `size`, `illustration`, `iconOverride`, `displayFileName`, `downloadURL`, `previewUrl`, `password`, `inlineMessageError` and `intl` inputs, plus the `filePicked`, `deleteFile` and `passwordChange` outputs.