@ebrains/components 2.4.1 → 3.1.0

package/dist/types/shared-ui/eds-trl-badge/eds-trl-badge.stories.d.ts

@@ -0,0 +1,112 @@
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        level: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            description: string;
+        };
+        assessed: {
+            control: string;
+            description: string;
+        };
+        methodology: {
+            control: string;
+            description: string;
+        };
+        theme: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            description: string;
+        };
+        href: {
+            control: string;
+            description: string;
+        };
+        label: {
+            control: string;
+            description: string;
+        };
+    };
+    args: {
+        level: number;
+        assessed: string;
+        methodology: string;
+        theme: string;
+        variant: string;
+        size: any;
+        href: string;
+        label: string;
+    };
+};
+export default _default;
+export declare const ToneDark: {
+    render: (args: any) => string;
+};
+export declare const ToneLight: {
+    args: {
+        theme: string;
+    };
+    render: (args: any) => string;
+};
+export declare const FullMetadata: {
+    args: {
+        variant: string;
+    };
+    render: (args: any) => string;
+};
+export declare const Pill: {
+    args: {
+        variant: string;
+    };
+    render: (args: any) => string;
+};
+export declare const OutlineDark: {
+    args: {
+        variant: string;
+    };
+    render: (args: any) => string;
+};
+export declare const OutlineLight: {
+    args: {
+        variant: string;
+        theme: string;
+    };
+    render: (args: any) => string;
+};
+export declare const ReadinessScale: {
+    args: {
+        variant: string;
+    };
+    render: (args: any) => string;
+};
+export declare const Sized: {
+    args: {
+        variant: string;
+        size: number;
+    };
+    render: (args: any) => string;
+};
+export declare const MaturityTiers: {
+    render: () => string;
+};
+export declare const AllStories: {
+    render: () => string;
+};

package/dist/types/utils/eds-form/safeFormat.d.ts

@@ -0,0 +1,21 @@
+/**
+ * safeInlineFormat — the single, audited text→HTML formatter used everywhere a
+ * form renders author-supplied text via innerHTML (form/step description, Text
+ * Blocks, and field messages).
+ *
+ * SECURITY: escape-first, then a tiny whitelisted inline subset. Because all of
+ * &, <, >, " are turned into entities BEFORE any markup is generated, author
+ * text can never inject a tag or attribute — the only HTML produced is the
+ * <strong>, <a> and <br> emitted here. Links are restricted to http/https/mailto
+ * (others fall back to plain text), URLs cannot contain whitespace or a quote,
+ * and external links get rel="noopener noreferrer".
+ *
+ * DO NOT reorder: escaping MUST happen before tag generation, or the guarantee
+ * breaks. Keep this in sync with the JS mirror in
+ * apps/live/forms-app/src/utils/descriptionFormat.ts.
+ *
+ *   **bold**       → <strong>bold</strong>
+ *   [label](url)   → <a href="url" …>label</a>   (http/https/mailto only)
+ *   newline        → <br>
+ */
+export declare function safeInlineFormat(text: string): string;

package/dist/types/utils/icons.d.ts

@@ -0,0 +1,78 @@
+export declare const ICONS: {
+    'chevron-right': string;
+    'chevron-left': string;
+    'chevron-down': string;
+    'chevron-up': string;
+    'arrow-right': string;
+    'arrow-left': string;
+    'arrow-up-right': string;
+    close: string;
+    add: string;
+    edit: string;
+    checkmark: string;
+    download: string;
+    upload: string;
+    view: string;
+    exit: string;
+    caretSort: string;
+    bookmark: string;
+    createLink: string;
+    activity: string;
+    account: string;
+    analytics: string;
+    template: string;
+    documentExport: string;
+    documentDownload: string;
+    trashCan: string;
+    chooseItem: string;
+    copyLink: string;
+    dragHorizontal: string;
+    dragVertical: string;
+    login: string;
+    logout: string;
+    move: string;
+    replicate: string;
+    sortAscending: string;
+    sortDescending: string;
+    requestQuote: string;
+    reset: string;
+    resultDraft: string;
+    share: string;
+    play: string;
+    book: string;
+    chatOff: string;
+    forum: string;
+    shareKnowledge: string;
+    time: string;
+    help: string;
+    customerService: string;
+    code: string;
+    rocket: string;
+    compass: string;
+    menu: string;
+    search: string;
+    settings: string;
+    notification: string;
+    user: string;
+    group: string;
+    save: string;
+    document: string;
+    folder: string;
+    image: string;
+    calendar: string;
+    information: string;
+    warning: string;
+    error: string;
+    'checkmark-filled': string;
+    copy: string;
+    star: string;
+    'thumbs-up': string;
+    'thumbs-down': string;
+    twitter: string;
+    linkedin: string;
+    facebook: string;
+    youtube: string;
+    mastodon: string;
+    bluesky: string;
+};
+export type IconName = keyof typeof ICONS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebrains/components",
-  "version": "2.4.1",
+  "version": "3.1.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/cjs/arrow-diagonal-black-0eb8640e.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const arrowDiagonal = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5858 3H17V9.41421L14.5 6.91421L8.70712 12.7071L7.29291 11.2929L13.0858 5.5L10.5858 3Z" fill="currentColor"></path><path d="M8 4H5C3.89543 4 3 4.89543 3 6V15C3 16.1046 3.89543 17 5 17H14C15.1046 17 16 16.1046 16 15V12H14V15H5V6H8V4Z" fill="currentColor"></path></svg>`;
-
-exports.arrowDiagonal = arrowDiagonal;

package/dist/cjs/arrow-right-3e38e8a9.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const arrowRight = `<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
-  <path fill="currentColor" d="M2 8.5h9V3l7 7-7 7v-5.5H2v-3Z" />
-</svg>`;
-
-exports.arrowRight = arrowRight;

package/dist/cjs/bin-c07eeedc.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const bin = `<svg viewBox="0 0 24 24" width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 11V17" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M14 11V17" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4 7H20" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>`;
-
-exports.bin = bin;

