@eui/eds-styles 22.0.0-alpha.2 → 22.0.0-alpha.21

package/dist/assets/eds-components.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Type definitions for the shared EDS component catalog (`eds-components.json`).
+ *
+ * This manifest is consumed by all three EDS showcase hosts (Angular, React, Web Components).
+ * It carries only the framework-agnostic catalog fields; each host attaches its own runtime
+ * binding (route/export for Angular, `Samples` component for React/WC) by matching on `id`,
+ * and filters the list by the relevant `availability` flag.
+ *
+ * Import it as JSON, e.g.:
+ *   import catalog from '@eui/eds-styles/assets/eds-components.json' with { type: 'json' };
+ *   import type { EdsComponentCatalog } from '@eui/eds-styles/assets/eds-components';
+ */
+
+/** Top-level sidebar grouping (matches the Angular EDS showcase sections). */
+export type EdsComponentGroup =
+    | 'Design tokens'
+    | 'Shell'
+    | 'EDS validated'
+    | 'Components'
+    | 'Directives'
+    | 'Charts'
+    | 'Utilities'
+    | 'Patterns'
+    | 'Templates';
+
+/** Angular sidebar bucket for a component (drives the `category` on the Angular link). */
+export type EdsComponentCategory = 'atom' | 'action' | 'content' | 'layout';
+
+/** Documentation maturity, mirroring the Angular `statusMetadata.status`. */
+export type EdsComponentStatus = 'DRAFT' | 'DEMO';
+
+/** Status badge color, mirroring the Angular `statusMetadata.colorVariant` (info for DRAFT, danger for DEMO). */
+export type EdsComponentStatusColorVariant = 'info' | 'danger';
+
+/** Which showcase hosts actually ship samples for a component. */
+export interface EdsComponentAvailability {
+    angular: boolean;
+    react: boolean;
+    webcomponents: boolean;
+}
+
+/** One catalog entry. `id` is the canonical `eds-*` folder name and the React/WC join key. */
+export interface EdsComponentEntry {
+    id: string;
+    label: string;
+    group: EdsComponentGroup;
+    /**
+     * The Angular showcase sidebar route (`/showcase-eds/...`). This is the join key the Angular
+     * host uses to overlay statusMetadata onto its sidebar tree, since some entries share an `id`
+     * across variants (e.g. dialog service vs template) or use non-`eds-*` routes (patterns).
+     */
+    angularUrl?: string;
+    /** Secondary grouping within a `group` (used by Patterns to cluster related demos, e.g. 'page-header'). */
+    subGroup?: string;
+    category?: EdsComponentCategory;
+    status?: EdsComponentStatus;
+    statusColorVariant?: EdsComponentStatusColorVariant;
+    figmaLink?: string;
+    availability: EdsComponentAvailability;
+}
+
+/** The parsed shape of `eds-components.json`. */
+export interface EdsComponentCatalog {
+    version: number;
+    groups: EdsComponentGroup[];
+    components: EdsComponentEntry[];
+}
+
+declare const catalog: EdsComponentCatalog;
+export default catalog;

package/dist/assets/eds-components.json

