@ebrains/react 2.2.0 → 2.3.1

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 (85) 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_34.entry.esm.js → eds-accordion_36.entry.esm.js} +71 -43
  7. package/eds-app-root.entry.esm.js +4 -4
  8. package/eds-card-desc_2.entry.esm.js +4 -4
  9. package/eds-card-generic.entry.esm.js +12 -9
  10. package/eds-card-project.entry.esm.js +10 -10
  11. package/eds-card-section.entry.esm.js +2 -2
  12. package/eds-card-tags.entry.esm.js +1 -1
  13. package/eds-card-tool.entry.esm.js +4 -4
  14. package/eds-cookies-preference.entry.esm.js +2 -2
  15. package/eds-feedback.entry.esm.js +5 -5
  16. package/eds-footer.entry.esm.js +15 -13
  17. package/eds-frame.entry.esm.js +4 -4
  18. package/eds-fullscreen-menu.entry.esm.js +12 -0
  19. package/eds-gauge.entry.esm.js +4 -4
  20. package/eds-icon-arrow-diagonal.entry.esm.js +1 -1
  21. package/eds-icon-arrow-right.entry.esm.js +1 -1
  22. package/eds-icon-bin.entry.esm.js +1 -1
  23. package/eds-icon-bluesky.entry.esm.js +1 -1
  24. package/eds-icon-bookmark.entry.esm.js +1 -1
  25. package/eds-icon-chevron-down.entry.esm.js +1 -1
  26. package/eds-icon-chevron-left.entry.esm.js +1 -1
  27. package/eds-icon-chevron-right.entry.esm.js +1 -1
  28. package/eds-icon-chevron-up.entry.esm.js +1 -1
  29. package/eds-icon-clone.entry.esm.js +1 -1
  30. package/eds-icon-close.entry.esm.js +1 -1
  31. package/eds-icon-copy.entry.esm.js +1 -1
  32. package/eds-icon-download.entry.esm.js +1 -1
  33. package/eds-icon-draft.entry.esm.js +1 -1
  34. package/eds-icon-edit.entry.esm.js +1 -1
  35. package/eds-icon-eu.entry.esm.js +1 -1
  36. package/eds-icon-external.entry.esm.js +1 -1
  37. package/eds-icon-facebook.entry.esm.js +1 -1
  38. package/eds-icon-gitlab.entry.esm.js +1 -1
  39. package/eds-icon-linkedin.entry.esm.js +1 -1
  40. package/eds-icon-loader.entry.esm.js +1 -1
  41. package/eds-icon-mastodon.entry.esm.js +1 -1
  42. package/eds-icon-menu.entry.esm.js +1 -1
  43. package/eds-icon-minus.entry.esm.js +1 -1
  44. package/eds-icon-more.entry.esm.js +1 -1
  45. package/eds-icon-paper.entry.esm.js +1 -1
  46. package/eds-icon-plus.entry.esm.js +1 -1
  47. package/eds-icon-portal.entry.esm.js +1 -1
  48. package/eds-icon-private.entry.esm.js +1 -1
  49. package/eds-icon-public.entry.esm.js +1 -1
  50. package/eds-icon-search.entry.esm.js +1 -1
  51. package/eds-icon-star.entry.esm.js +1 -1
  52. package/eds-icon-start.entry.esm.js +1 -1
  53. package/eds-icon-success.entry.esm.js +1 -1
  54. package/eds-icon-thumbs-down.entry.esm.js +1 -1
  55. package/eds-icon-thumbs-up.entry.esm.js +1 -1
  56. package/eds-icon-tutorial.entry.esm.js +1 -1
  57. package/eds-icon-twitter.entry.esm.js +1 -1
  58. package/eds-icon-unknown.entry.esm.js +1 -1
  59. package/eds-icon-updown.entry.esm.js +1 -1
  60. package/eds-icon-user.entry.esm.js +1 -1
  61. package/eds-icon-view.entry.esm.js +1 -1
  62. package/eds-icon-youtube.entry.esm.js +1 -1
  63. package/eds-modal.entry.esm.js +10 -10
  64. package/eds-progress-bar.entry.esm.js +4 -4
  65. package/eds-section-core_2.entry.esm.js +5 -5
  66. package/eds-social-networks.entry.esm.js +3 -3
  67. package/eds-timeline.entry.esm.js +4 -4
  68. package/eds-toast-manager.entry.esm.js +1 -1
  69. package/eds-trl.entry.esm.js +2 -2
  70. package/incorrect-use-of-colors.entry.esm.js +8 -8
  71. package/index.esm.js +1 -1
  72. package/index.esm2.js +7 -8
  73. package/logo-space.entry.esm.js +9 -9
  74. package/logo-variations-horizontal_2.entry.esm.js +28 -28
  75. package/logo-variations-tabs.entry.esm.js +1 -1
  76. package/logo-wrong-usage.entry.esm.js +25 -25
  77. package/package.json +1 -1
  78. package/src/components.d.ts +1 -0
  79. package/src/generated/components.d.ts +0 -1
  80. package/svg-repository.entry.esm.js +2 -2
  81. package/token-list_3.entry.esm.js +5 -5
  82. package/token-ratios.entry.esm.js +3 -3
  83. package/token-spacing.entry.esm.js +26 -26
  84. package/token-typography.entry.esm.js +2 -2
  85. package/eds-spinner.entry.esm.js +0 -104
