@ebrains/react 2.1.0 → 2.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 (66) hide show
  1. package/color-primary-palette_6.entry.esm.js +106 -106
  2. package/components-section.entry.esm.js +3 -7
  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/download-47746956.esm.js +18 -0
  7. package/{eds-accordion_33.entry.esm.js → eds-accordion_34.entry.esm.js} +49 -46
  8. package/eds-app-root.entry.esm.js +4 -4
  9. package/eds-cookies-preference.entry.esm.js +2 -2
  10. package/eds-feedback.entry.esm.js +5 -5
  11. package/eds-footer.entry.esm.js +12 -14
  12. package/eds-frame.entry.esm.js +4 -4
  13. package/eds-fullscreen-menu.entry.esm.js +8 -3
  14. package/eds-icon-bluesky.entry.esm.js +1 -1
  15. package/eds-icon-download.entry.esm.js +21 -0
  16. package/eds-icon-draft.entry.esm.js +1 -1
  17. package/eds-icon-edit.entry.esm.js +1 -1
  18. package/eds-icon-eu.entry.esm.js +1 -1
  19. package/eds-icon-external.entry.esm.js +1 -1
  20. package/eds-icon-facebook.entry.esm.js +1 -1
  21. package/eds-icon-gitlab.entry.esm.js +1 -1
  22. package/eds-icon-linkedin.entry.esm.js +1 -1
  23. package/eds-icon-loader.entry.esm.js +1 -1
  24. package/eds-icon-mastodon.entry.esm.js +1 -1
  25. package/eds-icon-menu.entry.esm.js +1 -1
  26. package/eds-icon-minus.entry.esm.js +1 -1
  27. package/eds-icon-more.entry.esm.js +1 -1
  28. package/eds-icon-paper.entry.esm.js +1 -1
  29. package/eds-icon-plus.entry.esm.js +1 -1
  30. package/eds-icon-portal.entry.esm.js +1 -1
  31. package/eds-icon-private.entry.esm.js +1 -1
  32. package/eds-icon-public.entry.esm.js +1 -1
  33. package/eds-icon-search.entry.esm.js +1 -1
  34. package/eds-icon-star.entry.esm.js +1 -1
  35. package/eds-icon-start.entry.esm.js +1 -1
  36. package/eds-icon-success.entry.esm.js +1 -1
  37. package/eds-icon-thumbs-down.entry.esm.js +1 -1
  38. package/eds-icon-thumbs-up.entry.esm.js +1 -1
  39. package/eds-icon-tutorial.entry.esm.js +1 -1
  40. package/eds-icon-twitter.entry.esm.js +1 -1
  41. package/eds-icon-unknown.entry.esm.js +1 -1
  42. package/eds-icon-updown.entry.esm.js +1 -1
  43. package/eds-icon-user.entry.esm.js +1 -1
  44. package/eds-icon-view.entry.esm.js +1 -1
  45. package/eds-icon-youtube.entry.esm.js +1 -1
  46. package/eds-modal.entry.esm.js +8 -8
  47. package/eds-progress-bar.entry.esm.js +4 -4
  48. package/eds-section-core_2.entry.esm.js +5 -5
  49. package/eds-social-networks.entry.esm.js +7 -8
  50. package/eds-spinner.entry.esm.js +4 -4
  51. package/eds-timeline.entry.esm.js +4 -4
  52. package/eds-toast-manager.entry.esm.js +1 -1
  53. package/eds-trl.entry.esm.js +2 -2
  54. package/incorrect-use-of-colors.entry.esm.js +8 -8
  55. package/index.esm2.js +6 -6
  56. package/logo-space.entry.esm.js +9 -9
  57. package/logo-variations-horizontal_2.entry.esm.js +28 -28
  58. package/logo-variations-tabs.entry.esm.js +1 -1
  59. package/logo-wrong-usage.entry.esm.js +25 -25
  60. package/package.json +1 -1
  61. package/svg-repository.entry.esm.js +3 -18
  62. package/token-list_3.entry.esm.js +5 -5
  63. package/token-ratios.entry.esm.js +3 -3
  64. package/token-spacing.entry.esm.js +26 -26
  65. package/token-typography.entry.esm.js +2 -2
  66. package/eds-tooltip.entry.esm.js +0 -47
