@ebrains/react 1.4.0 → 2.1.0

package/logo-space.entry.esm.js

@@ -12,33 +12,33 @@ const LogoSpace = class {
   }
   render() {
     return h("div", {
-      key: '3b8bd597cdf444eee5bf07fb627c4538e5d679cc',
+      key: '715c9aab5f553f14a183efcec753ac3a7d2a6ef7',
       class: "container"
     }, h("ul", {
-      key: 'cba7e1a29b54f81a18c168b4b00568d40f2d4371',
+      key: 'd552744d7c502654c1863a0e2bfe939aa5ab0447',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'ecc9fbea2532bed8b33987dc50ab32bf63150834',
+      key: '06ea3756aa8416e11a0f8c3995e70112808791e8',
       class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'b75492b9024929b8f210ceb3e3300c4fb1791994',
+      key: '186172fddc2a100fb5f757ce7175501f7b838896',
       class: "logo-container mx-auto w-[300px]",
       innerHTML: vLogoMargins
     })), h("li", {
-      key: '7de22236a86b8e6f10e5bd32922fab53c1ba12a8',
+      key: '6131a46a1f7d4efac1feb05ffbd88ca35ba07d08',
       class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'e8c9f50e17751a17674d20c418d544f90a7ba35b',
+      key: 'df5acbe2348d1fcf069ddb55ce8c7180ecea0959',
       class: "text-center mt-16"
     }, h("p", {
-      key: 'da441199660dc0601ccea107fbc8722f9b5a381f',
+      key: '65b120c29fd408808ab2b6ca3e038915f386c033',
       class: "f-body-01"
     }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", {
-      key: '01501a72a8bec05c19de3fdc3d0d101441db25b5',
+      key: '137055ef0dd2e79db8dd0cfac8c297385c693338',
       data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]',
       config: '{\n                  "Media": { "format": "bold" }\n                }'
     }))), h("li", {
-      key: 'ded8166e2ff4c9d0836e78b9bb48e291f9008a6c',
+      key: 'cbaf5b78b83fa1874d2555ae07dcd849007d9b28',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     })));
   }

package/logo-variations-horizontal_2.entry.esm.js

@@ -11,47 +11,47 @@ const LogoVariationsHorizontal = class {
   }
   render() {
     return h("div", {
-      key: 'b8329902e5b54186ff70883b7629ce713f9916e3',
+      key: '42b4022e993bb4e340a4f930706ed61d487856af',
       class: "container"
     }, h("ul", {
-      key: 'bef5503199fa5390fe3690bf8398702b39f6ce43',
+      key: '368cb376390f9cd4f311c34f35e227916bccc3aa',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'd5d87badeb69da37aa05c0265079cdadfa7b06ec',
+      key: 'c144cf24fe85d4ca731cbcb47aee2ae6bbfb9500',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: '6e263eca9ee6d917b73314a9fed6843e90ab9ad1',
+      key: '9ebdf9fae31f6370bd469cf4c3964e5fa5dae53b',
       class: "f-body-01 text-center my-4"
     }, "#1 Coloured"), h("div", {
-      key: 'dca876e83d4a3196f937204d1f36a22e5e554edb',
+      key: '347dfdc62a77f9bc2774870d0bce4803a9def6a1',
       class: "coloured"
     }, h("eds-logo", {
-      key: '6fadb6eb40b3771e808718ab19e1dcbdb838af14',
+      key: '642ed4f4dd0720b457e8871d8d39a3e6f8817919',
       type: "no-bg",
       href: "#"
     }))), h("li", {
-      key: '913d4163183e8df4978e5030e2049b9627f355ac',
+      key: '4b97f489fdc512de54c0f2c0bbf206f6d64fec57',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: '94b74970ae70cd4a97ce07c8f2435995b6224e7b',
+      key: '217c5485599de77021d5b008952a7463a95e8d22',
       class: "f-body-01 text-center my-4"
     }, "#2 Black & White"), h("div", {
-      key: '7a10955ff26e151c467e55ce839fa5377509cbca',
+      key: 'c3e7f3b4b770662cc83c261af241306e8449cddb',
       class: "bg-default"
     }, h("eds-logo", {
-      key: '5bf7bc14877a77acf069e1067d67aebfb993c148',
+      key: '1d0a90da209d8dbc28b91ccd3d3e112ed189428d',
       type: "black",
       href: "#"
     }))), h("li", {
-      key: '7b1d286ae816ce932c51bf944e606ce0a0dd692f',
+      key: 'f8879a7c790e1b5f0555d6d764e828fbc6a4e263',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: '1385573e0cba33124c068536a6df0cc809d2e872',
+      key: '93f6729dc8f3e4cf0257e57c4b034e94cfefa99d',
       class: "f-body-01 text-center my-4"
     }, "#3 Dark"), h("div", {
-      key: '0d0febe112256ef7372f86886da3d25b2cb8c7d9'
+      key: 'd45eaff596387f93aabc377fa96f1b386b8c5e42'
     }, h("eds-logo", {
-      key: '104ee7af8e721feaf91f6e96909181afea93ebc6',
+      key: '4a8209824ad3dcec06be65303dc9f0cf01613a8f',
       type: "color-white",
       href: "#"
     })))));