@@ -11,7 +11,7 @@ const EdsIconMenu = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '4322703c9e449819dc30946118893d365fa20124',
14
+ key: 'ee487c5a7cbd576d21a7f0b282ca0606a045de2e',
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: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3',
14
+ key: '4c399e259be9fcce197e0735c42dd5fa76daa220',
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: 'f7ebc68658fcf8c0df627871481cce90cd7800fb',
14
+ key: '6eae5aa60d60601dcdacf6fcf1f40be87cd3f869',
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: 'eaa676b09d81da31b600a910b99b416c1a5420d3',
14
+ key: 'a2fd252b8b3050636aeae7308d69ddcaf2d54a4e',
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: '825957824697ceeec9d6f81007c4dd1dfc208b28',
14
+ key: '339d03b5782b6acfc41ffa62b4482eb6098bc0b0',
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: '4c557c9fe9168f361c55aae7a7c6874d78ec620d',
14
+ key: 'dc84ec0bf1fdd9d5461d4cf8496f6b0d9658ffb8',
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: 'fe423636431e96ce42d0b8236b04c11c92633a18',
14
+ key: 'eb2ac14ec0564bc1a1133ae099b4e49dffde5f92',
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: '4c0a1ff37a1bfa79173c6b91da33fb808ef1b918',
14
+ key: 'f8ff53678e0a06d505ac6f19ca79808597a2ef34',
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: 'c788833c6a51e489ca432697a9c46d9b5756a519',
14
+ key: '892c0b85f2039ee09a642d6040aa2679b3badfda',
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: '297e73664320032b2f78dd3c43aa0852545c0723',
14
+ key: 'c5831907f350c7aa0a0029c69bcb5e8fcd51d221',
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: '360d1178d8f9f8485718f5ab1ed823ac16be2987',
14
+ key: '27ab2edbb78b6560a93158cd2e55a42552337694',
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: '281f7141b6b45b60e8f11f85430af0cd8364d91f',
14
+ key: '6f20d0106096d427556e05b663e3fa133852470e',
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: 'b119fa870a00fbad7cffeb30b0ab76d2165eb76d',
14
+ key: 'accd4312433f1e6e3e1a4833fa12388b9c6ca544',
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: '86834f96ac586f4bd7404ebdcd8ac0e496f063bb',
14
+ key: 'afed8c9954ad497d6ac707b07c6890ea8387f011',
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: 'f7457ee049fe477b51776527b58d459312c52cf4',
14
+ key: '1ad94bbcfc46e1e69f89162ccd0a5c5c0eda3245',
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: '6f1d0b5e073ef4d754aecb600a8578fc59950496',
14
+ key: '5fb5ffd58614e322c3d371662876805aeb88ae45',
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: '3b2750a85a74227efe458ceaa2d0995ab0c472b3',
14
+ key: '3784c70a29511c1ef0cab2460186fdb396630df7',
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: '1768da9f606b60dd3dc1c8ef76673c6b17eb1b37',
14
+ key: '3aa681d785398425792073eb6929fb4169b37817',
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: 'ccb41b3ad799e44dab0664dadd5407f6aef9b39c',
14
+ key: 'b656d852159d8cbcc0e3593f65938f6181c72ae4',
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: 'af0fae74516d7f51af3616aa09c16b80b603504f',
14
+ key: 'f6135c4eb38623a60d68725ce1171e6f8ded4586',
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: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4',
14
+ key: '9adf87027690ce28aed73d736ce2d3be6a5245b5',
15
15
  class: this.class,
