@ebrains/react 0.5.0-alpha.0 → 0.7.0-alpha.0

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

@@ -11,44 +11,44 @@ const LogoVariationsHorizontal = class {
   }
   render() {
     return h("div", {
-      key: '17506a830e62dd31e1415d2be8b4553c3068bfd0'
+      key: '5eca7ecd4f36c805e14973af64b20867b0354eba'
     }, h("div", {
-      key: '4ae7fe3624155cf1b2a749bed360d8b55cd2bede',
+      key: '3896fcc0a5a184de969d521132bcac78f9372654',
       class: "container my-16"
     }, h("h3", {
-      key: 'e6daae3d262a53fb374162b5e3313fa98e11bf6b',
+      key: '714d83271de13b290885b365ca911ea202aab604',
       class: "f-heading03"
     }, "Coloured Background"), h("div", {
-      key: 'ab405030d5cac7ec5fe95f638dfeaa0e48f70af7',
+      key: 'c80218b00edd13614c82e41f26316efbfd8e8b4e',
       class: "coloured lg:w-[500px] md:w-[300px]"
     }, h("eds-logo", {
-      key: '05441cfb40658a2bd01f7f9a8c28e28d340b6dc1',
+      key: '406c7fab328969d4fa7663acda6771d8c447807b',
       type: "no-bg",
       href: "#"
     }))), h("div", {
-      key: '82731279160c6c666889d32f329cf8469f853783',
+      key: '2788972ad7f53db9f2a8ab23a458055e28c657fb',
       class: "container my-16"
     }, h("h3", {
-      key: '73269548408d466223d44f9293f589e7e4b99bae',
+      key: '1abeb7a38b87517f9fa4bed9e047dfbf3ea84aa8',
       class: "f-heading03"
     }, "Black and White Background"), h("div", {
-      key: '1d3e89b35eca34712e184ce42ba2f7632439ce4f',
+      key: 'af8a7938a847e36d577dea7120e97dd9cf1b4343',
       class: "bg-default lg:w-[500px] md:w-[300px]"
     }, h("eds-logo", {
-      key: 'fc59306d8098f4764ab0f72fdbb5009bea5f3c44',
+      key: 'b8dbc675fc435a322f1b93ab14224df17ccac7d0',
       type: "black",
       href: "#"
     }))), h("div", {
-      key: '355ce3ef5cbd6872ce86ec847c3394deb29f2846',
+      key: 'e4068eb7d86e04c6ac3da79ef44fbc577083ecee',
       class: "container my-16"
     }, h("h3", {
-      key: '57adbc464a1e2f2d5818112f00149840c2c0758a',
+      key: '44ffa680543f41764c478e43828c86116d3dc059',
       class: "f-heading03"
     }, "Dark Background "), h("div", {
-      key: '84e43ad22d556672c1b0e82a9ed3e2c988649598',
+      key: 'ae0c8d9dc9f563af9b756f9112847bae88d82f2f',
       class: "lg:w-[500px] md:w-[300px]"
     }, h("eds-logo", {
-      key: '0d0d38e691d763189c88ae803f9b02523b362ff8',
+      key: '5f8d4e32308c9c7e9f285a39b9cbaf6cf4104ed6',
       type: "color-white",
       href: "#"
     }))));
@@ -65,46 +65,46 @@ const LogoVariationsVertical = class {
   }
   render() {
     return h("div", {
-      key: 'fee70336cee863d905a6537392f1ddf6bda1d449'
+      key: '82d99f40e7360943ca9a2df59dc8a9db4a22a83b'
     }, h("div", {
-      key: 'f04e0928bbd1875982190f5fe685c43a0e712704',
+      key: '27ed1ecf7a6a161244c3b2d1c01bc5196e15caac',
       class: "container my-16"
     }, h("h3", {
-      key: 'd10318ccf82f90743af6279afea3afa36ec411dc',
+      key: '62363c39920cefe5086a934f36dbc9a684f3984b',
       class: "f-heading03"
     }, "Coloured Background"), h("div", {
-      key: '06cca782bfc5564172c1a745652c66d5304ad9c8',
+      key: '8577199e6f5b9c6f97afc31620513805d06e94c6',
       class: "coloured w-[200px]"
     }, h("eds-logo", {
-      key: '175bbd4acc1b184e8d372b78246524b2d4ae6758',
+      key: 'd627ea9deef5766a160e1b97f129e2b0000b1b62',
       orientation: "vertical",
       type: "no-bg",
       href: "#"
     }))), h("div", {
-      key: 'a7eb431d1ee679bc8c28aed0932325c99d4e0798',
+      key: '8d7565fa14e8eabd6e44295b530600ba20c24820',
       class: "container my-16"
     }, h("h3", {
-      key: '0a5d4e193f9b8e36c81beb5fcc81eccaa2433ee9',
+      key: 'f071d16ed3f22bb58401c493594b8d919f9a5698',
       class: "f-heading03"
     }, "Black and White Background"), h("div", {
-      key: 'c2d6c02f46629f32155bfb0ef1eee7522cd4b6c1',
+      key: 'bd6abebec1b49aed0dcf5cdafda0790b137b6b3d',
       class: "bg-default w-[200px]"
     }, h("eds-logo", {
-      key: 'a97c323c7af4c98fab5da6721450b80e2c8d85cb',
+      key: 'be68411a8d9e75e0c78d440635631af2f449e4cf',
       orientation: "vertical",
       type: "black",
       href: "#"
     }))), h("div", {
-      key: 'ac99317a56b7ce01f324efc3423593a20164f932',
+      key: '2cd4a5fb78b387bfebefeb57880d308b9e3cf96b',
       class: "container my-16"
     }, h("h3", {
-      key: '908f915f49802906b1d0d5cb008ed4cdb3b5a68a',
+      key: 'f74c7d823aae3ed352db73ec288b32110db9867a',
       class: "f-heading03"
     }, "Dark Background "), h("div", {
-      key: '94e25cd1734ec0ef18d3742f908a08ceec50aa6f',
+      key: '1a47847d582e18ca35a6b3cf76bd1e21f1dbfac2',
       class: "w-[200px]"
     }, h("eds-logo", {
-      key: '7f74de4532f6696e7168f0fc9c5dc28afed91f98',
+      key: 'b35710d4795dd179a9dc0c007a2a477be3891984',
       orientation: "vertical",
       type: "color-white",
       href: "#"

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

@@ -12,122 +12,122 @@ const LogoWrongUsage = class {
   }
   render() {
     return h("ul", {
-      key: '3b7b6626be122a983b8e75560519c5cf7e31140a',
+      key: 'bc42810801b7692a7cce35d1b3d44ae70bf79db7',
       class: "container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("span", {
-      key: 'ec2af2fbd7ca5fe85b15be216bec42a9289b40f1',
+      key: '5961e3d0148ddfdb9d77c72c5cb8dd6733cdbc1c',
       class: `grid-col-span-12 md:grid-col-span-4 flex flex-col`
     }, h("div", {
-      key: 'cef460808c414cc1a14e380d7862523e9d53b214',
+      key: 'fe06a82d62bb7bedc6880991c45c099c1e4f913e',
       class: "example"
     }, h("div", {
-      key: '759ea5b73ced15cf2caef3566f2f1fdeb2122612',
+      key: '3f851373000c1b0cb1ecf0c42add9eef09d7e969',
       class: "bg-dark "
     }, h("div", {
-      key: '9d0b7aef45f578f1c6e0d84f80583f8116688cf7',
+      key: '2cdcc5b3419e5a9bdfde2c6ebeeafe482b060808',
       class: "no-other-bg-color logo",
       innerHTML: hLogoColor
     })), h("p", {
-      key: '223611a3bedea685dd1904922f472fee474ddf11',
+      key: '027a7e9000a7b0e18697e1add62fb52bc340e56d',
       class: "f-ui-02"
     }, "Do not use with backgrounds that make legibility difficult"))), h("span", {
-      key: '49e6907610dfaede93ddf179dafbc93f340832ec',
+      key: '37821295b19c46c6bd23f75ff090f42513f2c52a',
       class: `grid-col-span-12 md:grid-col-span-4 flex flex-col`
     }, h("div", {
-      key: 'f11f675e9b002bc5d571907faeabfa7c8a2ea4f4',
+      key: '7f4fb4c6e94d1cfa0080bf4716d386a64cc588a6',
       class: "example"
     }, h("div", {
-      key: 'b63ab2771e06f9d56c1ae995be5b23612b670e6e',
+      key: '9b580db406baa9ab882042693238d96db83099b1',
       class: "no-other-color p-16"
     }, h("div", {
-      key: '91d331a3fd50976496cd9eff08e5150d5fb8c368',
+      key: '6c1b3d0668acae7f1542fddbd83444c187f8f447',
       class: "logo non-brand-color",
       innerHTML: hLogoColor
     })), h("p", {
-      key: 'b34ec2c20218499972367287e730e3ea75d94bb2',
+      key: '644fb68b648f330c80ff295f9a4d74924b44e5dd',
       class: "f-ui-02"
     }, "Do not apply other colors"))), h("span", {
-      key: '20d1babcf42bd66e56633f78e5e7a38689b1c831',
+      key: '651a9bf67507fdfe1289d1afaced18bdc739313c',
       class: `grid-col-span-12 md:grid-col-span-4 flex flex-col`
     }, h("div", {
-      key: '057c8a11c93076e2b9663baa49f101f90c3007be',
+      key: '211ca59ce2d0760a752fa2fd087a43e9b61bdd9b',
       class: "example"
     }, h("div", {
-      key: '767471f768d48de8a230dac229f86a751590bfb6',
+      key: '526628247fe9587785c79bef6e16630a988a2af9',
       class: "bg-light p-16"
     }, h("div", {
-      key: 'd5e807d0cdea5958b0c2d93c3207924616fece63',
+      key: 'fd9b59d40e805902bd628a04525d27fcbe6d99b1',
       class: "logo distorted",
       innerHTML: hLogoColor
     })), h("p", {
-      key: 'c357e9516bb82a3f431270c56a23fd614684d126',
+      key: '97e0a604d08be01ac7956fe284f2325a680496d2',
       class: "f-ui-02"
     }, "Do not deform the logo"))), h("span", {
-      key: '789d0af543f4ccc9a270c3a332f1dcb2dc79b77f',
+      key: '23cf6c4f70ededbfd3347f31adc749e4e411c5b2',
       class: `grid-col-span-12 md:grid-col-span-4 flex flex-col`
     }, h("div", {
-      key: 'a5e0d0a85a4e1656a0e7d01dc41f59711971b403',
+      key: '5d1702074e065740261bb7a86ce18139c2336dd6',
       class: "example"
     }, h("div", {
-      key: 'a7eb16e39e2f954e42f5f8c0c2ed152fb53f7c2a',
+      key: '1b0fcc5f673339bf8ac84ed317ba4c214f5f2618',
       class: "bg-white p-16"
     }, h("div", {
-      key: '46ec9c3b424cf4661cda4adc31989a8c355376d4',
+      key: '708f276b908ee858a634034a0a9d025fe3f0515d',
       class: "logo effects",
       innerHTML: hLogoColor
     })), h("p", {
-      key: '2c7e8e98a0306d08f30e857e5476703993ffda2c',
+      key: 'cb99b28a2154bf90565480386d8b3b67de0b76bb',
       class: "f-ui-02"
     }, "Do not apply effects"))), h("span", {
-      key: '846791ec992abd3f0632070cb09d9ef3dcfa67b7',
+      key: '96f8a61f549c8e83f8a81bfba629a40eb26716a9',
       class: `grid-col-span-12 md:grid-col-span-4 flex flex-col`
     }, h("div", {
-      key: '82fb8f93a6cb8789bf4a56e589975ad353bc88c2',
+      key: 'd1cf64b340f6551e4f4a8189c355a22e95d8b3c9',
       class: "example"
     }, h("div", {
-      key: '8c7e30c775364fa1d79b118e5aff5cd1e883101f',
+      key: '264fc7c03ad4b17a9631d7ede8714f4e91aec931',
       class: "bg-white p-16"
     }, h("div", {
-      key: 'a18af5ffaba038fff7a442ab626f783a8a1f08ba',
+      key: 'a39c949f0b7494bfc08d689e21f84303fd9f9327',
       class: "logo rotated",
       innerHTML: hLogoColor
     })), h("p", {
-      key: '8ad738506d45e065ad5c96df9f5bf569a632e446',
+      key: 'e1b264ef7f8b68fd0dd0f9271d26db65c355497b',
       class: "f-ui-02"
     }, "Do not rotate the logo"))), h("span", {
-      key: 'f556f0d638d48bcd95d0cc198e0408bb109cd92f',
+      key: '3dada86d19486aefe9970a5555caa14e2abaad8f',
       class: `grid-col-span-12 md:grid-col-span-4 flex flex-col`
     }, h("div", {
-      key: '153d0704622a633e8937bb0a481941cca7446a8f',
+      key: '973e204cb94bda151712b413f38e5a03df46ffdf',
       class: "example"
     }, h("div", {
-      key: 'e4d9e874f931413d924635432df55de18d329f2f',
+      key: 'cc9f9d40a9736663c426a9bea6e3060a847a9be5',
       class: "bg-light p-16"
     }, h("div", {
-      key: '2435bddf3af2928878338793e895cc080b7e1f7a',
+      key: '60bde7eea395d1454e2f9a47535b92752430043f',
       class: "logo outlined",
       innerHTML: hLogoColor
     })), h("p", {
-      key: '64c46cd279b062ab87ce34187bd979c58f1c9312',
+      key: '9469d10927d103ceb37b8b192ac220d53db06196',
       class: "f-ui-02"
     }, "Do not apply outlines"))), h("span", {
-      key: 'd28391400911e4b8481a707a197915d2f9fffbf2',
+      key: 'a4cdf1201a61559fed04eef9c20511a242ba0306',
       class: `grid-col-span-12 md:grid-col-span-4 flex flex-col`
     }), h("span", {
-      key: '4aa8af822ff81bb7313145ccc24dbb79a7041f26',
+      key: '6fbc736e477be9d0952053abc687e9b08dcba324',
       class: `grid-col-span-12 md:grid-col-span-4 flex flex-col`
     }, h("div", {
-      key: '63fc69af51c57497cde82c7377dc5cc56bcd264e',
+      key: 'ae655c9985d173716e6c0ff62683efa887998910',
       class: "example"
     }, h("div", {
-      key: '54029b8e273baddb810ea869b341a66f0b9a9e9a',
+      key: 'd1597bb34428986cf534ec74cedfa5656b6fe1c8',
       class: "bg-accent p-16"
     }, h("div", {
-      key: 'd82bbfa6ea877ec8af75230093548fffd086b1b4',
+      key: 'ed43780afc9ae3e9f85c8168f1182be9a29b36ce',
       class: "text-inverse",
       innerHTML: hLogoColor
     })), h("p", {
-      key: 'f12f0cd6baedc08020ebd206c1c5c2fd8a6c7eda',
+      key: '1232c6e2018bfc9cb6fc39d076049ce9cd949775',
       class: "f-ui-02"
     }, "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": "0.5.0-alpha.0",
+  "version": "0.7.0-alpha.0",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",

package/sharedUtils-a550989c.esm.js

@@ -0,0 +1,17 @@
+function parseData(input) {
+  if (typeof input === 'string') {
+    try {
+      const parsed = JSON.parse(input);
+      return Array.isArray(parsed) ? parsed : [];
+    } catch (e) {
+      // eslint-disable-next-line
+      console.error('Error parsing data:', e);
+      return [];
+    }
+  } else if (Array.isArray(input)) {
+    return input;
+  }
+  return [];
+}
+
+export { parseData as p };

package/src/components.d.ts

@@ -10,8 +10,10 @@ export declare const EdsCardGeneric: import("react").ForwardRefExoticComponent<J
 export declare const EdsCardSection: import("react").ForwardRefExoticComponent<JSX.EdsCardSection & Omit<import("react").HTMLAttributes<HTMLEdsCardSectionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsCardSectionElement>>;
 export declare const EdsCodeBlock: import("react").ForwardRefExoticComponent<JSX.EdsCodeBlock & Omit<import("react").HTMLAttributes<HTMLEdsCodeBlockElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsCodeBlockElement>>;
 export declare const EdsDropdown: import("react").ForwardRefExoticComponent<JSX.EdsDropdown & Omit<import("react").HTMLAttributes<HTMLEdsDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsDropdownElement>>;
+export declare const EdsFeedback: import("react").ForwardRefExoticComponent<JSX.EdsFeedback & Omit<import("react").HTMLAttributes<HTMLEdsFeedbackElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFeedbackElement>>;
 export declare const EdsFooter: import("react").ForwardRefExoticComponent<JSX.EdsFooter & Omit<import("react").HTMLAttributes<HTMLEdsFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFooterElement>>;
 export declare const EdsForm: import("react").ForwardRefExoticComponent<JSX.EdsForm & Omit<import("react").HTMLAttributes<HTMLEdsFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFormElement>>;
+export declare const EdsFormV2: import("react").ForwardRefExoticComponent<JSX.EdsFormV2 & Omit<import("react").HTMLAttributes<HTMLEdsFormV2Element>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFormV2Element>>;
 export declare const EdsFrame: import("react").ForwardRefExoticComponent<JSX.EdsFrame & Omit<import("react").HTMLAttributes<HTMLEdsFrameElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFrameElement>>;
 export declare const EdsFullscreenMenu: import("react").ForwardRefExoticComponent<JSX.EdsFullscreenMenu & Omit<import("react").HTMLAttributes<HTMLEdsFullscreenMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsFullscreenMenuElement>>;
 export declare const EdsHeader: import("react").ForwardRefExoticComponent<JSX.EdsHeader & Omit<import("react").HTMLAttributes<HTMLEdsHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsHeaderElement>>;
@@ -29,6 +31,8 @@ export declare const EdsRating: import("react").ForwardRefExoticComponent<JSX.Ed
 export declare const EdsSectionCore: import("react").ForwardRefExoticComponent<JSX.EdsSectionCore & Omit<import("react").HTMLAttributes<HTMLEdsSectionCoreElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSectionCoreElement>>;
 export declare const EdsSectionHeading: import("react").ForwardRefExoticComponent<JSX.EdsSectionHeading & Omit<import("react").HTMLAttributes<HTMLEdsSectionHeadingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSectionHeadingElement>>;
 export declare const EdsSocialNetworks: import("react").ForwardRefExoticComponent<JSX.EdsSocialNetworks & Omit<import("react").HTMLAttributes<HTMLEdsSocialNetworksElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSocialNetworksElement>>;
+export declare const EdsSpinner: import("react").ForwardRefExoticComponent<JSX.EdsSpinner & Omit<import("react").HTMLAttributes<HTMLEdsSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSpinnerElement>>;
+export declare const EdsSplashScreen: import("react").ForwardRefExoticComponent<JSX.EdsSplashScreen & Omit<import("react").HTMLAttributes<HTMLEdsSplashScreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSplashScreenElement>>;
 export declare const EdsSteps: import("react").ForwardRefExoticComponent<JSX.EdsSteps & Omit<import("react").HTMLAttributes<HTMLEdsStepsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsStepsElement>>;
 export declare const EdsSwitch: import("react").ForwardRefExoticComponent<JSX.EdsSwitch & Omit<import("react").HTMLAttributes<HTMLEdsSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSwitchElement>>;
 export declare const EdsTable: import("react").ForwardRefExoticComponent<JSX.EdsTable & Omit<import("react").HTMLAttributes<HTMLEdsTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTableElement>>;
@@ -36,7 +40,6 @@ export declare const EdsTabs: import("react").ForwardRefExoticComponent<JSX.EdsT
 export declare const EdsTag: import("react").ForwardRefExoticComponent<JSX.EdsTag & Omit<import("react").HTMLAttributes<HTMLEdsTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTagElement>>;
 export declare const EdsTimeline: import("react").ForwardRefExoticComponent<JSX.EdsTimeline & Omit<import("react").HTMLAttributes<HTMLEdsTimelineElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTimelineElement>>;
 export declare const EdsToast: import("react").ForwardRefExoticComponent<JSX.EdsToast & Omit<import("react").HTMLAttributes<HTMLEdsToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsToastElement>>;
-export declare const EdsToastManager: import("react").ForwardRefExoticComponent<JSX.EdsToastManager & Omit<import("react").HTMLAttributes<HTMLEdsToastManagerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsToastManagerElement>>;
 export declare const EdsTooltip: import("react").ForwardRefExoticComponent<JSX.EdsTooltip & Omit<import("react").HTMLAttributes<HTMLEdsTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTooltipElement>>;
 export declare const EdsUser: import("react").ForwardRefExoticComponent<JSX.EdsUser & Omit<import("react").HTMLAttributes<HTMLEdsUserElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsUserElement>>;
 export declare const EdsVerticalStepper: import("react").ForwardRefExoticComponent<JSX.EdsVerticalStepper & Omit<import("react").HTMLAttributes<HTMLEdsVerticalStepperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsVerticalStepperElement>>;

package/star-0da9b5e9.esm.js

@@ -0,0 +1,5 @@
+const star = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
+  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
+</svg>`;
+
+export { star as s };

package/thumbs-down-a18fd049.esm.js

@@ -0,0 +1,5 @@
+const thumbsDown = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down-fill" viewBox="0 0 16 16">
+  <path d="M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.38 1.38 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51q.205.03.443.051c.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.9 1.9 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.856 0-.29-.036-.586-.113-.857a2 2 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.2 3.2 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28H8c-.605 0-1.07.08-1.466.217a4.8 4.8 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591"/>
+</svg>`;
+
+export { thumbsDown as t };

package/thumbs-up-c19a71bc.esm.js

@@ -0,0 +1,6 @@
+const thumbsUp = `<svg xmlns="http://www.w3.org/2000/svg" width="20"
+height="20" fill="currentColor" class="bi bi-hand-thumbs-up-fill" viewBox="0 0 16 16">
+  <path d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a10 10 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.2 3.2 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.8 4.8 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z"/>
+</svg>`;
+
+export { thumbsUp as t };

package/token-list_3.entry.esm.js

@@ -296,7 +296,7 @@ const TokenList = class {
       [this.show]: colors[this.show]
     } : colors;
     return h("section", {
-      key: '43d7e8b3192d4a2d596ca99a4dce072ea7387924',
+      key: 'bca88363ffc01f45526068bd95e96950a3920f0f',
       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: 'f5a5ae4bf9096ac5f9aa23e76e45e103a0867bf6',
       class: "w-full mt-28"
     }, h("ul", {
-      key: '7c81d0a9725565c4e2587369528568d640e7b1a3',
+      key: '54815bbb3e0dcdd381d711dedd126050813cf6c0',
       class: "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: '1b87e2999f2b29677869d9651181135566ba64ff',
       class: "w-full mt-28"
     }, h("ul", {
-      key: 'b258c50ab37a0445d523187c773e92f6569dd6ad',
+      key: '010dcbd18c54ee35dc402a26990a37cb0730c5b0',
       class: "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: 'a0af49b94d449dfe4b02f6fec8623504ad37d5b8',
       class: "w-full"
     }, h("eds-section-core", {
-      key: 'd6914b95ef74d590d58b0c90600fc44f5d9d6678',
+      key: '0e52b86dc5dc6dab5dba6d3ae3d902fbc2f93ef4',
       tag: "div",
       "section-title": "Aspect Ratios",
       "heading-level": "h3"
     }, h("ul", {
-      key: 'f08511f07380707795b810fd0f34c1acdc47d37d',
+      key: '5dc637b53903ebdb599693fe36b956c7d6008085',
       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: '356476122714281daec61c548440aebde6539707',
       class: "w-full"
     }, h("ul", {
-      key: '901ef03cdff10b00eb4c8bdbda083760fcde7f24',
+      key: '970f3773e8974095cc033f903f064184ce2efbf7',
       class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '330a1a3bae65fde46111f2213d25e436fd2a91cf',
+      key: '09633a00f33076131e1af2c84897fc5e427cb8fe',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '1d2a762f9cf33ea03af1d63892f9ab53293ee1e7',
+      key: '0f6fa253191124f68f38e252cbdd816b2e6a4fed',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'adb666cc7517d3bf05d3599c75adb94833522848',
+      key: '3ea0d517cda698486a86d84b08638e0571a83cbd',
       class: "spacing-sample m-32 bg-darker"
     }, h("span", {
-      key: 'b7b11b55a5ccc619c2aa9890d1051995ba9a22f7',
+      key: '705336858b45b26fc7949af2c06c7aa0caf06521',
       class: "text-white"
     }, "Margin: 2rem / m-32")))), h("li", {
-      key: '0cf9be1778f86479eca5db5d38964cdffeb4d336',
+      key: '0f6db988457ea76155bc8d0f7aa24a6a987b0faa',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '5327b962b290dcaf1479cee8a0ae4c85d195be6f',
+      key: '8eefc5b4f1c1decfb77d54b03ab3fd00a303142c',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '7ada04bb258adad1d06562a6f35d44fcfe21ab5a',
+      key: 'ee398d39118bf544bc6b02b4788b53f6625af2f8',
       class: "spacing-sample ml-64 bg-darker"
     }, h("span", {
-      key: '5b50ff36cd166f19704cc431ea607fa95fdfe2aa',
+      key: 'dfc2b6c02727298e8d307c26b00c77cbad7c741d',
       class: "text-white"
     }, "Margin Left: 4rem / ml-64")))), h("li", {
-      key: '93c162e7bd651e4e7876e9098327b5d0d6a14001',
+      key: 'f2f058f6576c56b4785675b173a5720bc8b8b5a2',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: 'baad427ed16e9f64f268cf4b5172426dee3fbf81',
+      key: '79b1d6d5d1a5adf9168d48f21917fd5a45921d4d',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '4e9cf544dd6ef7bace03d025a887e0c21b7fe3b4',
+      key: '037bc78f10b1aa70d8dd658d4d0f2f5c4689b9b4',
       class: "spacing-sample mt-32 bg-darker"
     }, h("span", {
-      key: '64858f80ac6535ad5d1f5e0dda7ed0b4ea61c9ba',
+      key: '44f1f4a3c85670448aa3888a28d9c977ca786f86',
       class: "text-white"
     }, "Margin Top: 2rem / mt-32")))), h("li", {
-      key: 'a5f0b462645727b11bdd874b7883cde9e3208e04',
+      key: '7c20e01a04b1d76d4dcffc14f4df75f5021ece20',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '90fd6d72e160d5e16088c715153370b53ba07e36',
+      key: '07a56f648b690e078b21070a55a605c02347d609',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: 'c46fbff19edc9b0389b3a3347e96846e8e01d0ea',
+      key: '231c4279bdae8065ef24fec89eecb78651e04611',
       class: "spacing-sample p-32 bg-darker"
     }, h("span", {
-      key: '0acbde0ab78642e37e25103260804a096cb9e996',
+      key: 'a07ed52edd29aa0aa6f6b3f246f5a9c0ae01a1d7',
       class: "text-white"
     }, "Padding: 2rem / p-32")))), h("li", {
-      key: 'cdb0d711cad94887bd001defe30f0334dd948d16',
+      key: '9d03ce15cd0d729158e95aa57cfa16ffc198d61f',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '6874126bd20267fdd9d0031002e24a71e0a39693',
+      key: '96166a0e3ecfd6c6a66c994964fa15bee8bde642',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '8ab168cab95089dffdc8bff3b9bb2f9cb1fc3832',
+      key: '5ab66866c84be4bce570f0b88893b897e9055975',
       class: "spacing-sample pt-32 bg-darker"
     }, h("span", {
-      key: '4366fbd79ce583f9399bc739da790b01759eb5ea',
+      key: '97a396c5d1411994f85e02da470c225a61ceecc3',
       class: "text-white"
     }, "Padding Top: 2rem / pt-32")))), h("li", {
-      key: 'affbabf8b1d8c4abdd61f51ac12cac4c5e3460a7',
+      key: '73e0a494873f0223be3631e317a0de839837c6c0',
       class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
     }, h("div", {
-      key: '6e9eae3de01dd4ff99b19fdfc62eb4a301d5071d',
+      key: 'b6d16c13e18c51a9e458beb6a09ba8363016f78f',
       class: "container p-8 item-center border-2 border-soft"
     }, h("div", {
-      key: '5e6788281bc9f57aab48cd768fa81fb98e1e31c3',
+      key: '31ecca8519713956f36adeab4ec9d948366ef60c',
       class: "spacing-sample pl-32 bg-darker"
     }, h("span", {
-      key: '8fe02840d35475a60536f13abf97bd98cb53b07e',
+      key: '5be84ed80ae0f13b350a69bced77af95ab9b9a12',
       class: "text-white"
     }, "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: 'a3e3710a2d2f37c3da3e6c1d17565ba8a2324843',
       class: "w-full"
     }, h("ul", {
-      key: '472e46f2c903597d24e8f24cf28b6f475c7d7a82',
+      key: '74e72785acae0c6f507d64f5121fee1ffdab7f49',
       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", {