@@ -34,18 +34,18 @@ const EdsAppRoot = class {
34
34
  }
35
35
  render() {
36
36
  return h("div", {
37
- key: '36bb7790b9e035749548410ba1d54092c7a40810'
37
+ key: '01c80f8c47f13066a4b9e6978951c2a264efbd15'
38
38
  }, h("eds-splash-screen", {
39
- key: '7be473b1c48f0ab2549077d7619a1dbd3a1fd90c',
39
+ key: 'bb17fc106515c71c7d70196a933301987c69ae4b',
40
40
  inverse: true,
41
41
  initPromise: this.combinedInitPromise
42
42
  }), h("eds-login", {
43
- key: '824affc8c670317f2c1b8a22b9fe6223a477d364',
43
+ key: 'dbedc547296adc5ca8c9c9ff3e7c85e33e104e92',
44
44
  "keycloak-url": "http://localhost:8080",
45
45
  "keycloak-realm": "nigeor-realm",
46
46
  "keycloak-client-id": "stencil-app"
47
47
  }), h("main", {
48
- key: 'c5f6f9dae8608a49d3c47139f33735236a65091c'
48
+ key: '24ce16d73eb316e5fdbc0a3bdd16b44cc6a740a4'
49
49
  }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in.")));
50
50
  }
51
51
  };
@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
29
29
  }