16
16
  innerHTML: youtube
17
17
  });
@@ -4,7 +4,7 @@ import 'react';
4
4
  import 'react/jsx-runtime';
5
5
  import 'react-dom';
6
6
 
7
- const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}";
7
+ const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999991{z-index:9999991}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:min-w-\\[500px\\]{width:500px}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}";
8
8
  const EdsModalStyle0 = edsModalCss;
9
9
  const EdsModal = class {
10
10
  constructor(hostRef) {
@@ -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: '29700a7b84c8728c11232aaaa526638dc6cd3156',
108
+ key: '084e8a793a54d3b94e9936aea3dddff6c5dbf31c',
109
109
  id: "eds-modal",
110
- class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`,
110
+ class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999991 flex`,
111
111
  role: "dialog",
112
112
  "aria-modal": "true",
113
113
  "aria-labelledby": titleId
114
114
  }, this.isOpen && h("div", {
115
- key: '0cc973541fcde90a0b69a8d3b8a95e54d987fd7d',
115
+ key: 'f1ba9240bd0427010e6439e4113a72c723e76735',
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: 'd69445a547c27fccc868bee1dae9537e3e4c9d68',
121
+ key: 'fdc9834811631f45218de181d8c8aac6437b6d8e',
122
122
  class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center`
123
123
  }, h("div", {
124
- key: 'e4d3ddcadf49051ebb0fe5c1d12d40f8992a5549',
124
+ key: '5c26633ad8dcccef085d8e44ae730d2a2aa8c8e8',
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: '6a9e5c1cb187e4684b267859f2150f485d6fcced',
127
+ key: '469d306cad57cceebc01d7875bf7ff2b2677e25a',
128
128
  id: titleId,
129
129
  class: `f-heading-04 ${this.getTruncateClass()}`
130
130
  }, this.heading), h("eds-button", {
131
- key: '7c9cd571b76cc87e13f9b153c4d24844b40e47c7',
131
+ key: '37234a6ba72ec0c2b02b245974b2902a18578f02',
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: '150e61106d25a1a0ecf470abf14ac5c5ba836b64',
138
+ key: '1b30473db862378b7d712b7a9b954a37ae61743f',
139
139
  class: "pt-8 px-20 py-20"
140
140
  }, h("slot", {
141
- key: '30100f97aa7504023e43b51fc9bebad20097b480'
141
+ key: 'e1ef78bbd750000172e3536f8d8b6584085869b6'
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: '6c273c0fae28e5a1af49eb7e6be7b9fca717a503',
28
+ key: '38e64c698f6cf8c22a6ddf41476a6eda785e537e',
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: 'a46a83e9086471adde1837e59d909096d59e7882',
36
+ key: 'a0a17695931c6e442d886ef773e2cee3a31ab720',
37
37
  class: fillClasses,
38
38
  style: {
39
39
  width: `${progressValue}%`
40
40
  }
41
41
  }), h("div", {
42
- key: '193f2efa8259e7facacba374fff8087e9702c246',
42
+ key: '6ee49e1cf553b0cc20a70a8b258a307e5282be97',
43
43
  class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
44
44
  }, h("span", {
45
- key: 'e3454f3507d2a30245671698752a7f0f26baff57',
45
+ key: '0485a3b6ce82ee2c309554e92c14a6dd03819bb2',
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: '99f87da56df0ac4b5b28ce721288507beb0cd431'
18
+ key: 'b27b48854fc7d537c131da2c23850b2b7b9b2368'
19
19
  }, h("eds-section-heading", {
20
- key: '101137aa9637a95580393a52e7f41d71e8ae8e8b',
20
+ key: '7c3575d8c0295e2cd1c70a2748a25aa65d6892e6',
21
21
  headingLevel: this.headingLevel,
22
22
  sectionTitle: this.sectionTitle
23
23
  }), h("slot", {
24
- key: '0b6a6131d8e1e2528982571cf7ba617736a34173'
24
+ key: '66526792e818932d8e44ff927638560ce1b40cac'
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: '2af16d4d21378244ba843b619b3fd4f283b3e179',
55
+ key: 'efba0650ab65807f560c5676ead78b19b94e8b18',
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: '8caa529d940fd5d2f7e8f49f7b8e5f2572712f9e',
63
+ key: '50e3a8d81b7fd5af96ef3a1dbb7e5bbacb73ef15',
64
64
  class: this.getHeadingClass()
65
65
  }, this.sectionTitle));
66
66
  }
@@ -48,13 +48,13 @@ const EdsSocialNetworks = class {
48
48
  */
49
49
  render() {
50
50
  return h("nav", {
51
- key: '62692c53f820ff5d6569e42af692063ad8918cdd',
51
+ key: 'fd46b4205a2f03697d14a5a274698726aa9f406a',
52
52
  "aria-label": "Social media"
53
53
  }, h("p", {
54
- key: 'a571612ba3c1b669e0145484bec4d480b17c1979',
54
+ key: 'b2b5bacadc28417e948832562fbf413ed812aa1a',
55
55
  class: "f-ui-02"
56
56
  }, this.heading), h("ul", {
57
- key: 'c0cc02cd5eebf16130f7b09fb8f11319695fdccb',
57
+ key: '675682966b92c971be9afddc39c632070192da77',
58
58
  class: "mt-12 flex gap-4"
59
59
  }, this.socialNetworks.map((network, index) => h("li", {
60
60
  key: index
@@ -46,16 +46,16 @@ const EdsTimeline = class {
46
46
  }
47
47
  render() {
48
48
  return h("div", {
49
- key: 'c3362fa23185787a8d5a974f1f53978569e28a63',
49
+ key: '118942ecc019d14e75c72cad982da248d8f47502',
50
50
  class: "max-w-sidebar mx-auto px-4 py-8"
51
51
  }, h("div", {
52
- key: '59f85c0ae88876cf891b8fd2852cb15426f05c2a',
52
+ key: '30621fd1cedf9e020c4bbbd47855a8669a5d3cca',
53
53
  class: "relative"
54
54
  }, h("div", {
55
- key: '89fc0969c72ba183dee530a428d6d1d9421b2764',
55
+ key: 'ed510b0473a63810866a92f3effb26aab6e9ccc2',
56
56
  class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"
57
57
  }), h("div", {
58
- key: '190262fe1b382ac41fba398d05e640d0db746fe9',
58
+ key: 'bf5ab0b6d50749aac5d226abaec7321ae6c2d276',
59
59
  class: "space-y-16"
60
60
  }, this.parsedEvents.map((event, index) => h("div", {
61
61
  class: "relative flex"
@@ -74,7 +74,7 @@ const EdsToastManager = class {
74
74
  }
75
75
  render() {
76
76
  return h("div", {
77
- key: '27172b1f3c76ebb460c35ea070eeff330390ed7d',
77
+ key: 'a0c485caf1b9b9394e87d62fac915d6cc181ae3d',
78
78
  class: "toast-container"
79
79
  }, this.toasts.map(t => h("div", {
80
80
  key: t.id
@@ -51,10 +51,10 @@ const EdsTrl = class {
51
51
  }
52
52
  };
53
53
  return h("div", {
54
- key: '42873472d353599cbc2903b00ff03f0f802f1120',
54
+ key: 'abe7bb234b34fbd1465ccfe852d703a8682b7e27',
55
55
  class: "container mx-auto px-4 py-8"
56
56
  }, h("eds-table", {
57
- key: '980a4d934f0554fefd34f8c4631f305d45f81bc3',
57
+ key: '261d7f8fe032e8a9df55b1fd3432aa4f0378e1fb',
58
58
  "table-data": JSON.stringify(tableData),
59
59
  config: JSON.stringify(tableConfig),
60
60
  "rows-per-page": "2",
@@ -29,23 +29,23 @@ const IncorrectUseOfColors = class {
29
29
  }
30
30
  render() {
31
31
  return h("div", {
32
- key: 'd09d8204f4369476882f0614e96c07c953b34f54',
32
+ key: 'd433cf3416554a48fd728386bea79e2d876ac5fa',
33
33
  class: "container"
34
34
  }, h("div", {
35
- key: 'a80342ee08961192aa3a664f66406b220cd208ed',
35
+ key: 'e8e821cdee53343675f171420ea6a37821d048f6',
36
36
  class: "mb-8"
37
37
  }, h("eds-alert", {
38
- key: '242c9bae130e9a7487412da4f75ab30a2db49335',
38
+ key: '44f28c11e4c2997fe1774da68881a9f647631929',
39
39
  message: "Note that, each of the four colour tones cannot be mixed in the same composition.",
40
40
  intent: "error"
41
41
  })), h("div", {
42
- key: 'f9d60933f46189f848938a5beb1ca5fadfa84934',
42
+ key: '3478eb5fcd7c30a8474acae5892a1e3f1c3ae039',
43
43
  class: "flex"
44
44
  }, h("div", {
45
- key: 'd7f33f14834c5a97aafbdb447f723e1a20b5e498',
45
+ key: '3921f7de637d98f5dd8f64c36258391392875f13',
46
46
  class: "w-full"
47
47
  }, h("ul", {
48
- key: '0e3b7baf000534530164f373884a6957419539a7',
48
+ key: '4d79c3d5330ae7cda3deecede1d2c3c784f13c32',
49
49
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
50
50
  }, primary.map(color => h("li", {
51
51
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -55,10 +55,10 @@ const IncorrectUseOfColors = class {
55
55
  backgroundColor: color.background
56
56
  }
57
57
  }))))), h("div", {
58
- key: 'd0422452dbb56de94fee33562b07867fb9bfd6ac',
58
+ key: '1905adc0741fd76758d69c13f343dade55c9c7c1',
59
59
  class: "w-full"
60
60
  }, h("ul", {
61
- key: 'e5daf06bbcec1227ccf03b3f3a8a6016a33c289c',
61
+ key: '72f35110e6c9da32b0df2be4d5ade3b778b58245',
62
62
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
63
63
  }, incorrect.map(color => h("li", {
64
64
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
package/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardGeneric, j as EdsCardSection, k as EdsCodeBlock, l as EdsDropdown, m as EdsFeedback, n as EdsFooter, o as EdsForm, p as EdsFullscreenMenu, q as EdsGauge, s as EdsHeader, t as EdsIconWrapper, u as EdsImg, v as EdsInputField, w as EdsInputFooter, x as EdsInputLabel, y as EdsLink, z as EdsLogo, A as EdsMatomoNotice, B as EdsModal, C as EdsNps, D as EdsPagination, F as EdsPie, G as EdsProgressBar, I as EdsRating, J as EdsSocialNetworks, K as EdsSpinner, L as EdsSplashScreen, M as EdsSteps, N as EdsStepsV2, O as EdsSwitch, P as EdsTable, Q as EdsTabs, R as EdsTag, S as EdsToast, T as EdsTooltip, U as EdsUser } from './index.esm2.js';
1
+ export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardGeneric, j as EdsCardSection, k as EdsCodeBlock, l as EdsDropdown, m as EdsFeedback, n as EdsFooter, o as EdsForm, p as EdsFullscreenMenu, q as EdsGauge, s as EdsGlobalSearch, t as EdsHeader, u as EdsIconWrapper, v as EdsImg, w as EdsInputField, x as EdsInputFooter, y as EdsInputLabel, z as EdsLink, A as EdsLogo, B as EdsMatomoNotice, C as EdsModal, D as EdsNps, F as EdsPagination, G as EdsPie, I as EdsProgressBar, J as EdsRating, K as EdsSocialNetworks, L as EdsSpinner, M as EdsSplashScreen, N as EdsSteps, O as EdsStepsV2, P as EdsSwitch, Q as EdsTable, R as EdsTabs, S as EdsTag, T as EdsToast, U as EdsTooltip, V as EdsUser } from './index.esm2.js';
2
2
  import 'react';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react-dom';