@@ -0,0 +1,134 @@
+{
+    "$comment": "Shared, framework-agnostic catalog of EDS components consumed by all three showcase hosts (Angular eui-showcase-ux-components, React eui-showcase-react, Web Components eui-showcase-webcomponents). Ships to @eui/eds-styles/dist/assets/eds-components.json. THE ANGULAR eds-links.ts SIDEBAR IS THE SOURCE OF TRUTH — this manifest is the complete union of it, and the Angular host overlays statusMetadata from here (so eds-links.ts no longer carries status data). `id` is the canonical eds-* folder name and the React/WC join key; `angularUrl` is the Angular sidebar route and the Angular join key (needed because some entries share an id, e.g. dialog service vs template, or use non-eds routes like patterns). `availability` flags reflect which showcase actually ships samples; the Angular host derives statusIcons (figma/wc/react) from figmaLink + availability. `category` is the Angular sidebar bucket (atom|action|content|layout); `subGroup` clusters related demos within a group (Patterns); `status` mirrors statusMetadata.status (DRAFT|DEMO); `statusColorVariant` mirrors statusMetadata.colorVariant (info for DRAFT, danger for DEMO).",
+    "version": 1,
+    "groups": [
+        "Design tokens",
+        "Shell",
+        "EDS validated",
+        "Components",
+        "Directives",
+        "Charts",
+        "Utilities",
+        "Patterns",
+        "Templates"
+    ],
+    "components": [
+        { "id": "eds-design-tokens", "label": "Design tokens", "group": "Design tokens", "angularUrl": "/showcase-eds/design-tokens", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+
+        { "id": "eds-shell-demos", "label": "Shell demos", "group": "Shell", "angularUrl": "/showcase-eds/shell", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+        { "id": "eds-shell-playground", "label": "Playground", "group": "Shell", "angularUrl": "/showcase-eds/shell/playground", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+        { "id": "eds-shell", "label": "Shell", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-shell", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "eds-shell-header", "label": "Shell Header", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-shell-header", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "eds-shell-toolbar", "label": "Shell Toolbar", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-shell-toolbar", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "eds-user-profile", "label": "User Profile", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-user-profile", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-overlay", "label": "Overlay", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-overlay", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-language-selector", "label": "Language Selector", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-language-selector", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+
+        { "id": "eds-alert", "label": "Alert", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-alert", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=3556-30014&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-avatar", "label": "Avatar", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-avatar", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10126-7467&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-badge", "label": "Badge", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-badge", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=6383-156600&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-button", "label": "Button", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-button", "category": "action", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=1-692&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-chip", "label": "Chip", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-chip", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=921-149258&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-chip-list", "label": "Chip List", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-chip-list", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-icon", "label": "Icon", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-icon", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10129-17612&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-icon-button", "label": "Icon Button", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-icon-button", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10065-2538&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-input-button", "label": "Input Button", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-button", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-input-checkbox", "label": "Input Checkbox", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-checkbox", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=21097-26306&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-input-group", "label": "Input Group", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-group", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=21097-24355&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-input-icon", "label": "Input Icon", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-icon", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-input-number", "label": "Input Number", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-number", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-input-radio", "label": "Input Radio", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-radio", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=21097-26304&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-input-text", "label": "Input Text", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-text", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=21097-26302&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-link", "label": "Link", "group": "EDS validated", "angularUrl": "/showcase-eds/utilities/eds-link", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10183-36762&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "eds-rating", "label": "Rating", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-rating", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=12073-32704&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-select", "label": "Select", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-select", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=21097-77325&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-tag", "label": "Tag", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-tag", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=355-142743&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-textarea", "label": "Textarea", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-textarea", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=21097-77324&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-tooltip", "label": "Tooltip", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-tooltip", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10153-12798&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+
+        { "id": "eds-accordion", "label": "Accordion", "group": "Components", "angularUrl": "/showcase-eds/components/eds-accordion", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-autocomplete", "label": "Autocomplete", "group": "Components", "angularUrl": "/showcase-eds/components/eds-autocomplete", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-banner", "label": "Banner", "group": "Components", "angularUrl": "/showcase-eds/components/eds-banner", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-block-content", "label": "Block Content", "group": "Components", "angularUrl": "/showcase-eds/components/eds-block-content", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-block-document", "label": "Block Document", "group": "Components", "angularUrl": "/showcase-eds/components/eds-block-document", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-blockquote", "label": "Blockquote", "group": "Components", "angularUrl": "/showcase-eds/components/eds-blockquote", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-breadcrumb", "label": "Breadcrumb", "group": "Components", "angularUrl": "/showcase-eds/components/eds-breadcrumb", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": false, "react": true, "webcomponents": true } },
+        { "id": "eds-button-group", "label": "Button Group", "group": "Components", "angularUrl": "/showcase-eds/components/eds-button-group", "category": "action", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-calendar", "label": "Calendar", "group": "Components", "angularUrl": "/showcase-eds/components/eds-calendar", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-card", "label": "Card", "group": "Components", "angularUrl": "/showcase-eds/components/eds-card", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-carousel", "label": "Carousel", "group": "Components", "angularUrl": "/showcase-eds/components/eds-carousel", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-date-block", "label": "Date Block", "group": "Components", "angularUrl": "/showcase-eds/components/eds-date-block", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-datepicker", "label": "Datepicker", "group": "Components", "angularUrl": "/showcase-eds/components/eds-datepicker", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-dialog-service", "label": "eds-dialog (S)", "group": "Components", "angularUrl": "/showcase-eds/components/eds-dialog-service", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+        { "id": "eds-dialog", "label": "eds-dialog (T)", "group": "Components", "angularUrl": "/showcase-eds/components/eds-dialog-template", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-disable-content", "label": "Disable Content", "group": "Components", "angularUrl": "/showcase-eds/components/eds-disable-content", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-discussion-thread", "label": "Discussion Thread", "group": "Components", "angularUrl": "/showcase-eds/components/eds-discussion-thread", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-dimmer", "label": "Dimmer", "group": "Components", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": false, "react": true, "webcomponents": false } },
+        { "id": "eds-dropdown", "label": "Dropdown", "group": "Components", "angularUrl": "/showcase-eds/components/eds-dropdown", "category": "action", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-empty-state", "label": "Empty State", "group": "Components", "angularUrl": "/showcase-eds/components/eds-empty-state", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-fab-button", "label": "Fab Button", "group": "Components", "angularUrl": "/showcase-eds/components/eds-fab-button", "category": "action", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-feedback-message", "label": "Feedback Message", "group": "Components", "angularUrl": "/showcase-eds/components/eds-feedback-message", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=21097-26299&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-fieldset", "label": "Fieldset", "group": "Components", "angularUrl": "/showcase-eds/components/eds-fieldset", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-file-upload", "label": "File Upload", "group": "Components", "angularUrl": "/showcase-eds/components/eds-file-upload", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-growl", "label": "Growl", "group": "Components", "angularUrl": "/showcase-eds/components/eds-growl", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-icon-state", "label": "Icon State", "group": "Components", "angularUrl": "/showcase-eds/utilities/eds-icon-state", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-icon-toggle", "label": "Icon Toggle", "group": "Components", "angularUrl": "/showcase-eds/components/eds-icon-toggle", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-label", "label": "Label", "group": "Components", "angularUrl": "/showcase-eds/utilities/eds-label", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-list", "label": "List", "group": "Components", "angularUrl": "/showcase-eds/components/eds-list", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-loading-indicator", "label": "Loading Indicator", "group": "Components", "angularUrl": "/showcase-eds/utilities/eds-loading-indicator", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-menu", "label": "Menu", "group": "Components", "angularUrl": "/showcase-eds/components/eds-menu", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-message-box-service", "label": "eds-message-box (S)", "group": "Components", "angularUrl": "/showcase-eds/components/eds-message-box-service", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+        { "id": "eds-message-box", "label": "eds-message-box (T)", "group": "Components", "angularUrl": "/showcase-eds/components/eds-message-box-template", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-multiselect", "label": "Multiselect", "group": "Components", "angularUrl": "/showcase-eds/components/eds-multiselect", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-page", "label": "Page", "group": "Components", "angularUrl": "/showcase-eds/components/eds-page", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-paginator", "label": "Paginator", "group": "Components", "angularUrl": "/showcase-eds/components/eds-paginator", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-popover", "label": "Popover", "group": "Components", "angularUrl": "/showcase-eds/components/eds-popover", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-progress-bar", "label": "Progress Bar", "group": "Components", "angularUrl": "/showcase-eds/components/eds-progress-bar", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=17377-87742&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-progress-circle", "label": "Progress Circle", "group": "Components", "angularUrl": "/showcase-eds/components/eds-progress-circle", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-skeleton", "label": "Skeleton", "group": "Components", "angularUrl": "/showcase-eds/components/eds-skeleton", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-slider", "label": "Slider", "group": "Components", "angularUrl": "/showcase-eds/components/eds-slider", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-split-button", "label": "Split Button", "group": "Components", "angularUrl": "/showcase-eds/components/eds-split-button", "category": "action", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-swiper", "label": "Swiper", "group": "Components", "angularUrl": "/showcase-eds/components/eds-swiper", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": true } },
+        { "id": "eds-table", "label": "Table", "group": "Components", "angularUrl": "/showcase-eds/components/eds-table", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-tabs", "label": "Tabs", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tabs", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-tag-group", "label": "Tag Group", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tag-group", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-timeline", "label": "Timeline", "group": "Components", "angularUrl": "/showcase-eds/components/eds-timeline", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-timepicker", "label": "Timepicker", "group": "Components", "angularUrl": "/showcase-eds/components/eds-timepicker", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-toggle", "label": "Toggle", "group": "Components", "angularUrl": "/showcase-eds/components/eds-toggle", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-tree", "label": "Tree", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tree", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-tree-list", "label": "Tree List", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tree-list", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+        { "id": "eds-wizard", "label": "Wizard", "group": "Components", "angularUrl": "/showcase-eds/components/eds-wizard", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
+
+        { "id": "eds-text-truncate", "label": "edsTextTruncate", "group": "Directives", "angularUrl": "/showcase-eds/components/eds-text-truncate", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+        { "id": "eds-clearable", "label": "edsClearable", "group": "Directives", "angularUrl": "/showcase-eds/components/eds-clearable", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+        { "id": "eds-loading", "label": "edsLoading", "group": "Directives", "angularUrl": "/showcase-eds/components/eds-loading", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+        { "id": "eds-resizable", "label": "edsResizable", "group": "Directives", "angularUrl": "/showcase-eds/components/eds-resizable", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
+
+        { "id": "eds-chart", "label": "eds-chart", "group": "Charts", "angularUrl": "/showcase-eds/charts/eds-chart", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "eds-chart-legend", "label": "eds-chart-legend", "group": "Charts", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": false, "react": true, "webcomponents": false } },
+        { "id": "eds-sparkline", "label": "eds-sparkline", "group": "Charts", "angularUrl": "/showcase-eds/charts/eds-sparkline", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "eds-geo-chart", "label": "eds-geo-chart", "group": "Charts", "angularUrl": "/showcase-eds/charts/eds-geo-chart", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "eds-gauge-chart", "label": "eds-gauge-chart", "group": "Charts", "angularUrl": "/showcase-eds/charts/eds-gauge-chart", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+
+        { "id": "eds-flex-layout", "label": "Flex Layout", "group": "Utilities", "angularUrl": "/showcase-eds/utilities/eds-flex-layout", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "eds-grid-layout", "label": "Grid Layout", "group": "Utilities", "angularUrl": "/showcase-eds/utilities/eds-grid-layout", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+
+        { "id": "pattern-page-header-anatomy", "label": "Page header - anatomy", "group": "Patterns", "subGroup": "page-header", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": false, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-header-simple", "label": "Page header - simple", "group": "Patterns", "subGroup": "page-header", "angularUrl": "/showcase-eds/patterns/page-header/simple", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-header-advanced", "label": "Page header - advanced", "group": "Patterns", "subGroup": "page-header", "angularUrl": "/showcase-eds/patterns/page-header/advanced", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-layout-simple", "label": "Page layout - simple", "group": "Patterns", "subGroup": "page-layout", "angularUrl": "/showcase-eds/patterns/page-layout/simple", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-layout-columns", "label": "Page layout - columns", "group": "Patterns", "subGroup": "page-layout", "angularUrl": "/showcase-eds/patterns/page-layout/columns", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-layout-navigation", "label": "Page layout - navigation", "group": "Patterns", "subGroup": "page-layout", "angularUrl": "/showcase-eds/patterns/page-layout/navigation", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-list-cards-list-simple", "label": "Page list - cards list simple", "group": "Patterns", "subGroup": "page-list", "angularUrl": "/showcase-eds/patterns/page-list/cards-list-simple", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-list-cards-filter", "label": "Page list - cards filter", "group": "Patterns", "subGroup": "page-list", "angularUrl": "/showcase-eds/patterns/page-list/cards-filter", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-list-cards-selection", "label": "Page list - cards selection", "group": "Patterns", "subGroup": "page-list", "angularUrl": "/showcase-eds/patterns/page-list/cards-selection", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-list-cards-variants", "label": "Page list - cards variants", "group": "Patterns", "subGroup": "page-list", "angularUrl": "/showcase-eds/patterns/page-list/cards-variants", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-details-simple", "label": "Page details - simple", "group": "Patterns", "subGroup": "page-details", "angularUrl": "/showcase-eds/patterns/page-details/simple", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-page-details-advanced", "label": "Page details - advanced", "group": "Patterns", "subGroup": "page-details", "angularUrl": "/showcase-eds/patterns/page-details/advanced", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "pattern-table-list-anatomy", "label": "Table list - anatomy", "group": "Patterns", "subGroup": "table-list", "angularUrl": "/showcase-eds/patterns/table-list/anatomy", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+
+        { "id": "template-notifications", "label": "Notifications", "group": "Templates", "angularUrl": "/showcase-eds/templates/notifications", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "template-filter-card-grid", "label": "Filter Card Grid", "group": "Templates", "angularUrl": "/showcase-eds/templates/filter-card-grid", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
+        { "id": "template-dashboard-1", "label": "Dashboard", "group": "Templates", "angularUrl": "/showcase-eds/templates/dashboard-1", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } }
+    ]
+}

package/dist/assets/images/estat-logo-horizontal.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="160.75896mm" height="21.682102mm" viewBox="0 0 160.75896 21.682102" version="1.1" id="svg486" inkscape:version="1.1.2 (b8e25be833, 2022-02-05)" sodipodi:docname="logo1.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+   <sodipodi:namedview id="namedview488" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:document-units="mm" showgrid="false" inkscape:zoom="1.2432572" inkscape:cx="395.33251" inkscape:cy="222.39967" inkscape:window-width="1920" inkscape:window-height="1001" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="layer1" />
+   <defs id="defs483" />
+   <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-0.48685135,-1.6564728)">
+      <g id="Calque_1" data-name="Calque 1" transform="matrix(0.26458333,0,0,0.26458333,-144.77921,-13.535902)">
+         <path d="m 1028.32,81.23 v 14 h -11.17 v 29.38 c 0,2.9 0.12,4.83 1.08,5.76 0.96,0.93 2.74,1.47 5.64,1.47 1,0 1.45,-0.08 2.37,-0.14 0.92,-0.06 2.08,-0.2 2.08,-0.39 v 13.25 c 0,0.26 -2.7,0.38 -4.47,0.43 -1.77,0.05 -3.33,0.14 -5,0.14 a 47.78,47.78 0 0 1 -7.44,-0.54 17.57,17.57 0 0 1 -6.19,-2.11 10.19,10.19 0 0 1 -3.78,-4.44 c -1,-1.89 -1,-4.41 -1,-7.54 V 95.19 h -11.21 v -14 h 11.18 V 64.47 h 16.75 v 16.76 z m -66.52,34.41 a 24.71,24.71 0 0 1 -3.31,0.88 c -1.23,0.26 -2.45,0.44 -3.81,0.6 -1.36,0.16 -2.69,0.36 -4,0.63 a 20.57,20.57 0 0 0 -3.71,0.94 10.46,10.46 0 0 0 -3.26,1.61 8.24,8.24 0 0 0 -2.21,2.58 8.4,8.4 0 0 0 -0.82,4 8.19,8.19 0 0 0 0.83,3.86 6.76,6.76 0 0 0 2.27,2.44 10.27,10.27 0 0 0 3.36,1.29 22.6,22.6 0 0 0 3.94,0.32 c 3.36,0 6,-0.51 7.8,-1.65 a 11.32,11.32 0 0 0 4.08,-4 12.75,12.75 0 0 0 1.25,-4.74 21.89,21.89 0 0 0 -0.07,-3.84 v -6.36 c 0,0.63 -1.25,1.12 -2.3,1.5 m -33.3,-24.52 a 19.85,19.85 0 0 1 6.72,-6.18 28.44,28.44 0 0 1 9.17,-3.32 51.84,51.84 0 0 1 10.24,-1 69.79,69.79 0 0 1 9.49,0.66 29,29 0 0 1 8.76,2.66 16.34,16.34 0 0 1 6,5.33 c 1.65,2.27 2,5.34 2,9.05 v 32.31 a 59.55,59.55 0 0 0 1,8 13.94,13.94 0 0 0 1.94,5.76 l -17.16,0.06 a 22.9,22.9 0 0 1 -0.7,-3 23.33,23.33 0 0 1 -0.41,-3.08 22.16,22.16 0 0 1 -9.57,5.88 39.49,39.49 0 0 1 -11.32,1.69 31.25,31.25 0 0 1 -8.31,-1.1 19,19 0 0 1 -6.73,-3.37 15.66,15.66 0 0 1 -4.5,-5.73 20.22,20.22 0 0 1 -1.6,-8.29 17.79,17.79 0 0 1 1.87,-8.67 15.38,15.38 0 0 1 4.79,-5.47 21,21 0 0 1 6.72,-3 72.18,72.18 0 0 1 7.62,-1.64 c 2.54,-0.39 5.08,-0.69 7.56,-1 a 45.77,45.77 0 0 0 6.63,-1.07 11.27,11.27 0 0 0 4.51,-2.11 4.58,4.58 0 0 0 1.56,-4 9,9 0 0 0 -0.9,-4.41 6.77,6.77 0 0 0 -2.38,-2.49 9.56,9.56 0 0 0 -3.48,-1.2 25.39,25.39 0 0 0 -4.22,-0.3 c -3.34,0 -6,0.34 -7.9,1.79 a 9.82,9.82 0 0 0 -3.33,6.78 h -17.07 a 22.77,22.77 0 0 1 3,-9.59 m -11.91,-10 v 14 h -14 v 29.38 a 8.07,8.07 0 0 0 1.91,5.76 c 0.95,0.95 3.13,1.47 6,1.47 1,0 2.29,-0.08 3.14,-0.14 0.85,-0.06 2.92,-0.2 2.92,-0.39 v 13.25 c -2.79,0.26 -3.3,0.38 -5.07,0.43 -1.77,0.05 -3.59,0.14 -5.3,0.14 a 49,49 0 0 1 -7.55,-0.54 17.93,17.93 0 0 1 -6.31,-2.11 11.77,11.77 0 0 1 -4.58,-4.44 15.16,15.16 0 0 1 -1.91,-7.54 V 95.19 h -8.38 v -14 h 8.38 V 64.47 h 16.76 v 16.76 z m -85,47.26 a 11.18,11.18 0 0 0 3,3.54 12,12 0 0 0 4.14,2 17.52,17.52 0 0 0 4.81,0.67 19.24,19.24 0 0 0 3.78,-0.36 11.82,11.82 0 0 0 3.58,-1.31 7.94,7.94 0 0 0 2.7,-2.38 6.38,6.38 0 0 0 1.1,-3.8 c 0,-2.54 -1.7,-4.47 -5.11,-5.76 a 96,96 0 0 0 -14.21,-3.79 c -2.48,-0.61 -4.93,-1.28 -7.26,-2 a 25.12,25.12 0 0 1 -6.31,-3 15.11,15.11 0 0 1 -4.42,-4.7 13.24,13.24 0 0 1 -1.7,-6.95 18.44,18.44 0 0 1 2.27,-9.71 17.19,17.19 0 0 1 6.17,-6 27.42,27.42 0 0 1 8.68,-3.14 53.63,53.63 0 0 1 9.82,-0.86 49.78,49.78 0 0 1 9.76,0.94 25.28,25.28 0 0 1 8.57,3.22 20.13,20.13 0 0 1 6.19,6.14 c 1.63,2.55 2.58,6.86 2.91,9.65 H 853.86 C 853.57,98 852.37,95.2 850.13,94.06 a 17.18,17.18 0 0 0 -7.91,-1.78 23.29,23.29 0 0 0 -3.13,0.17 9.23,9.23 0 0 0 -3.05,0.74 6.82,6.82 0 0 0 -2.34,1.71 4.58,4.58 0 0 0 -1,3.09 4.53,4.53 0 0 0 1.73,3.67 12.62,12.62 0 0 0 4.34,2.37 58.13,58.13 0 0 0 6.21,1.63 c 2.28,0.46 4.67,1 7.08,1.53 a 71.8,71.8 0 0 1 7.25,2 24.21,24.21 0 0 1 6.28,3.18 15.08,15.08 0 0 1 4.44,4.91 14.57,14.57 0 0 1 1.67,7.26 20.09,20.09 0 0 1 -2.42,10.25 20.5,20.5 0 0 1 -6.44,6.66 26.61,26.61 0 0 1 -9.05,3.53 51.52,51.52 0 0 1 -10.4,1 51,51 0 0 1 -10.52,-1.1 28.3,28.3 0 0 1 -9.22,-3.59 23.26,23.26 0 0 1 -6.58,-7.24 c -1.72,-2.77 -2.63,-5.42 -2.8,-11 h 16.2 c 0,2.8 0.36,4 1.13,5.39 M 746.9,100 a 28.27,28.27 0 0 1 16.53,-16.93 36.32,36.32 0 0 1 13.21,-2.3 37,37 0 0 1 13.25,2.3 28.24,28.24 0 0 1 16.58,16.93 38.1,38.1 0 0 1 2.28,13.57 37.25,37.25 0 0 1 -2.28,13.43 29.59,29.59 0 0 1 -6.47,10.3 28.22,28.22 0 0 1 -10.11,6.53 36.75,36.75 0 0 1 -13.25,2.29 36.11,36.11 0 0 1 -13.21,-2.29 A 28.15,28.15 0 0 1 753.36,137.3 29.37,29.37 0 0 1 746.9,127 37.46,37.46 0 0 1 744.61,113.59 38.32,38.32 0 0 1 746.9,100 m 15.51,20.78 a 19.87,19.87 0 0 0 2.41,6.37 12.86,12.86 0 0 0 4.64,4.51 13.9,13.9 0 0 0 7.18,1.69 14.49,14.49 0 0 0 7.22,-1.69 12.78,12.78 0 0 0 4.64,-4.51 19.28,19.28 0 0 0 2.5,-6.35 36.51,36.51 0 0 0 0.69,-7.25 37.42,37.42 0 0 0 -0.69,-7.34 18.67,18.67 0 0 0 -2.47,-6.35 13.1,13.1 0 0 0 -11.86,-6.25 13.42,13.42 0 0 0 -7.18,1.73 13.94,13.94 0 0 0 -4.64,4.52 19.23,19.23 0 0 0 -2.41,6.35 36,36 0 0 0 -0.72,7.34 35.1,35.1 0 0 0 0.72,7.25 M 721.17,81.23 v 14 h -0.5 a 14.34,14.34 0 0 1 3.24,-5.94 23.18,23.18 0 0 1 4.67,-4.51 23.81,23.81 0 0 1 5.68,-2.85 18.56,18.56 0 0 1 5.86,-1 c 1.13,0 3.39,0.08 3.39,0.5 v 15.79 a 10.33,10.33 0 0 0 -2.53,-0.45 c -1.11,-0.09 -2,-0.15 -3.07,-0.15 a 17.71,17.71 0 0 0 -7.91,1.58 13.49,13.49 0 0 0 -5.14,4.25 17.23,17.23 0 0 0 -2.85,6.3 33.08,33.08 0 0 0 -0.88,7.8 v 28.91 H 704.42 V 81.23 Z m -47.47,64.22 v -8.38 0 a 24.07,24.07 0 0 1 -8.41,7.24 24.4,24.4 0 0 1 -10.55,2.1 29.27,29.27 0 0 1 -11.21,-2 16.1,16.1 0 0 1 -6.9,-5.16 20,20 0 0 1 -3.7,-8.08 52.66,52.66 0 0 1 -1.16,-10.55 V 81.23 h 16.75 v 36.33 c 0,5.1 1.1,9 2.71,11.45 1.61,2.45 4.59,3.78 8.68,3.78 4.61,0 8.26,-1.37 10.33,-4.13 2.07,-2.76 3.42,-7.32 3.42,-13.63 v -33.8 h 16.75 v 64.22 z m -92.53,-15.88 c 2.53,2.54 6.22,3.77 11,3.77 a 15.52,15.52 0 0 0 8.88,-2.27 c 2.46,-1.73 4,-2.37 4.56,-5.16 h 15 c -2.41,5.58 -6.11,12.51 -11.06,15.7 -4.95,3.19 -11,4.64 -18,4.64 a 35.65,35.65 0 0 1 -13.22,-2.4 27.9,27.9 0 0 1 -10,-6.69 30.47,30.47 0 0 1 -6.31,-10.34 37.84,37.84 0 0 1 -2.21,-13.21 35.75,35.75 0 0 1 2.27,-13 30,30 0 0 1 16.5,-17.3 32,32 0 0 1 12.92,-2.5 29.4,29.4 0 0 1 13.82,3 27.09,27.09 0 0 1 9.64,8.21 33.61,33.61 0 0 1 5.48,11.73 41.44,41.44 0 0 1 1.16,13.74 H 577 c 0.25,5.59 1.63,9.58 4.2,12 m 19.26,-32.83 c -2,-2.23 -5.13,-3.25 -9.29,-3.25 a 14.84,14.84 0 0 0 -6.81,1.44 13.56,13.56 0 0 0 -4.36,3.52 12.15,12.15 0 0 0 -2.29,4.16 c -0.43,1.48 -0.69,3.83 -0.76,3.83 h 27.75 c -0.83,-2.79 -2.26,-7.38 -4.27,-9.62" transform="translate(-10.77,-7.05)" style="fill:#7D8088" id="path45" />
+         <g id="EUflag">
+            <polygon points="1035.24,138.35 1156.63,138.35 1156.63,57.42 1035.24,57.42 " style="fill:#003399" id="polygon47" />
+         </g>
+         <polygon points="1102.1,69.73 1098.84,72.28 1100.1,76.31 1096.85,73.82 1093.59,76.31 1094.88,72.28 1091.58,69.73 1095.62,69.73 1096.85,65.79 1098.05,69.73 " style="fill:#FFCC00" id="polygon50" />
+         <polygon points="1102.25,123.66 1098.99,126.11 1100.25,129.99 1097,127.6 1093.75,129.99 1095.03,126.11 1091.73,123.66 1095.77,123.66 1097,119.88 1098.19,123.66 " style="fill:#FFCC00" id="polygon52" />
+         <polygon points="1115.59,120.08 1112.33,122.53 1113.6,126.42 1110.34,124.03 1107.09,126.42 1108.37,122.53 1105.07,120.08 1109.12,120.08 1110.34,116.3 1111.54,120.08 " style="fill:#FFCC00" id="polygon54" />
+         <polygon points="1115.59,73.32 1112.33,75.77 1113.6,79.66 1110.34,77.26 1107.09,79.66 1108.37,75.77 1105.07,73.32 1109.12,73.32 1110.34,69.53 1111.54,73.32 " style="fill:#FFCC00" id="polygon56" />
+         <polygon points="1125.49,83.23 1122.22,85.67 1123.5,89.56 1120.24,87.17 1117,89.56 1118.27,85.67 1114.97,83.23 1119.02,83.23 1120.24,79.44 1121.44,83.23 " style="fill:#FFCC00" id="polygon58" />
+         <polygon points="1125.49,110.32 1122.22,112.77 1123.5,116.66 1120.24,114.26 1116.99,116.66 1118.27,112.77 1114.97,110.32 1119.02,110.32 1120.24,106.52 1121.44,110.32 " style="fill:#FFCC00" id="polygon60" />
+         <polygon points="1129.21,96.56 1125.95,99.02 1127.21,102.9 1123.96,100.5 1120.71,102.9 1121.99,99.02 1118.69,96.56 1122.73,96.56 1123.96,92.78 1125.15,96.56 " style="fill:#FFCC00" id="polygon62" />
+         <polygon points="1088.5,73.36 1085.23,75.81 1086.5,79.7 1083.24,77.3 1079.99,79.7 1081.27,75.81 1077.98,73.36 1082.02,73.36 1083.24,69.57 1084.45,73.36 " style="fill:#FFCC00" id="polygon64" />
+         <polygon points="1078.88,83.26 1075.61,85.71 1076.87,89.59 1073.62,87.2 1070.37,89.59 1071.65,85.71 1068.35,83.26 1072.4,83.26 1073.62,79.47 1074.82,83.26 " style="fill:#FFCC00" id="polygon66" />
+         <polygon points="1075.3,96.6 1072.03,99.05 1073.3,102.93 1070.05,100.55 1066.79,102.93 1068.07,99.05 1064.78,96.6 1068.82,96.6 1070.05,92.81 1071.24,96.6 " style="fill:#FFCC00" id="polygon68" />
+         <polygon points="1078.88,110.35 1075.61,112.81 1076.87,116.69 1073.62,114.3 1070.37,116.69 1071.65,112.81 1068.35,110.35 1072.4,110.35 1073.62,106.57 1074.82,110.35 " style="fill:#FFCC00" id="polygon70" />
+         <polygon points="1088.64,120.12 1085.37,122.57 1086.63,126.45 1083.38,124.06 1080.13,126.45 1081.42,122.57 1078.12,120.12 1082.16,120.12 1083.38,116.33 1084.59,120.12 " style="fill:#FFCC00" id="polygon72" />
+      </g>
+   </g>
+</svg>

package/dist/assets/images/eui-logo.svg

@@ -0,0 +1,12 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M128.116 14.0238L26.2521 61.0379L34.0877 186.409L128.116 241.259L222.144 186.409L229.98 61.0379L128.116 14.0238Z" fill="url(#paint0_linear_1_787)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 53.1305L128.116 0L243.232 53.1305L234.429 193.984L128.116 256L21.8034 193.984L13 53.1305ZM34.0878 186.409L26.2521 61.0379L128.116 14.0238L229.98 61.0379L222.144 186.409L128.116 241.259L34.0878 186.409Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M99.2899 147.628V83H84.5V156.422L128.5 181L172.5 156.422V83H157.71V147.628L128.5 163.945L99.2899 147.628ZM135.895 83V137.105H121.105V83H135.895Z" fill="white"/>
+<path d="M229.98 61.0379L128.116 14.0238V241.259L222.144 186.409L229.98 61.0379Z" fill="black" fill-opacity="0.2"/>
+<defs>
+<linearGradient id="paint0_linear_1_787" x1="128.116" y1="25.7773" x2="128.116" y2="184.058" gradientUnits="userSpaceOnUse">
+<stop offset="0.151042" stop-color="#B72F51"/>
+<stop offset="1" stop-color="#1B4986"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/images/placeholder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600"><rect width="100%" height="100%" fill="#DDDDDD"/><path fill="#999999" d="M204.73 301.795v.94q0 10.79-4.99 17.34-4.98 6.56-13.92 6.56-3.82 0-6.79-1.41-2.96-1.42-5.07-4.16v23.32h-13.08v-67.3h11.82l.76 5.75q2.16-3.18 5.19-4.91t7.08-1.73q9.03 0 14.01 7.05 4.99 7.05 4.99 18.55m-13.12.94v-.94q0-6.87-2.29-11.14t-7.01-4.27q-2.96 0-5.05 1.22-2.09 1.21-3.3 3.46v21.29q1.21 2.06 3.3 3.14t5.14 1.08q4.76 0 6.99-3.73 2.22-3.73 2.22-10.11m34.99-47.12v70.08h-13.11v-70.08zm52.43 70.08h-13.12q-.72-1.66-1.23-3.5-.52-1.85-.75-3.78-2.02 3.55-5.32 5.89-3.3 2.33-7.88 2.33-7.64 0-11.77-3.93t-4.13-10.71q0-7.14 5.5-11.07 5.5-3.94 16.06-3.94h7.32v-3.86q0-3.5-1.84-5.43-1.84-1.94-5.44-1.94-3.19 0-4.92 1.55t-1.73 4.29l-12.66-.04-.05-.27q-.31-6.15 5.35-10.62t14.87-4.47q8.71 0 14.15 4.42 5.43 4.43 5.43 12.6v20.08q0 3.42.52 6.43t1.64 5.97m-25.11-8.76q3.46 0 6.15-1.71 2.7-1.7 3.64-3.95v-6.87h-7.32q-4.18 0-6.34 2.09-2.15 2.08-2.15 5.05 0 2.43 1.62 3.91 1.61 1.48 4.4 1.48m53.27-.36q3.51 0 5.62-2.04 2.11-2.05 2.11-5.46h11.91l.13.27q.18 7.37-5.55 12.33t-14.22 4.96q-10.87 0-16.75-6.87-5.89-6.87-5.89-17.65v-1.35q0-10.74 5.87-17.66 5.86-6.91 16.73-6.91 8.98 0 14.49 5.12 5.5 5.12 5.32 13.47l-.09.27h-11.95q0-3.77-2.07-6.26-2.06-2.5-5.7-2.5-5.21 0-7.34 4.05-2.14 4.04-2.14 10.42v1.35q0 6.51 2.14 10.49 2.13 3.97 7.38 3.97m48.74 10.06q-10.51 0-16.8-6.73-6.28-6.74-6.28-17.12v-1.8q0-10.82 5.95-17.83t15.97-6.96q9.83 0 15.27 5.93t5.44 16.03v7.15h-29.02l-.09.26q.36 4.81 3.21 7.91t7.75 3.1q4.35 0 7.23-.88 2.87-.87 6.29-2.76l3.55 8.09q-2.97 2.42-7.77 4.02-4.81 1.59-10.7 1.59m-1.16-40.34q-3.64 0-5.75 2.79-2.11 2.78-2.61 7.32l.14.23h16.08v-1.17q0-4.18-1.96-6.67-1.95-2.5-5.9-2.5m41.15-30.68v27.63q2.29-3.33 5.61-5.19t7.37-1.86q7.59 0 11.92 5.05 4.34 5.05 4.34 15.61v28.84h-13.12v-28.93q0-5.66-2-8.02t-5.95-2.36q-2.69 0-4.76.97-2.07.96-3.41 2.72v35.62H382.8v-70.08zm37.1 46.27v-.94q0-10.87 6.07-17.81 6.06-6.94 16.8-6.94 10.78 0 16.89 6.91 6.11 6.92 6.11 17.84v.94q0 10.96-6.09 17.86-6.09 6.89-16.82 6.89-10.79 0-16.87-6.89-6.09-6.9-6.09-17.86m13.07-.94v.94q0 6.65 2.34 10.67t7.55 4.02q5.07 0 7.43-4.04 2.36-4.05 2.36-10.65v-.94q0-6.47-2.38-10.56t-7.5-4.09q-5.08 0-7.44 4.11t-2.36 10.54m54.67-45.33v70.08h-13.11v-70.08zm8.76 47.12v-.94q0-11.5 4.97-18.55 4.96-7.05 13.99-7.05 3.64 0 6.56 1.57t5.12 4.49v-26.64h13.16v70.08h-11.27l-1.08-5.93q-2.29 3.37-5.41 5.12-3.13 1.75-7.17 1.75-8.94 0-13.9-6.56-4.97-6.55-4.97-17.34m13.08-.94v.94q0 6.38 2.15 10.04 2.16 3.67 7.01 3.67 2.83 0 4.94-1.15 2.11-1.14 3.46-3.35v-20.71q-1.35-2.29-3.44-3.57t-4.87-1.28q-4.81 0-7.03 4.27t-2.22 11.14m62.39 24.84q-10.51 0-16.8-6.73-6.29-6.74-6.29-17.12v-1.8q0-10.82 5.95-17.83 5.96-7.01 15.97-6.96 9.84 0 15.28 5.93 5.43 5.93 5.43 16.03v7.15h-29.02l-.09.26q.36 4.81 3.22 7.91 2.85 3.1 7.74 3.1 4.36 0 7.24-.88 2.87-.87 6.29-2.76l3.54 8.09q-2.96 2.42-7.77 4.02-4.8 1.59-10.69 1.59m-1.17-40.34q-3.64 0-5.75 2.79-2.11 2.78-2.6 7.32l.13.23h16.08v-1.17q0-4.18-1.95-6.67-1.95-2.5-5.91-2.5m55.3-9.56-1.39 11.63-4.81-.13q-2.92 0-4.8 1.21-1.89 1.21-2.88 3.41v32.84h-13.07v-48.61h12.17l.59 7.19q1.7-3.82 4.42-5.95t6.27-2.13q.99 0 1.82.15.83.16 1.68.39"/></svg>

package/dist/base/01-base/index.scss

@@ -3,4 +3,3 @@ $eds-assets-base-path: '@eui/eds-styles/dist/assets' !default;
 
 @forward 'functions';
 @forward 'mixins';
-@forward 'animations';