30
30
  render() {
31
31
  return h("div", {
32
- key: '76c90b0245f703ffd80e9aa8ccc587c74b813df2'
32
+ key: '030dd5db2221d5613fae0fb215cac7c20c815c2b'
33
33
  }, h("eds-link", {
34
- key: '5df4bcf1261c5afb610576e72720e0689cb2eb21',
34
+ key: '61d1bdf5e4299e65d980a08d25bec93b089f5330',
35
35
  size: "small",
36
36
  intent: this.intent,
37
37
  label: this.buttonText,
@@ -61,20 +61,20 @@ const EdsFeedback = class {
61
61
  const levelNum = this.headingLevel.replace('h', '');
62
62
  const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
63
63
  return h("div", {
64
- key: '5e1c1694270cd7504ca8ba942b6f108af5f0572e',
64
+ key: '58d69e0acbaca740439666bb9da015eaa81d160a',
65
65
  class: "grid inline"
66
66
  }, h(HeadingTag, {
67
- key: 'da068fd8d6fb9e9789472c418896688e40ab9d32',
67
+ key: 'f7b066a56636e6555ace1b4947e00c293961b4ca',
68
68
  class: headingClass
69
69
  }, this.label), h("p", {
70
- key: '5f896de20bc86c5f3b6596f1d73a3ef8419d8c56',
70
+ key: '9bfb1903e25ba6c1d53849874f3309845c1b86dc',
71
71
  class: "f-body-01 text-light"
72
72
  }, this.description), h("eds-rating", {
73
- key: '4909638b6f5cec693075285f99f6881541c09d29',
73
+ key: '785ea01ac3d2f40bb148d52c9c18698c89424175',
74
74
  "rating-type": this.type,
75
75
  "rating-count": this.count
76
76
  }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
77
- key: 'cdafafb8e206ecc4bbb74edc16de94a5c26defc9',
77
+ key: '16d5b1ab0ab56a5e320a878f8259dc643b533e16',
78
78
  class: "f-ui-04 text-lighter"
79
79
  }, this.parsedMappings[this.selectedRating - 1]));
80
80
  }
@@ -53,12 +53,10 @@ const EdsFooter = class {
53
53
  * Renders the footer component with optional sections and elements,
54
54
  * including social network links, a Horizon Europe funding acknowledgment, and
55
55
  * legal links such as "Cookies Preferences" and copyright information.
56
- *
57
- * @returns {JSX.Element} The rendered JSX for the footer component.
58
56
  */
59
57
  render() {
60
58
  return h("footer", {
61
- key: '4912d7994a636d5159d863339f0119e7b6bb1bc3'
59
+ key: '844c47f7e5119a577b03d1bf4bb598e891d7f8c7'
62
60
  }, this.social ? h("div", {
63
61
  class: "border-softest border-t-2 pt-20 md:pt-28"
64
62
  }, h("div", {
@@ -70,39 +68,39 @@ const EdsFooter = class {
70
68
  }, h("eds-social-networks", {
71
69
  class: "mt-28"
72
70
  }))))) : null, h("div", {
73
- key: 'fb1db2c19f29a0fd1474565759992be78c404251',
71
+ key: '0a6f03f13cf5513758740ce6f3d3357cac413826',
74
72
  class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
75
73
  }, h("div", {
76
- key: 'c7c6c6eb43f2ccb00df8b05247120763b3f665d3',
74
+ key: '1751d052c529e46de47bbe09ef24621b546b1514',
77
75
  class: "container flex items-center gap-20 lg:flex-nowrap"
78
76
  }, h("div", {
79
- key: '45a29c7988edbf99ef5573dc77c9cc9a22faa666',
77
+ key: '86b3c5fac384d1ae0f310d43f9a4492ce96866cf',
80
78
  class: "flex items-center gap-x-12"
81
79
  }, h("a", {
82
- key: '0fbc8e7d275a07af6da8b520bddf62f4c13aecac',
80
+ key: '7fed16c8a7bb7c15ea59438427987303a5a0ae14',
83
81
  target: "_blank",
84
82
  rel: "noopener noreferrer",
85
83
  class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",
86
84
  href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en",
87
85
  "aria-label": "Learn about Horizon Europe funding"
88
86
  }, h("eds-img", {
89
- key: 'ec9e972f19d34cb13ea2022ab09ab6373d54be27',
87
+ key: '491b2691d011359df1dc24a2408347574a893ca8',
90
88
  width: 54,
91
89
  height: 41,
92
90
  src: "https://www.ebrains.eu/flags/4x3/eu.svg",
93
91
  alt: "European Union Flag"
94
92
  }))), h("div", {
95
- key: '0281a7e09166bbd2e02913467fe3235585d0bf0a'
93
+ key: '50e5d853ee86066c932dd5fa3f04706d21b0d3aa'
96
94
  }, h("div", {
97
- key: '97b96a7f6718cbc79ff98874e5dc90d6e1ed614e',
95
+ key: 'ba36e26f29e1aee7d7da4cd91235419b18ab813a',
98
96
  class: "f-ui-04 text-light"
99
97
  }, h("p", {
100
- key: '810b11a720bdcb92ce587a125ac8d026f31e9872'
98
+ key: '120302d9cdad309da91bcd9f82e81f707f5f5b48'
101
99
  }, this.fundedBy), h("div", {
102
- key: '2973f13cc831fa3d1131b182958fa425b94897fd',
100
+ key: '222a27fb7f085750312654c11d03793f02e29676',
103
101
  class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
104
102
  }, h("span", {
105
- key: 'b4cb01b0601c8117ae427fc5ab9c43c20edc6536',
103
+ key: '56db11dc4295c21c5e9d54cbc5568c5889f2dbb9',
106
104
  class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
107
105
  }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? h("eds-link", {
108
106
  label: this.cookiesPreferences,
@@ -112,7 +110,7 @@ const EdsFooter = class {
112
110
  this.toggleCookiesConsent();
113
111
  }
114
112
  }) : null))), h("div", {
115
- key: 'd0b26e1911f55b44fb8a5253bab62b8db9141411',
113
+ key: '221f15b6c92e91835dcc2efa3d2247b055690a22',
116
114
  class: "ml-auto pl-12"
117
115
  }, this.enableScrollTop ? h("div", {
118
116
  id: "toTop",
@@ -73,13 +73,13 @@ const EdsFrame = class {
73
73
  }
74
74
  render() {
75
75
  return h("div", {
76
- key: '9f5b6280292996b66fb3380678fae7748aba8cb3',
76
+ key: '665bc189cd905a55a9c6ac31eb2ec82853552f34',
77
77
  class: this.articleClasses()
78
78
  }, h("div", {
79
- key: '6e4f6e0ce9b44fe94ff4622285258747503d9034',
79
+ key: '6ad6183a94cd0cb26d3e5641c5e584e8afc652d7',
80
80
  class: "effect-height flex items-center justify-between py-8 px-12"
81
81
  }, h("span", {
82
- key: '36bb5a7b005b4c23a7042e5cf06769efe29b07db',
82
+ key: '85bd9a7a4475ca3664cadf17ef1e729643c758f6',
83
83
  class: "f-ui-02"
84
84
  }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? h("eds-link", {
85
85
  label: this.urlLabel,
@@ -90,7 +90,7 @@ const EdsFrame = class {
90
90
  disabled: false,
91
91
  icon: "arrow-diagonal"
92
92
  }) : null), h("div", {
93
- key: '9d64e26eaa9e79d68e13d6a0faf67c8ca68d2097',
93
+ key: '4799d59442cabb05f3bfea26a02db22a429266e6',
94
94
  class: "border-softer"
95
95
  }, this.iframeError ? h("div", {
96
96
  class: "container ml-8 mr-8 mt-16"
@@ -17,11 +17,16 @@ const EdsFullscreenMenu = class {
17
17
  this.isMenuOpen = false;
18
18
  }
19
19
  /**
20
- * Listens for the toggleMenu event to open or close the menu.
21
- * This event is emitted by the eds-header component.
20
+ * Listens on `body` for `toggleheadermenu` to open/close the menu.
21
+ * The event detail should be a boolean (`true` = open, `false` = close).
22
+ *
23
+ * @example
24
+ * ```js
25
+ * document.body.dispatchEvent(new CustomEvent('toggleheadermenu', { detail: true }));
26
+ * ```
22
27
  */
23
28
  handleToggleMenu(event) {
24
- this.isMenuOpen = event.detail; // Set isMenuOpen based on the event payload
29
+ this.isMenuOpen = !!event.detail;
25
30
  }
26
31
  /** Opens the menu */
27
32
  openMenu() {
@@ -11,7 +11,7 @@ const EdsIconBluesky = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'db8fea43b7888da43821083ecc706a16c949932e',
14
+ key: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f',
15
15
  class: this.class,
16
16
  innerHTML: bluesky
17
17
  });
@@ -0,0 +1,21 @@
1
+ import { r as registerInstance, h } from './index.esm2.js';
2
+ import { d as download } from './download-47746956.esm.js';
3
+ import 'react';
4
+ import 'react/jsx-runtime';
5
+ import 'react-dom';
6
+
7
+ const EdsIconDownload = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.class = '';
11
+ }
12
+ render() {
13
+ return h("span", {
14
+ key: '1fc6b1410cf98a4a992c0d98d78ec27aeac65b7c',
15
+ class: this.class,
16
+ innerHTML: download
17
+ });
18
+ }
19
+ };
20
+
21
+ export { EdsIconDownload as eds_icon_download };
@@ -11,7 +11,7 @@ const EdsIconDraft = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '13898eb065f5a243104bc79293a5e6afcd276230',
14
+ key: 'e76f56aaba4a67096e6314e61d53bc2512941552',
15
15
  class: this.class,
16
16
  innerHTML: draft
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconEdit = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '1758d925314772dc29c4349f71f186ba775d2b41',
14
+ key: '54502ee7a072ad54a5c22367b89c1d00afcaaafe',
15
15
  class: this.class,
16
16
  innerHTML: edit
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconEu = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'ac8c58eacb11b11be7928d7799a3eb6c8063597f',
14
+ key: '89fde5fbed839d6fdedc0399bf1475abf22d205d',
15
15
  class: this.class,
16
16
  innerHTML: euSvg
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconExternal = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'e24ee8e9243fa2dcbe8df4fa9d84db5bbc136ec4',
14
+ key: '1abc7edbab033c99ffaede9ebe0f210849fe8d61',
15
15
  class: this.class,
16
16
  innerHTML: arrowDiagonal
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '6a6cbdd8f9e6b982af701b97681a98944c5c1797',
14
+ key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873',
15
15
  class: this.class,
16
16
  innerHTML: facebook
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'e6ce69e460242b20779766f62a3c7d23dad345d1',
14
+ key: 'b35f2e94d903549d867579f2e008c323a441019c',
15
15
  class: this.class,
16
16
  innerHTML: gitlabBlack
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873',
14
+ key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa',
15
15
  class: this.class,
16
16
  innerHTML: linkedin
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconLoader = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '9383784da3e52d22395288f8eba5b6f4ee826aa5',
14
+ key: 'b97da1b406718c7611d1e17d7a9c6b4670600740',
15
15
  class: this.class,
16
16
  innerHTML: loader
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa',
14
+ key: '36bf44e06217f9b2521f374028a1316fb17ff21a',
15
15
  class: this.class,
16
16
  innerHTML: mastodon
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconMenu = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '15fa7c4b7d2dea5740d0926bb1ff6490b23667f8',
14
+ key: '4322703c9e449819dc30946118893d365fa20124',
15
15
  class: this.class,
16
16
  innerHTML: menu
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconMinus = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '0e8b57b9ae1a2e53ef6f50948c49b9a9218f66cc',
14
+ key: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3',
15
15
  class: this.class,
16
16
  innerHTML: minus
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconMore = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '5f14cbe4b3ca88f7301c1561c092278b31d04326',
14
+ key: 'f7ebc68658fcf8c0df627871481cce90cd7800fb',
15
15
  class: this.class,
16
16
  innerHTML: more
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconPaper = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'b19c12426db0068934252c6197ba04789d42f5e2',
14
+ key: 'eaa676b09d81da31b600a910b99b416c1a5420d3',
15
15
  class: this.class,
16
16
  innerHTML: paper
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconPlus = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '520b8d5a7d45f101ef526432b45e4407446685cd',
14
+ key: '825957824697ceeec9d6f81007c4dd1dfc208b28',
15
15
  class: this.class,
16
16
  innerHTML: plus
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconPortal = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'f9b20e12497e199b7f596f4f457167080e81ccd1',
14
+ key: '4c557c9fe9168f361c55aae7a7c6874d78ec620d',
15
15
  class: this.class,
16
16
  innerHTML: portal
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconPrivate = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'a342e11087242f9b37365bcbfec2036bd2009c85',
14
+ key: 'fe423636431e96ce42d0b8236b04c11c92633a18',
15
15
  class: this.class,
16
16
  innerHTML: privat
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconPublic = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'e53f2ac899326e460b27b91772da9d2bee873fb3',
14
+ key: '4c0a1ff37a1bfa79173c6b91da33fb808ef1b918',
15
15
  class: this.class,
16
16
  innerHTML: pub
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconSearch = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '6da0ae2a33a1680caecbaa6bbe1313329d32ef7e',
14
+ key: 'c788833c6a51e489ca432697a9c46d9b5756a519',
15
15
  class: this.class,
16
16
  innerHTML: search
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconStar = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '4c4243f9e6c5c02a2d70eda34b28efe1ba7c696b',
14
+ key: '297e73664320032b2f78dd3c43aa0852545c0723',
15
15
  class: this.class,
16
16
  innerHTML: star
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconStart = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'a788a6ded2b42ad1138be4f74464d4dc08dc485f',
14
+ key: '360d1178d8f9f8485718f5ab1ed823ac16be2987',
15
15
  class: this.class,
16
16
  innerHTML: start
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconSuccess = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '68917ac759cd684a6f3f3f67cb174d7291841070',
14
+ key: '281f7141b6b45b60e8f11f85430af0cd8364d91f',
15
15
  class: this.class,
16
16
  innerHTML: success
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconThumbsDown = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'fb0abd584eb41fcdf76479aa2953da2ed6a9f8ed',
14
+ key: 'b119fa870a00fbad7cffeb30b0ab76d2165eb76d',
15
15
  class: this.class,
16
16
  innerHTML: thumbsDown
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconThumbsUp = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '53bc35a16795640e1fc5ac9a5ddd66015b98adb3',
14
+ key: '86834f96ac586f4bd7404ebdcd8ac0e496f063bb',
15
15
  class: this.class,
16
16
  innerHTML: thumbsUp
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconTutorial = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'bbe35e4b8e341eb54820a661c6a6200e83fd0f3f',
14
+ key: 'f7457ee049fe477b51776527b58d459312c52cf4',
15
15
  class: this.class,
16
16
  innerHTML: tutorial
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconTwitter = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'de551285a98e6e5340769e9d1422acb2e7bc826f',
14
+ key: '6f1d0b5e073ef4d754aecb600a8578fc59950496',
15
15
  class: this.class,
16
16
  innerHTML: twitter
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconUnknown = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'c102d3ac082dab21cb23a322ded78d607ece10f5',
14
+ key: '3b2750a85a74227efe458ceaa2d0995ab0c472b3',
15
15
  class: this.class,
16
16
  innerHTML: unknown
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconUpdown = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'b2bf11e364727f13859be3c2ed00931ec3379d9d',
14
+ key: '1768da9f606b60dd3dc1c8ef76673c6b17eb1b37',
15
15
  class: this.class,
16
16
  innerHTML: upDonw
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconUser = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '24acd317006255e7a5b29bd70b667c8ca9271f6c',
14
+ key: 'ccb41b3ad799e44dab0664dadd5407f6aef9b39c',
15
15
  class: this.class,
16
16
  innerHTML: user
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconView = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '652ea6ae2a82611114e71ed2d2422ad579f7ab54',
14
+ key: 'af0fae74516d7f51af3616aa09c16b80b603504f',
15
15
  class: this.class,
16
16
  innerHTML: view
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconYoutube = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '6f1d0b5e073ef4d754aecb600a8578fc59950496',
14
+ key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4',
15
15
  class: this.class,
16
16
  innerHTML: youtube
17
17
  });
@@ -105,40 +105,40 @@ const EdsModal = class {
105
105
  // Generate a unique id for the title so we can reference it for aria-labelledby.
106
106
  const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
107
107
  return h("div", {
108
- key: '14c35228e2aaf72d59f1766fd8e69fcd06ea5270',
108
+ key: '29700a7b84c8728c11232aaaa526638dc6cd3156',
109
109
  id: "eds-modal",
110
110
  class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`,
111
111
  role: "dialog",
112
112
  "aria-modal": "true",
113
113
  "aria-labelledby": titleId
114
114
  }, this.isOpen && h("div", {
115
- key: '34b5dad3a31cd9a66135ce9d93d48215712529b9',
115
+ key: '0cc973541fcde90a0b69a8d3b8a95e54d987fd7d',
116
116
  class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
117
117
  ,
118
118
 
119
119
  onClick: () => this.close()
120
120
  }), h("div", {
121
- key: '5268780d170f080404d2c3ab0bb3f355b50895cb',
121
+ key: 'd69445a547c27fccc868bee1dae9537e3e4c9d68',
122
122
  class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center`
123
123
  }, h("div", {
124
- key: '20c094f3fb3cd31280118d687dec311a8aa59f57',
124
+ key: 'e4d3ddcadf49051ebb0fe5c1d12d40f8992a5549',
125
125
  class: `flex justify-between items-center border-b-2 border-softer px-20 py-20 ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}`
126
126
  }, h("span", {
127
- key: 'de7ff288945cd6e0a8c97d9c40cf02cc5ba4ea41',
127
+ key: '6a9e5c1cb187e4684b267859f2150f485d6fcced',
128
128
  id: titleId,
129
129
  class: `f-heading-04 ${this.getTruncateClass()}`
130
130
  }, this.heading), h("eds-button", {
131
- key: 'a46dc51081ad99856cfa81ccdf2ab060f644c7cb',
131
+ key: '7c9cd571b76cc87e13f9b153c4d24844b40e47c7',
132
132
  intent: "tertiary",
133
133
  icon: "close",
134
134
  "aria-label": "Close modal",
135
135
  onClick: () => this.close(),
136
136
  "extra-class": "ml-8 text-default"
137
137
  })), h("div", {
138
- key: '45557580b90ae4f5d176eaa4805ce527d6e59eec',
138
+ key: '150e61106d25a1a0ecf470abf14ac5c5ba836b64',
139
139
  class: "pt-8 px-20 py-20"
140
140
  }, h("slot", {
141
- key: 'b67c888a32c615c5073768ec3cd4e342a34a84c6'
141
+ key: '30100f97aa7504023e43b51fc9bebad20097b480'
142
142
  }))));
143
143
  }
144
144
  get el() {
@@ -25,7 +25,7 @@ const EdsProgressBar = class {
25
25
  // Fill bar classes (conditionally rounded only when >0)
26
26
  const fillClasses = ['inner', 'h-full', 'transition-all', 'duration-300', 'bg-accent', progressValue > 0 && this.rounded ? 'rounded-lg' : '', 'z-0'].filter(Boolean).join(' ');
27
27
  return h("div", {
28
- key: '2a620231eaa84ba7e89e05da48175624fdc92d31',
28
+ key: '6c273c0fae28e5a1af49eb7e6be7b9fca717a503',
29
29
  role: "progressbar",
30
30
  "aria-valuemin": "0",
31
31
  "aria-valuemax": "100",
@@ -33,16 +33,16 @@ const EdsProgressBar = class {
33
33
  "aria-valuetext": `${progressValue}%`,
34
34
  class: outerClasses
35
35
  }, h("div", {
36
- key: '660e2c84ad358c0de1d9548b730308505e79bcd6',
36
+ key: 'a46a83e9086471adde1837e59d909096d59e7882',
37
37
  class: fillClasses,
38
38
  style: {
39
39
  width: `${progressValue}%`
40
40
  }
41
41
  }), h("div", {
42
- key: '4d0fa2a209d315b658f80906b95a0bf255c82c78',
42
+ key: '193f2efa8259e7facacba374fff8087e9702c246',
43
43
  class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
44
44
  }, h("span", {
45
- key: '0d423e16659d84b2d050f7d60ced4aefeeef9022',
45
+ key: 'e3454f3507d2a30245671698752a7f0f26baff57',
46
46
  class: "text-default f-body-02"
47
47
  }, progressValue, "%")));
48
48
  }
@@ -15,13 +15,13 @@ const EdsSectionCore = class {
15
15
  render() {
16
16
  const TagType = this.tag; // Set dynamic tag type (div or section)
17
17
  return h(TagType, {
18
- key: 'b77b5af1c6f3acbc2696a9608b55199ed4110d71'
18
+ key: '99f87da56df0ac4b5b28ce721288507beb0cd431'
19
19
  }, h("eds-section-heading", {
20
- key: '464dd4c67d69d1ef3ed1d932081c3195a2b51503',
20
+ key: '101137aa9637a95580393a52e7f41d71e8ae8e8b',
21
21
  headingLevel: this.headingLevel,
22
22
  sectionTitle: this.sectionTitle
23
23
  }), h("slot", {
24
- key: 'b5dbd4f55aee2df3bcbc44e21a134544ffd733f7'
24
+ key: '0b6a6131d8e1e2528982571cf7ba617736a34173'
25
25
  }));
26
26
  }
27
27
  };
@@ -52,7 +52,7 @@ const EdsSectionHeading = class {
52
52
  const TagType = this.tag; // Dynamically set tag type for the container
53
53
  const HeadingTag = this.headingLevel; // Dynamically set heading level
54
54
  return h(TagType, {
55
- key: '4ae69ea354156a0e35a8884a63d7556ead8ada24',
55
+ key: '2af16d4d21378244ba843b619b3fd4f283b3e179',
56
56
  class: {
57
57
  'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
58
58
  container: this.withContainer,
@@ -60,7 +60,7 @@ const EdsSectionHeading = class {
60
60
  'pt-28': !this.spacingLarge
61
61
  }
62
62
  }, h(HeadingTag, {
63
- key: 'a3549fb733687c3ff31f17bdc362275eb0b29e31',
63
+ key: '8caa529d940fd5d2f7e8f49f7b8e5f2572712f9e',
64
64
  class: this.getHeadingClass()
65
65
  }, this.sectionTitle));
66
66
  }