@ebrains/react 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/color-primary-palette_6.entry.esm.js +106 -106
  2. package/components-section.entry.esm.js +1 -1
  3. package/correct-use-of-colors.entry.esm.js +33 -33
  4. package/docs-palettes.entry.esm.js +1 -1
  5. package/docs-tokens.entry.esm.js +1 -1
  6. package/{eds-accordion_52.entry.esm.js → eds-accordion_53.entry.esm.js} +281 -110
  7. package/eds-app-root.entry.esm.js +4 -4
  8. package/eds-cookies-preference.entry.esm.js +2 -2
  9. package/eds-feedback.entry.esm.js +5 -5
  10. package/eds-frame.entry.esm.js +4 -4
  11. package/eds-gauge.entry.esm.js +4 -4
  12. package/eds-gitlab-contributors.entry.esm.js +29 -18
  13. package/eds-icon-bluesky.entry.esm.js +1 -1
  14. package/eds-icon-eu.entry.esm.js +1 -1
  15. package/eds-icon-facebook.entry.esm.js +1 -1
  16. package/eds-icon-gitlab.entry.esm.js +1 -1
  17. package/eds-icon-linkedin.entry.esm.js +1 -1
  18. package/eds-icon-mastodon.entry.esm.js +1 -1
  19. package/eds-icon-twitter.entry.esm.js +1 -1
  20. package/eds-icon-youtube.entry.esm.js +1 -1
  21. package/eds-input-search.entry.esm.js +96 -0
  22. package/eds-modal.entry.esm.js +12 -8
  23. package/eds-section-core_2.entry.esm.js +5 -5
  24. package/eds-timeline.entry.esm.js +4 -4
  25. package/eds-toast-manager.entry.esm.js +1 -1
  26. package/eds-trl-badge.entry.esm.js +194 -0
  27. package/incorrect-use-of-colors.entry.esm.js +8 -8
  28. package/index.esm.js +1 -1
  29. package/index.esm2.js +13 -4
  30. package/logo-space.entry.esm.js +22 -22
  31. package/logo-variations-horizontal_2.entry.esm.js +20 -22
  32. package/logo-variations-tabs.entry.esm.js +1 -1
  33. package/logo-wrong-usage.entry.esm.js +25 -25
  34. package/package.json +1 -1
  35. package/src/components.d.ts +3 -0
  36. package/svg-repository.entry.esm.js +2 -2
  37. package/token-list_3.entry.esm.js +5 -5
  38. package/token-ratios.entry.esm.js +3 -3
  39. package/token-spacing.entry.esm.js +26 -26
  40. package/token-typography.entry.esm.js +2 -2
package/logo-variations-horizontal_2.entry.esm.js CHANGED
@@ -11,35 +11,35 @@ const LogoVariationsHorizontal = class {
11
11
  }