@@ -68,50 +68,50 @@ const LogoVariationsVertical = class {
   }
   render() {
     return h("div", {
-      key: 'c5edd87842f2f02818087806b4e2f582da663277',
+      key: '9384d3b91a4b09c780a1bb8d6b49f441f7a7a22a',
       class: "container"
     }, h("ul", {
-      key: 'e2d3e77fbcc9f6cbbe8c293e3548ab5b5b9be53c',
+      key: '60a89752afab4d76da7a3fc070bff2f7cc98d4b0',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '87864a42ddab2c0816e9ff46c8122ea645f077aa',
+      key: '6a8b35e2eaa5b0b5f4aa233fbcaa2a21b1e340c7',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: '8187e615b2701e6496cd567882ea338d3e50150d',
+      key: 'f9893c662898f97567d4a56eaf2d5a620e087743',
       class: "f-body-01 text-center my-4"
     }, "#1 Coloured"), h("div", {
-      key: '2368fe2ad41d8e325d4a54dac24786bc5a05ab56',
+      key: '6fad2d66a3e34c11344210c3b8d92279d566f866',
       class: "mx-auto coloured w-[300px]"
     }, h("eds-logo", {
-      key: '8efcfe38b1dc0498fa5f132bf01feb3fbfdf05fe',
+      key: '66740c018c8f3aa3fbeb2cab8c392713b7e004ed',
       orientation: "vertical",
       type: "no-bg",
       href: "#"
     }))), h("li", {
-      key: '780ca8af41665e5bc92c6c25efd1e9a3552eacbe',
+      key: '7a5a2ee2fab87b6ea7892134b5b1fb939cc5665c',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: 'ea00627b69008f8438a74d84cd00ac76bcbc36f3',
+      key: '79bd10816b9dfe8ab28d444d7dfb4b361afea94f',
       class: "f-body-01 text-center my-4"
     }, "#2 Black & White"), h("div", {
-      key: '5d91c7b29a539118254bfbca8d553794f96e00e5',
+      key: '10f00983923848d8e89b6d7c7990972a76fbaf80',
       class: "mx-auto bg-default w-[300px]"
     }, h("eds-logo", {
-      key: '5f9a4fc71340ab9c45fabdacaea00eb01771d8b3',
+      key: '3e10d0887921355c0974ad8a4c04cc86e901440d',
       orientation: "vertical",
       type: "black",
       href: "#"
     }))), h("li", {
-      key: '5c9306edbd30774b35431b5af16956545e7bc973',
+      key: 'eeaabdfa7d788647845d5488decfd06815fc2c47',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("p", {
-      key: '8dbc48fd5256198bb0b50ce11267ac408c6e286c',
+      key: '1b058b1513f09eb8a1043ab3ff8a4cda28246576',
       class: "f-body-01 text-center my-4"
     }, "#3 Dark"), h("div", {
-      key: '495a4c78848efe16898a7e37a802ca33ebe78989',
+      key: 'bd3698e6210ecbe356f0c334a983b21ef6b7b5e3',
       class: "mx-auto w-[300px]"
     }, h("eds-logo", {
-      key: 'ed7793faeff06e70d05b829d7b361c8e52372232',
+      key: 'c9321f6b80b68e74a02dbf77ba83f2bc2567c538',
       orientation: "vertical",
       type: "color-white",
       href: "#"

package/logo-variations-tabs.entry.esm.js

@@ -20,7 +20,7 @@ const LogoVariationsTabs = class {
   }
   render() {
     return h("div", {
-      key: '978803ba74596825489ce19690036162c5d2d6fb',
+      key: 'ac936a8594bc4f5f8573da7ac2751103fe287e48',
       class: "container"
     }, this.renderContent());
   }

package/logo-wrong-usage.entry.esm.js

@@ -12,86 +12,86 @@ const LogoWrongUsage = class {
   }
   render() {
     return h("div", {
-      key: 'ca22a0f8284bd418c0307e9b18443cf93dbd5ef7',
+      key: 'db92af6471b73d6342c4c218ef26b7439e72e9c9',
       class: "container"
     }, h("ul", {
-      key: 'dae3e5fdf852e1684effe028fcb12f3a4a765c92',
+      key: '57239717b1f53107a5bfbc94794568ea9fe3b392',
       class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'f938ed546e420f7f3c9629b3029623d8b0b3cb33',
+      key: 'c32313633ff55e2fbb28bca75f4d0e9bc2eb85d0',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'eecaba67c1506aa8192bdeb07dfe92417c200520',
+      key: 'ec127af6b1b3c5e0aed8c4c5bf6fb34166a50e89',
       class: "mx-auto no-other-bg-color logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '1057f9c302bc7e4b9ccdc5db8bdc5c92066b9efd',
+      key: '130ae0f920e4b4231d00bf46804176f9c2d2750a',
       class: "f-ui-02 text-center"
     }, "Do not use with backgrounds that make legibility difficult")), h("li", {
-      key: '2b4ea9b064c01b08daa1a236f9f427aab55155df',
+      key: '4efd7dd8cbc1fdefd65a94891c465373ac05391e',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: '9d42d01d4c2cacf71ab151bcd136a9b427ae2f61',
+      key: 'ea7fbe7c25663e944d80d1feb52ab972edf73aa8',
       class: "mx-auto no-other-color logo non-brand-color",
       innerHTML: hLogoColor
     }), h("p", {
-      key: 'abc8b7da35ff02d255c7101b963216a6176876be',
+      key: '373939ac376d7f95a77e84e35b8c2773cecca0e0',
       class: "f-ui-02 text-center"
     }, "Do not apply other colors")), h("li", {
-      key: '180f04ec0804841dff6aa1aadb4abcf39cd9795b',
+      key: '23351f40af859f9a36b108db8c95dbdefe7f889a',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'b28e00dd5e87f8dfa0115c2a617755d0ad3615bf',
+      key: '6606581d39d6b1834eebc720be8695bec9052c5a',
       class: "mx-auto distorted logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '93724268eeedcc799ec3c90087ce2e7ac61dc07e',
+      key: '10d459c1e0db7351b8d247bb0ab2c3db1f39cfc3',
       class: "f-ui-02 text-center"
     }, "Do not deform the logo")), h("li", {
-      key: '5063815d8df9ed7eb13d83734f23978916ade66a',
+      key: '9253a8fdab1547c0a9282e44d7dfb586107c0916',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: '8f8624744ed71aebc2d42815f8012ed5c18c1cb7',
+      key: '7db0f94ca0d2a7c6b3cde529028c2789794b31b5',
       class: "mx-auto effects logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '14040538adcea3c5650ddb3e94a3a5186d009a2a',
+      key: '39280d53b73bb6ad80d3398e508941604f4fc856',
       class: "f-ui-02 text-center"
     }, "Do not apply effects")), h("li", {
-      key: 'a80a2e6f66d27bd28a52d9ea45aa3352519f8973',
+      key: '24d87e264048c1f675cc0182c6dbf049af15f622',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'ab16f170fde233d8e05c8b93babc83f6a54fe4df',
+      key: '35cac43885a2364650ab3e758071b1fd685019fa',
       class: "mx-auto rotated logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '12eb2d4f8c48b51397295e84fd13f9cdb7fe1291',
+      key: 'cd3d762cd6889f764bedc6b4ccd241e1b52413f6',
       class: "f-ui-02 text-center"
     }, "Do not rotate the logo")), h("li", {
-      key: 'e93cc98bcb8594ea9cc715c3593bbbb05ef0a584',
+      key: '0a5c20a333830b85c2943b44c3ad1c3066c582cc',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'e06d8c08690e542a9906526f31083cd19d36377c',
+      key: 'e2ced6578e0ea0574b1025c708061436beaa0c32',
       class: "mx-auto outlined logo",
       innerHTML: hLogoColor
     }), h("p", {
-      key: '28ffd7eb8d963d8fbaca70bdacb408d1ad2b5628',
+      key: 'e41cf94b8ba85c372fe3118497a61f5fd9d127a0',
       class: "f-ui-02 text-center"
     }, "Do not apply outlines")), h("li", {
-      key: '762de4272afb3425d05854efcebdbac901e3434e',
+      key: '87b548c1183299d29b14e3159ec712e27e72632f',
       class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
     }, h("div", {
-      key: 'b886b389d207ffdb8b135fdc0fd26e5e72f40a42',
+      key: '1a96f1f9ffa1d9c3e29fa3c107893d440f259922',
       class: "mx-auto"
     }, h("div", {
-      key: '2b03b5762338e7af827635e16f5a8da8a0322174',
+      key: 'a2cfab02c9328045d9833fa143d53cdb5cc249fc',
       class: "bg-accent p-16"
     }, h("div", {
-      key: 'c6db8ce985ce69f68973d59acabd846ec3b296ed',
+      key: 'fee8c2a733e1822b1b97db56f6b835a9694ee071',
       class: "text-inverse",
       innerHTML: hLogoColor
     })), h("p", {
-      key: '3c2424662345ce48f2db344a5efd0aa2dc5ef002',
+      key: 'a978cd92ca70c5dd3437e251e603bc33099bb250',
       class: "f-ui-02 text-center"
     }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebrains/react",
-  "version": "1.4.0",
+  "version": "2.1.0",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/src/components.d.ts

@@ -24,6 +24,7 @@ export declare const EdsLink: import("react").ForwardRefExoticComponent<JSX.EdsL
 export declare const EdsLogo: import("react").ForwardRefExoticComponent<JSX.EdsLogo & Omit<import("react").HTMLAttributes<HTMLEdsLogoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsLogoElement>>;
 export declare const EdsMatomoNotice: import("react").ForwardRefExoticComponent<JSX.EdsMatomoNotice & Omit<import("react").HTMLAttributes<HTMLEdsMatomoNoticeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsMatomoNoticeElement>>;
 export declare const EdsModal: import("react").ForwardRefExoticComponent<JSX.EdsModal & Omit<import("react").HTMLAttributes<HTMLEdsModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsModalElement>>;
+export declare const EdsNps: import("react").ForwardRefExoticComponent<JSX.EdsNps & Omit<import("react").HTMLAttributes<HTMLEdsNpsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsNpsElement>>;
 export declare const EdsPagination: import("react").ForwardRefExoticComponent<JSX.EdsPagination & Omit<import("react").HTMLAttributes<HTMLEdsPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsPaginationElement>>;
 export declare const EdsPie: import("react").ForwardRefExoticComponent<JSX.EdsPie & Omit<import("react").HTMLAttributes<HTMLEdsPieElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsPieElement>>;
 export declare const EdsProgressBar: import("react").ForwardRefExoticComponent<JSX.EdsProgressBar & Omit<import("react").HTMLAttributes<HTMLEdsProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsProgressBarElement>>;

package/start-65126a4f.esm.js

@@ -0,0 +1,3 @@
+const start = `<svg fill="#000000" width="20" height="20" viewBox="0 0 1920 1920" 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"> <g fill-rule="evenodd"> <path d="M451.823 1807.059h1185.883c31.203 0 56.47-25.25 56.47-56.47V169.411c0-31.221-25.267-56.47-56.47-56.47H451.823V0h1185.883c93.561 0 169.411 75.798 169.411 169.412v1581.176c0 93.614-75.85 169.412-169.411 169.412H451.823v-112.941Z" fill-rule="nonzero"></path> <path d="M225.941 0v1920h112.941V0zm993.081 1016.47H564.76V903.53h654.262L976.6 661.106l79.861-79.861L1435.216 960l-378.755 378.754-79.861-79.861z"></path> </g> </g></svg>`;
+
+export { start as s };

package/svg-repository.entry.esm.js

@@ -37,6 +37,12 @@ import { p as privat } from './private-1c25ff8e.esm.js';
 import { p as pub } from './public-d4d8c585.esm.js';
 import { t as tutorial } from './tutotial-150ee1fd.esm.js';
 import { u as upDonw } from './up-and-down-d747abee.esm.js';
+import { b as bin } from './bin-37cad2f0.esm.js';
+import { s as start } from './start-65126a4f.esm.js';
+import { d as draft } from './draft-dd5dada2.esm.js';
+import { e as edit } from './edit-3893a517.esm.js';
+import { v as view } from './view-e900f2d4.esm.js';
+import { c as clone } from './clone-dab56639.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
@@ -284,7 +290,13 @@ const svgs = /*#__PURE__*/Object.freeze({
   thumbsUp: thumbsUp,
   thumbsDown: thumbsDown,
   star: star,
-  external: arrowExternal
+  external: arrowExternal,
+  bin: bin,
+  start: start,
+  draft: draft,
+  edit: edit,
+  view: view,
+  clone: clone
 });
 const svgRepositoryCss = ":host,.full-width{display:block;width:100%}";
 const SvgRepositoryStyle0 = svgRepositoryCss;
@@ -317,10 +329,10 @@ const SvgRepository = class {
       }
     };
     return h("div", {
-      key: 'c8c6a714522ff3e122b58c4bb931af7f95d281fa',
+      key: '7182d9e62bbee54fe4787d4fdd00e454d4f9df44',
       class: "full-width"
     }, h("eds-table", {
-      key: 'f3251327f43c5b18f7677738f37b60ff0e604c3f',
+      key: '4f9e0681ce92a66ca09fd933663caf465208306d',
       "table-data": JSON.stringify(svgData),
       config: JSON.stringify(tableConfig),
       "rows-per-page": 10,

package/token-list_3.entry.esm.js

@@ -296,7 +296,7 @@ const TokenList = class {
       [this.show]: colors[this.show]
     } : colors;
     return h("section", {
-      key: '0ba9dbb1b98cb398c2eb989391f6e978f9dc21ef',
+      key: 'b8b778fe87179f77bb71705d89026c500b0293fb',
       class: "w-full mt-28"
     }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
     // Only render sections that exist in `colors`
@@ -317,10 +317,10 @@ const TokenRadii = class {
   }
   render() {
     return h("section", {
-      key: '0b0ccb9adcfa77ea898828ddbb244e959f93e2e4',
+      key: '584f5f90e1e3813692870fbd8fd382956729dbf1',
       class: "w-full mt-28"
     }, h("ul", {
-      key: '94f17ad36ec9fcc47b645e323c7e5a8f3e040dda',
+      key: '81786b7835d62739d6ec034609e77209e15e3b38',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, Object.entries(radii).map(([key, value]) => h("li", {
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
@@ -358,10 +358,10 @@ const TokenShadows = class {
   }
   render() {
     return h("section", {
-      key: '18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4',
+      key: '8ca055cb3616c9bc3f6e8c1032671ff53a540156',
       class: "w-full mt-28"
     }, h("ul", {
-      key: '63e646788009d3315d2f4e03f1a780811486d9a0',
+      key: '7b72868285aaffe0f31628b5ab142e39aaccd964',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => h("li", {
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"

package/token-ratios.entry.esm.js

@@ -17,15 +17,15 @@ const TokenRatios = class {
   }
   render() {
     return h("section", {
-      key: '0fb029d34cba573e04e15030b3fdd1497ac9974e',
+      key: '255775984f1d0edd52f48814776dfb5739b4885e',
       class: "w-full"
     }, h("eds-section-core", {
-      key: 'd6914b95ef74d590d58b0c90600fc44f5d9d6678',
+      key: '7fd28e74db00800fcaa4adb13dd6b0b9cace371d',
       tag: "div",
       "section-title": "Aspect Ratios",
       "heading-level": "h3"
     }, h("ul", {
-      key: 'f08511f07380707795b810fd0f34c1acdc47d37d',
+      key: '1e4c0af9a699e69c5bc6c86df821c457bb20614a',
       class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, Object.entries(ratios).map(([key, value]) => h("li", {
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"

package/token-spacing.entry.esm.js

@@ -9,82 +9,82 @@ const TokenSpacing = class {
   }
   render() {
     return h("div", {
-      key: '144e643ff3f26d09b932b3bfa2086164134728c0',
+      key: '9967174337c771b175eb51d9cd77ec227071178e',
       class: "w-full"
     }, h("ul", {
-      key: 'fabddc807bcd5cefbfced6391117e9eb065ffff0',
+      key: 'db8df572ea997ea83600cb522c761ec5c99788bc',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: 'cc0fba19927a1c3ad33008dc1087ee75e0c9fe2d',
+      key: '25a7b31970e56ce8ff62c81a69daac121984d9d6',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '328054d7cfe6a0678e9e592b91dba6a8524c2039',
+      key: '1a1dfa005e39237c2fedb210c0082293770387c6',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'e50e3533e36feb7021cac8ac10cc9a05e7f24c0a',
+      key: '473024ed6927d1a140eee0e021af92790c3ec5b0',
       class: "spacing-sample m-16 bg-strong"
     }, h("span", {
-      key: '87165037495881426a3c9848953e049ec7e96b7a',
+      key: '7b691bf830943134160396ddcd8f71e419eb29e2',
       class: "f-body-01 text-inverse"
     }, "Margin: 1rem / m-16")))), h("li", {
-      key: 'a6a98204655e53b6ef9ce9f2fd90b561c79c185d',
+      key: '38f1d4d7e78b1efdbc55cf732b6be2ac3a62b5b7',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '385ae898ce1f1f96cbb236ded619a05d8326c304',
+      key: '3a0fc8cdfa13bf0998a4829c36a74b17a6ee2314',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '4e6c11ae90e22efa73fb6c9481ee2c1511365394',
+      key: 'ec730379e1041a68c9d980bb6b5d4b16560debb0',
       class: "spacing-sample ml-64 bg-strong"
     }, h("span", {
-      key: 'a13a1886b5019ca48a19d24ba03b3caa1c51bc3f',
+      key: 'fd6f3ab787f1d43fb0b060e8408a1464eacd9875',
       class: "f-body-01 text-inverse"
     }, "Margin Left: 4rem / ml-64")))), h("li", {
-      key: '7b2f325ced5281668e6ece98d56caf864b34c7e8',
+      key: '60a45420ca9cd7f4dab1524c8d6be31b39295b0c',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '3e1a69b9983bc993686426ec84dd70b4803538a6',
+      key: 'ec433621396341959df05dd4becf2844c4266ea5',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '66804ce21771e53210bc385ac8cefce4c554d188',
+      key: 'e2ae2d3a3f0eb5226fae09d70eff099ed79ca0e6',
       class: "spacing-sample mt-32 bg-strong"
     }, h("span", {
-      key: '91cee3a9cf00777f1d2b4cde4ce484fcddef52f5',
+      key: '1da10931bb4dae62a1a1c020c89463634a3c1630',
       class: "f-body-01 text-inverse"
     }, "Margin Top: 2rem / mt-32")))), h("li", {
-      key: '9d9074db464e7ecc36977c69b0fdd053e8025dec',
+      key: 'f2f6ff5c992df7d4d426a3488cb7aa7ad9b7bc85',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'e6a2d7d1ded9c92ca41d211dca3dcca9f03ad707',
+      key: '23700500e04f2ec99fb5329092b7e430f7ac4274',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'c87e88d711ec5298525f1d901958a035837b3db0',
+      key: 'bc304e082326c02787a62681fa86d20382fbb2d7',
       class: "spacing-sample p-32 bg-strong"
     }, h("span", {
-      key: '6276cb3c19a8fd1262c5002e682099f13d38b512',
+      key: '32692a307c58603ac232bb1004b88e0b5bff0c3d',
       class: "f-body-01 text-inverse"
     }, "Padding: 2rem / p-32")))), h("li", {
-      key: 'c8614add23a4802ccbb3086c74ac2871ad0a0340',
+      key: '6fc5032427724389d29d200347e3f5de984d6ec5',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '68b73e788596e32a696e012d08ec11cf479a5d45',
+      key: 'f66687c53866291f4f455153e34813d53bbb6d68',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'b057f25cdeda7c6cc3f0ce21e199d84d90bb0bfa',
+      key: 'c4305cf37d1f08f50be085664d9a4da0c4859805',
       class: "spacing-sample pt-32 bg-strong"
     }, h("span", {
-      key: 'a72e385bdaed3c6c8a06fb7951f6b326eb8f2e4f',
+      key: '4bd0c2056950a34d119c11ffd04e1dce1b8136c5',
       class: "f-body-01 text-inverse"
     }, "Padding Top: 2rem / pt-32")))), h("li", {
-      key: '11be77901177c2372b29076072dd7544f7371aa4',
+      key: '67053133a6c121e02b7cab1da4cf4bc025dcc28d',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '5606d88389c6aaa16a9941fefe2bc34e881b22a3',
+      key: 'dc7c1198e284eb0d71d183017e99fca72c3fb2a7',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '1341d44c62567c8b5078046644cda8ddcec59809',
+      key: '3e69f16b8673007197f18b736e07a9e2c86e7eeb',
       class: "spacing-sample pl-32 bg-strong"
     }, h("span", {
-      key: 'b9208571277fced609ea55a113a30dc7a424c2a8',
+      key: '5a112de1bf2ce66ea278da76b8890aff02cce8af',
       class: "f-body-01 text-inverse"
     }, "Padding Left: 2rem / pl-32"))))));
   }

package/token-typography.entry.esm.js

@@ -202,10 +202,10 @@ const TokenTypography = class {
   }
   render() {
     return h("section", {
-      key: 'b831c9707b00d17768f585e2015de8a7289b11d2',
+      key: 'b638ddc335ade66f9eb0af8752f56945270fc5ee',
       class: "w-full"
     }, h("ul", {
-      key: '472e46f2c903597d24e8f24cf28b6f475c7d7a82',
+      key: '40f638bc0eccdcc79aecaf5da8fc9c1332122d49',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, Object.entries(typography.typesets).filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
     .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => h("li", {

package/view-e900f2d4.esm.js

@@ -0,0 +1,3 @@
+const view = `<svg width="20" height="20" viewBox="-102.4 -102.4 1228.80 1228.80" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="0.01024" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#000000" d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"></path></g></svg>`;
+
+export { view as v };