package/dist/cjs/bookmark-c61853d9.js

@@ -1,18 +0,0 @@
-'use strict';
-
-const bookmark = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M5 4H15V16L10 12.0138L5 16V4Z"
-      stroke="currentColor"
-      stroke-width="1.5"
-      stroke-linejoin="round"
-    />
-  </svg>`;
-
-exports.bookmark = bookmark;

package/dist/cjs/chevron-down-27344777.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const chevronDown = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M10 13L4 7H16L10 13Z" fill="currentColor" />
-  </svg>
-`;
-
-exports.chevronDown = chevronDown;

package/dist/cjs/chevron-left-6fc9c6ef.js

@@ -1,13 +0,0 @@
-'use strict';
-
-const chevronLeft = ` <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M7 10L13 4L13 16L7 10Z" fill="currentColor" />
-  </svg>`;
-
-exports.chevronLeft = chevronLeft;

package/dist/cjs/chevron-right-6d95a117.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const chevronRight = ` <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
-    <path fill="currentColor" d="m13 10-6 6V4l6 6Z" />
-  </svg>`;
-
-exports.chevronRight = chevronRight;

package/dist/cjs/chevron-up-e37d7713.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const chevronUp = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
->
-    <path d="M4 13L10 7L16 13L4 13Z" fill="currentColor" />
-</svg>
-`;
-
-exports.chevronUp = chevronUp;

package/dist/cjs/clone-846acfdd.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const clone = `<svg fill="#000000" height="20" width="20" version="1.1" id="XMLID_158_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="clone"> <g> <path d="M24,24H6V6h18V24z M8,22h14V8H8V22z M4,18H0v-4h2v2h2V18z M2,12H0V6h2V12z M18,4h-2V2h-2V0h4V4z M2,4H0V0h4v2H2V4z M12,2 H6V0h6V2z"></path> </g> </g> </g></svg>`;
-
-exports.clone = clone;

package/dist/cjs/close-51284af5.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const close = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
-    <path stroke="currentColor" stroke-width="2" d="M16 4 4 16m12 0L4 4" />
-  </svg>`;
-
-exports.close = close;

package/dist/cjs/copy-53102d0c.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const copy = `<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
-</svg>`;
-
-exports.copy = copy;

package/dist/cjs/download-9d17d025.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const download = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M5.91937 8H9V3H11V8H14.0806L10 13.1008L5.91937 8Z"
-      fill="currentColor"
-    />
-    <path
-      d="M5 15V12H3V15C3 16.1046 3.89543 17 5 17H15C16.1046 17 17 16.1046 17 15V12H15V15H5Z"
-      fill="currentColor"
-    />
-  </svg>`;
-
-exports.download = download;

package/dist/cjs/draft-05bd8904.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const draft = `<svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path fill="none" d="M0 0L24 0 24 24 0 24z"></path> <path d="M20 2c.552 0 1 .448 1 1v3.757l-2 2V4H5v16h14v-2.758l2-2V21c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1V3c0-.552.448-1 1-1h16zm1.778 6.808l1.414 1.414L15.414 18l-1.416-.002.002-1.412 7.778-7.778zM13 12v2H8v-2h5zm3-4v2H8V8h8z"></path> </g> </g></svg>`;
-
-exports.draft = draft;

package/dist/cjs/edit-ff5b84d8.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const edit = `<svg width="20" height="20"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12 3.99997H6C4.89543 3.99997 4 4.8954 4 5.99997V18C4 19.1045 4.89543 20 6 20H18C19.1046 20 20 19.1045 20 18V12M18.4142 8.41417L19.5 7.32842C20.281 6.54737 20.281 5.28104 19.5 4.5C18.7189 3.71895 17.4526 3.71895 16.6715 4.50001L15.5858 5.58575M18.4142 8.41417L12.3779 14.4505C12.0987 14.7297 11.7431 14.9201 11.356 14.9975L8.41422 15.5858L9.00257 12.6441C9.08001 12.2569 9.27032 11.9013 9.54951 11.6221L15.5858 5.58575M18.4142 8.41417L15.5858 5.58575" stroke="#000000" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>`;
-
-exports.edit = edit;