12
12
  render() {
13
13
  return h("div", {
14
- key: 'a7b635b81f06347ecf026f5102fff854275cd0a1',
14
+ key: '5011adf9e8af3aac24dca24120996b52643e601b',
15
15
  class: "container"
16
16
  }, h("ul", {
17
- key: '4d2289f7a8136374bf6cf876f1c7eba0ec2a9422',
17
+ key: '2b8d7d8ea5c09140279d199372dd06e336e78bc1',
18
18
  class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
19
19
  }, h("li", {
20
- key: 'e8d3dc755e9923ef57d4cb32876874c84d406620',
20
+ key: 'eaeac5d7de69e2b8a745d4961fb26cf411f4cf91',
21
21
  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"
22
22
  }, h("p", {
23
- key: 'd51a85c405e5c75f4184d72a81bd3b8e001293aa',
23
+ key: '44c29035848feb5380b5efb20b37e5f86d65314f',
24
24
  class: "f-body-01 text-center my-4"
25
25
  }, "#1 Positive"), h("div", {
26
- key: 'fd20af4231cf1e7ddf3878e1cd11aa2fcbdc36a3',
26
+ key: 'b438024e4b9fe2ede6e1d8193d5021f84d78baeb',
27
27
  class: "coloured"
28
28
  }, h("eds-logo", {
29
- key: 'be23d497a621c1b133521a365df483d0a753b4d7',
29
+ key: '196ccaa50454d4b26c14d7187736fec16f89349a',
30
30
  variant: "positive",
31
31
  href: "#"
32
32
  }))), h("li", {
33
- key: '6a330cea74757c1e3f6db14ef1c3ee6e8f998e23',
33
+ key: '9eb5bbaf4081f2265ea60d2d2099ca039f190389',
34
34
  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"
35
35
  }, h("p", {
36
- key: '87016c5c2d861900ed0bd2f0302e5969ee23822b',
36
+ key: '9b95ee3022aafc4c68ea8bed146dd3780b9ef4f2',
37
37
  class: "f-body-01 text-center my-4"
38
38
  }, "#2 Negative"), h("div", {
39
- key: 'd592916a66379e9dcafbd39ae6f0393207893e3a',
39
+ key: '137e1f0451b41bb66c36151e6967e14002bde4ac',
40
40
  class: "bg-default"
41
41
  }, h("eds-logo", {
42
- key: '78b0f667deb8e789166b7b9243d4ac246dd9b9ac',
42
+ key: '9d97fade01d3e8b59e69d4ba6758ee41f84ef571',
43
43
  variant: "negative",
44
44
  href: "#"
45
45
  })))));
@@ -56,37 +56,35 @@ const LogoVariationsVertical = class {
56
56
  }
57
57
  render() {
58
58
  return h("div", {
59
- key: '87d5bf852fe573878eabdd768aaf979de16c226e',
59
+ key: '67acdc82a0e7dbc0aa07e6607d31c81939ee5d7a',
60
60
  class: "container"
61
61
  }, h("ul", {
62
- key: 'd9e47765d5e27f53dc8ced19fa954cd573e76856',
62
+ key: '8c7eb2ee978a402cd85c570e61eb523721dffdd9',
63
63
  class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
64
64
  }, h("li", {
65
- key: '6b7ac8948438ede5dc01365511244e9858b2848b',
65
+ key: 'f6620aaf501e6dc5168e5d0d2baa238ce82680fa',
66
66
  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"
67
67
  }, h("p", {
68
- key: 'e4fce7db514e0741507b6a37cb7bf47d89047929',
68
+ key: 'abeb6b64713250a61476e2947dae5490ca18afea',
69
69
  class: "f-body-01 text-center my-4"
70
70
  }, "#1 Positive"), h("div", {
71
- key: '787af1c40ebac015c1a57391ab3959e691bd8dd3',
71
+ key: '825f3020ce0e73ac80b78e2bbb898c26cb1d2190',
72
72
  class: "mx-auto coloured w-[300px]"
73
73
  }, h("eds-logo", {
74
- key: '0e0d4dcea468625e374959d5c2762d8f7ce19e70',
75
- orientation: "vertical",
74
+ key: '6aaa41b6beaf9fbcdcce1c6f3130a4db3c97afb4',
76
75
  variant: "positive",
77
76
  href: "#"
78
77
  }))), h("li", {
79
- key: '77860d576cac3f5e71d728dee804c812fe6e430d',
78
+ key: '91db370167cecb19689bc2b13d7155a906d14a12',
80
79
  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"
81
80
  }, h("p", {
82
- key: 'f598d729ae5436b5777df79135d585378e5e7725',
81
+ key: 'b44bf3c628adf0d1f5ca3c1e9dc48e5a6b09a9ee',
83
82
  class: "f-body-01 text-center my-4"
84
83
  }, "#2 Negative"), h("div", {
85
- key: '860b8539372eebd327c56b5d127203b93a7ae3b8',
84
+ key: '3e9ffec9903d8cfdb38ca64c8a69c201024f593d',
86
85
  class: "mx-auto bg-default w-[300px]"
87
86
  }, h("eds-logo", {
88
- key: '6bc89e4a6fc56125b14dec7079108eef51c961a7',
89
- orientation: "vertical",
87
+ key: 'cfb79e36eb78bd046c783cc4f210febfe30e28e9',
90
88
  variant: "negative",
91
89
  href: "#"
92
90
  })))));
package/logo-variations-tabs.entry.esm.js CHANGED
@@ -20,7 +20,7 @@ const LogoVariationsTabs = class {
20
20
  }
21
21
  render() {
22
22
  return h("div", {
23
- key: '744c1ba1e806d2659fa2d409c2e2314d02c5d911',
23
+ key: '5be7df6877ce83e4cdf3652b6e66640e90fb3081',
24
24
  class: "container"
25
25
  }, this.renderContent());
26
26
  }
package/logo-wrong-usage.entry.esm.js CHANGED
@@ -12,86 +12,86 @@ const LogoWrongUsage = class {
12
12
  }
13
13
  render() {
14
14
  return h("div", {
15
- key: '1998b8e5086ba4cd17fdc27727349b9d638664b1',
15
+ key: 'f2917e2a6ea6fb5e2eb31dd1bc915a20256ff676',
16
16
  class: "container"
17
17
  }, h("ul", {
18
- key: '84771834b81ff0714a75e1e61b9a1162e3bc639d',
18
+ key: 'd80a9c848c64f2603fa0aef5dd6cde3e9947eb64',
19
19
  class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
20
20
  }, h("li", {
21
- key: '4deb145d27c43db40acbd03ef90e1a66fad22f09',
21
+ key: 'acbdc5eba5aa42a629e0af955b8b05b693c04280',
22
22
  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"
23
23
  }, h("div", {
24
- key: '801e579cd87168a51d00c78f6808a1413d689564',
24
+ key: 'ee377c6fc03df3ea4d36de8f488ff0e3d01795f0',
25
25
  class: "mx-auto no-other-bg-color logo",
26
26
  innerHTML: logoPositive
27
27
  }), h("p", {
28
- key: '591ecf90d303b7302f0431a3099f64f67ec96c1b',
28
+ key: 'ff57d7ac90e5dc0fd03aa3cce651f8a7b05f4215',
29
29
  class: "f-ui-02 text-center"
30
30
  }, "Do not use with backgrounds that make legibility difficult")), h("li", {
31
- key: 'bedfff759e45149bd7df138736b2cc9f172ee41c',
31
+ key: '39ff08699d8640290f529f2bf3bee718770f452a',
32
32
  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"
33
33
  }, h("div", {
34
- key: '643ea5b43c95f107f8fc8b0c8ea8234d4e09ba9d',
34
+ key: '9f718c4ff9148444c2b039c4afba117fd84959bf',
35
35
  class: "mx-auto no-other-color logo non-brand-color",
36
36
  innerHTML: logoPositive
37
37
  }), h("p", {
38
- key: 'b9fd83f7586a7fa02d86651ba26acbda08e63394',
38
+ key: '263702a71e19f66e5e133d50ff5a05d78334aa22',
39
39
  class: "f-ui-02 text-center"
40
40
  }, "Do not apply other colors")), h("li", {
41
- key: '986534ff326d2ef3dd80136d151c46c98ccc8921',
41
+ key: '18261985b96396ab2b6fc2a782acd101565756de',
42
42
  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"
43
43
  }, h("div", {
44
- key: '146c299a032bf9907e2bbc8fe72eaeb738cf0458',
44
+ key: 'f6cd02054601479517153821e15c51c07aac549d',
45
45
  class: "mx-auto distorted logo",
46
46
  innerHTML: logoPositive
47
47
  }), h("p", {
48
- key: '6ddc987cca3e13ce381572d3aa51a94c7cdbc2be',
48
+ key: 'cdfd4f9640d3f85a96f194b146a63ff39fb02be6',
49
49
  class: "f-ui-02 text-center"
50
50
  }, "Do not deform the logo")), h("li", {
51
- key: '23a471ac8dbda371bf4ba704563305c7c03680b3',
51
+ key: '609660c30557cebaa4798f7f13706cf62c5985ce',
52
52
  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"
53
53
  }, h("div", {
54
- key: 'c6732fff82bc642cd0885e721a8686041809ffb7',
54
+ key: '80c7f31b812f42ae2de7ab04e8ab237bd09d5951',
55
55
  class: "mx-auto effects logo",
56
56
  innerHTML: logoPositive
57
57
  }), h("p", {
58
- key: '463d5c2c43d8c5ec1d4abce3419bc3c66bfa02b6',
58
+ key: 'a0ef2f9c5358be703f6e997bf7f2d865ac7e743b',
59
59
  class: "f-ui-02 text-center"
60
60
  }, "Do not apply effects")), h("li", {
61
- key: 'c67c213f34b69089e3cbc0df3e9188b44cc9d9cf',
61
+ key: '52d87ca2b6fc2bd650f5051dae0a98a54b9c8681',
62
62
  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"
63
63
  }, h("div", {
64
- key: '58170477b47eec084e009c953a7216c5ed94a3b9',
64
+ key: '78af2276be724f7e989ad46698de80679759d614',
65
65
  class: "mx-auto rotated logo",
66
66
  innerHTML: logoPositive
67
67
  }), h("p", {
68
- key: '18e2732bb758ae840dcd15e1ef678496afa2cc3b',
68
+ key: '8fe1680390e358afd2febdac98a5b91f043e3ce3',
69
69
  class: "f-ui-02 text-center"
70
70
  }, "Do not rotate the logo")), h("li", {
71
- key: '6c829569009467ee5092a6a426d87e1c3399ca29',
71
+ key: 'dc503648d2ed6aa8b116cd5a3bdcfcf8fdabbe7c',
72
72
  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"
73
73
  }, h("div", {
74
- key: '1d66177dd3a30386ee64bafea9026bf16cf80225',
74
+ key: 'b33e68a6e1ea1a21cab8832b46fc8a6305151edf',
75
75
  class: "mx-auto outlined logo",
76
76
  innerHTML: logoPositive
77
77
  }), h("p", {
78
- key: '4c8e35fa52ef575ab6535dc219710ea356a2e1a3',
78
+ key: '59f356aa9af489175849716b43903567acbb202d',
79
79
  class: "f-ui-02 text-center"
80
80
  }, "Do not apply outlines")), h("li", {
81
- key: '7dc465eaeb42991d4d3066ac0a35a0a5fee929f5',
81
+ key: '9754f0dc1a175ede68a9caf494d2e603e06f9bf1',
82
82
  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"
83
83
  }, h("div", {
84
- key: '0f9de8fcd64ed34040f24bbfd38c640593a7a74b',
84
+ key: '1636ab42d0f934b54e44b55c67f99c6f936b02d5',
85
85
  class: "mx-auto"
86
86
  }, h("div", {
87
- key: '9f77a72a22b0dcbbdd112816f4a02b991df5d3b1',
87
+ key: '710300090e0862499e6d712b1155275a1a58ea18',
88
88
  class: "bg-accent p-16"
89
89
  }, h("div", {
90
- key: '1356eccbf5510a3831e9cbd09b582c38fc68a479',
90
+ key: '71792d037786e7cd5321e969fca8421422daa387',
91
91
  class: "text-inverse",
92
92
  innerHTML: logoPositive
93
93
  })), h("p", {
94
- key: 'ce32a58d2bccf82202da47d8cc0ac01642e8436a',
94
+ key: '185980c11a566e4ad84dfbf5d0c063f1730b2f3b',
95
95
  class: "f-ui-02 text-center"
96
96
  }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
97
97
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebrains/react",
3
- "version": "3.0.0",
3
+ "version": "3.2.0",
4
4
  "module": "./index.esm.js",
5
5
  "type": "module",
6
6
  "main": "./index.esm.js",
package/src/components.d.ts CHANGED
@@ -26,6 +26,7 @@ export declare const EdsInputField: import("react").ForwardRefExoticComponent<JS
26
26
  export declare const EdsInputFile: import("react").ForwardRefExoticComponent<JSX.EdsInputFile & Omit<import("react").HTMLAttributes<HTMLEdsInputFileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsInputFileElement>>;
27
27
  export declare const EdsInputFooter: import("react").ForwardRefExoticComponent<JSX.EdsInputFooter & Omit<import("react").HTMLAttributes<HTMLEdsInputFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsInputFooterElement>>;
28
28
  export declare const EdsInputLabel: import("react").ForwardRefExoticComponent<JSX.EdsInputLabel & Omit<import("react").HTMLAttributes<HTMLEdsInputLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsInputLabelElement>>;
29
+ export declare const EdsKgLearningResources: import("react").ForwardRefExoticComponent<JSX.EdsKgLearningResources & Omit<import("react").HTMLAttributes<HTMLEdsKgLearningResourcesElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsKgLearningResourcesElement>>;
29
30
  export declare const EdsKgWebServicesSelect: import("react").ForwardRefExoticComponent<JSX.EdsKgWebServicesSelect & Omit<import("react").HTMLAttributes<HTMLEdsKgWebServicesSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsKgWebServicesSelectElement>>;
30
31
  export declare const EdsLink: import("react").ForwardRefExoticComponent<JSX.EdsLink & Omit<import("react").HTMLAttributes<HTMLEdsLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsLinkElement>>;
31
32
  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>>;
@@ -36,6 +37,7 @@ export declare const EdsPagination: import("react").ForwardRefExoticComponent<JS
36
37
  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>>;
37
38
  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>>;
38
39
  export declare const EdsRating: import("react").ForwardRefExoticComponent<JSX.EdsRating & Omit<import("react").HTMLAttributes<HTMLEdsRatingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsRatingElement>>;
40
+ export declare const EdsSearchSelect: import("react").ForwardRefExoticComponent<JSX.EdsSearchSelect & Omit<import("react").HTMLAttributes<HTMLEdsSearchSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSearchSelectElement>>;
39
41
  export declare const EdsSidebar: import("react").ForwardRefExoticComponent<JSX.EdsSidebar & Omit<import("react").HTMLAttributes<HTMLEdsSidebarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsSidebarElement>>;
40
42
  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>>;
41
43
  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>>;
@@ -48,4 +50,5 @@ export declare const EdsTabs: import("react").ForwardRefExoticComponent<JSX.EdsT
48
50
  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>>;
49
51
  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>>;
50
52
  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>>;
53
+ export declare const EdsTrlBadge: import("react").ForwardRefExoticComponent<JSX.EdsTrlBadge & Omit<import("react").HTMLAttributes<HTMLEdsTrlBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLEdsTrlBadgeElement>>;
51
54
  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>>;
package/svg-repository.entry.esm.js CHANGED
@@ -67,10 +67,10 @@ const SvgRepository = class {
67
67
  }
68
68
  };
69
69
  return h("div", {
70
- key: 'b531a1f93b32fbf4aba94d7a4aa68f7f4202a8e6',
70
+ key: '623499f3d4e926067be51c7049442ea1d0782439',
71
71
  class: "full-width"
72
72
  }, h("eds-table", {
73
- key: 'a66b06f5d08c39db1d63af2194455273b3ae172b',
73
+ key: 'cec77964e4c9c9e0876f2db6e5a199220be58b7c',
74
74
  "table-data": JSON.stringify(svgData),
75
75
  config: JSON.stringify(tableConfig),
76
76
  "rows-per-page": 10,
package/token-list_3.entry.esm.js CHANGED
@@ -308,7 +308,7 @@ const TokenList = class {
308
308
  [this.show]: colors[this.show]
309
309
  } : colors;
310
310
  return h("section", {
311
- key: 'b95825988f64556481b66203bcd8fb281b88d2a9',
311
+ key: 'de737cb2dcf5942c1e4a8b67bf5c757c9ca6564b',
312
312
  class: "w-full mt-28"
313
313
  }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
314
314
  // Only render sections that exist in `colors`
@@ -329,10 +329,10 @@ const TokenRadii = class {
329
329
  }
330
330
  render() {
331
331
  return h("section", {
332
- key: '8b1c08f1c32236156eea1d1d1f78a9bad3a202cb',
332
+ key: '199f8893d44b2c1087056d8c6d922652e08d78bd',
333
333
  class: "w-full mt-28"
334
334
  }, h("ul", {
335
- key: 'b995ce086b3c9b7796f161c29bd206534a3e5316',
335
+ key: '175e5d717cb3e8a2ef32d3ace1a37fa3b305fda2',
336
336
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
337
337
  }, Object.entries(radii).map(([key, value]) => h("li", {
338
338
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
@@ -386,10 +386,10 @@ const TokenShadows = class {
386
386
  }
387
387
  render() {
388
388
  return h("section", {
389
- key: '60745a5eb31e7ce043c3d69cd8246b752cd66520',
389
+ key: '178756bcd7a0192ed59e4cca5850529ed79d14ff',
390
390
  class: "w-full mt-28"
391
391
  }, h("ul", {
392
- key: '4c8ce259916cf36fc240c0ae3f22d32571a919f8',
392
+ key: 'f50430eca17728500d9bf3a074530f29e02708fb',
393
393
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
394
394
  }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => h("li", {
395
395
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"
package/token-ratios.entry.esm.js CHANGED
@@ -17,15 +17,15 @@ const TokenRatios = class {
17
17
  }
18
18
  render() {
19
19
  return h("section", {
20
- key: '9ab666342a801e51b3a75c979bceadccf4d9736e',
20
+ key: '0f19e93b3841aa49c36e1195c25b01aa445158ce',
21
21
  class: "w-full"
22
22
  }, h("eds-section-core", {
23
- key: '4eea7a8b3b8e3b0404108345756d11806ea2805d',
23
+ key: '750e15f4957fa7b0d0e050be22a5fcc06d947203',
24
24
  tag: "div",
25
25
  "section-title": "Aspect Ratios",
26
26
  "heading-level": "h3"
27
27
  }, h("ul", {
28
- key: 'faa065acac9bce28073f709d147c9b2725150da5',
28
+ key: '217447bc36c9ce0ccd309d0712711e30f704f5ef',
29
29
  class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
30
30
  }, Object.entries(ratios).map(([key, value]) => h("li", {
31
31
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
package/token-spacing.entry.esm.js CHANGED
@@ -9,82 +9,82 @@ const TokenSpacing = class {
9
9
  }
10
10
  render() {
11
11
  return h("div", {
12
- key: '8ebe0d888150e5fefd1d3047cc82548f12f47f9f',
12
+ key: '21c919b5124094eb34f820327f439c0198758b2a',
13
13
  class: "w-full"
14
14
  }, h("ul", {
15
- key: 'c57af77dfb437bafaf060a6c6ebece84c4683409',
15
+ key: '9dea1c4eb37380b4cf00c1e2b4ccc3b69eca5536',
16
16
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
17
17
  }, h("li", {
18
- key: '6ca948268bd07e50409334b84eeeb362287f131e',
18
+ key: 'bf719062fc2724411a54076a272acf4d06f8cdad',
19
19
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
20
20
  }, h("div", {
21
- key: '0f33f8feec6657d21a4e4a1973d4c46cf4f6c526',
21
+ key: '6bab4e4c52e273faead36180c744593c5365d012',
22
22
  class: "container p-8 item-center border-2 border-soft"
23
23
  }, h("div", {
24
- key: '194c9d5367c75c35f021d0b5c64601a72d1141fd',
24
+ key: 'b1327b6ce1ccca9f3ea64cc5eac0987a76209e04',
25
25
  class: "spacing-sample m-16 bg-strong"
26
26
  }, h("span", {
27
- key: '252af2371d58a8364718210563b7aa9a76a551a6',
27
+ key: '188476bd66a4dff9fa395275088ef94c92f2afca',
28
28
  class: "f-body-01 text-inverse"
29
29
  }, "Margin: 1rem / m-16")))), h("li", {
30
- key: '833a8373bbe4db4514c84d4e299e2103b37bc75e',
30
+ key: '8ba0cdfbde803aa803b21641e4c15917ccbd8988',
31
31
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
32
32
  }, h("div", {
33
- key: 'd364398230aca7af47273a654a8f138d70361c75',
33
+ key: 'b1b88688a7ff18ac204d49c0536875c0b5a717ab',
34
34
  class: "container p-8 item-center border-2 border-soft"
35
35
  }, h("div", {
36
- key: '707e0b62f500c16dc2d72da8e0bd85adabd7280b',
36
+ key: 'b72362f8a8460253e39927f1efde1115aed0a873',
37
37
  class: "spacing-sample ml-64 bg-strong"
38
38
  }, h("span", {
39
- key: '846c07af2613e90c3acd1fa66aa422db14a95526',
39
+ key: '156be8010b2a809d71354ba28c7908f4fe58064f',
40
40
  class: "f-body-01 text-inverse"
41
41
  }, "Margin Left: 4rem / ml-64")))), h("li", {
42
- key: '107899eab78bbb70f62b0aa2df8573f7a940024c',
42
+ key: '228d4fecc2d4b7f5958048d0d15c548455287392',
43
43
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
44
44
  }, h("div", {
45
- key: 'fb007ac46524cfda56c1033869b3fd7edeec96b8',
45
+ key: '9c92a7fe82b51896bc1ee2462f66efa9251c2fcc',
46
46
  class: "container p-8 item-center border-2 border-soft"
47
47
  }, h("div", {
48
- key: '4312aaa901f7ad1075056517b2d8b0902e708aec',
48
+ key: '7059294203bace35afd2ed57b77807e2db806219',
49
49
  class: "spacing-sample mt-32 bg-strong"
50
50
  }, h("span", {
51
- key: '62a87119afea530831e3bcbb45da16f3a3cfb1b8',
51
+ key: '2e8ec24a3c550ca536a5701c04e0bed7844bc297',
52
52
  class: "f-body-01 text-inverse"
53
53
  }, "Margin Top: 2rem / mt-32")))), h("li", {
54
- key: '279e6f5af470cf3f969c37f715def542e4d13140',
54
+ key: 'd79846088a37e1f03a409d11ba69b3ff3cafa5dd',
55
55
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
56
56
  }, h("div", {
57
- key: '057bcacd976a4d7f0a69ccba3b469e79f6e8c86a',
57
+ key: '0bd8e24e7369fd83c3de2fe7e841c0f3e97cd80b',
58
58
  class: "container p-8 item-center border-2 border-soft"
59
59
  }, h("div", {
60
- key: '379423e5ef1b3f5be2a322493266305f2cf46b9d',
60
+ key: 'c502d2567fb9dc49516390a9a8405c31ab324f0a',
61
61
  class: "spacing-sample p-32 bg-strong"
62
62
  }, h("span", {
63
- key: 'a3bd9db6ab5dd4f6204d5009c4328f617f44b78c',
63
+ key: '6f07cec99d6fe8c32053ca3c407c336c7a40a64c',
64
64
  class: "f-body-01 text-inverse"
65
65
  }, "Padding: 2rem / p-32")))), h("li", {
66
- key: '526411b8ab854f67873964446dee7191949f5d54',
66
+ key: 'f6ddca79e1ab773c7a2f64653fbae0d49c03e071',
67
67
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
68
68
  }, h("div", {
69
- key: 'c30d0c423a4d3104ca8736fbd2c0de5159ac8f2d',
69
+ key: 'bad00c444c75c5a458f66f8b480b69263e9d1548',
70
70
  class: "container p-8 item-center border-2 border-soft"
71
71
  }, h("div", {
72
- key: '93e0422c2304a0d3a158ba086aa9235a05d621f0',
72
+ key: 'd889c0216ded4bc9fce48d68ab7d8008bf9bd045',
73
73
  class: "spacing-sample pt-32 bg-strong"
74
74
  }, h("span", {
75
- key: 'dca707847134a421d60930307613a6528a009f9d',
75
+ key: '3b00250165aeb560641e99b5859266f1cecd7baf',
76
76
  class: "f-body-01 text-inverse"
77
77
  }, "Padding Top: 2rem / pt-32")))), h("li", {
78
- key: 'a132977bdf19ba79401ccc05f248711eb2793497',
78
+ key: '53077e307812a3d15f534070e4ceb8dd39e22255',
79
79
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
80
80
  }, h("div", {
81
- key: '2fad0e796528bce6c021cbb9d3036d4a23226b82',
81
+ key: '9e7e1a60ef73524b630845bc686e9a44714c6de7',
82
82
  class: "container p-8 item-center border-2 border-soft"
83
83
  }, h("div", {
84
- key: 'be02958fc44ca651c348078dfc84fabbe92afaa1',
84
+ key: 'c8e3e113b805376f03f9ffe2f2afa985f5e19739',
85
85
  class: "spacing-sample pl-32 bg-strong"
86
86
  }, h("span", {
87
- key: '6c94b77b470a1dd9de4dad7a6900d2e053236f52',
87
+ key: '924878b9f3c36c8b83112ed93ba354527037f6bd',
88
88
  class: "f-body-01 text-inverse"
89
89
  }, "Padding Left: 2rem / pl-32"))))));
90
90
  }
package/token-typography.entry.esm.js CHANGED
@@ -232,10 +232,10 @@ const TokenTypography = class {
232
232
  }
233
233
  render() {
234
234
  return h("section", {
235
- key: 'a3698b57da5e26052bf013daef956ff5f9e0bd1c',
235
+ key: 'cfb9e2e38963772af466109521bbaedbf5852e2a',
236
236
  class: "w-full"
237
237
  }, h("ul", {
238
- key: '924a82c721a636370a15e7a47ca73264c8e1d30e',
238
+ key: '452fa03a44c1082ae4c260245b7dcb2df308ef4f',
239
239
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
240
240
  }, Object.entries(typography.typesets).filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
241
241
  .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => h("li", {