@ebrains/react 0.8.0-alpha.0 → 0.9.1-beta
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.
- package/LICENSE +21 -0
- package/README.md +11 -0
- package/bookmark-c200037c.esm.js +16 -0
- package/color-primary-palette_6.entry.esm.js +163 -141
- package/{eds-components-section.entry.esm.js → components-section.entry.esm.js} +22 -18
- package/correct-use-of-colors.entry.esm.js +49 -49
- package/{eds-docs-palettes.entry.esm.js → docs-palettes.entry.esm.js} +3 -3
- package/{eds-docs-tokens.entry.esm.js → docs-tokens.entry.esm.js} +3 -3
- package/eds-accordion.entry.esm.js +132 -0
- package/eds-app-root.entry.esm.js +4 -4
- package/eds-avatar_26.entry.esm.js +306 -0
- package/{eds-card-desc_3.entry.esm.js → eds-card-desc_2.entry.esm.js} +1 -40
- package/eds-card-generic.entry.esm.js +3 -3
- package/eds-cookies-preference.entry.esm.js +2 -2
- package/eds-feedback.entry.esm.js +9 -9
- package/eds-frame.entry.esm.js +9 -15
- package/eds-icon-bluesky.entry.esm.js +1 -1
- package/eds-icon-bookmark.entry.esm.js +21 -0
- package/eds-icon-close.entry.esm.js +1 -1
- package/eds-icon-copy.entry.esm.js +1 -1
- package/eds-icon-eu.entry.esm.js +1 -1
- package/eds-icon-external.entry.esm.js +21 -0
- package/eds-icon-facebook.entry.esm.js +1 -1
- package/eds-icon-gitlab.entry.esm.js +1 -1
- package/eds-icon-linkedin.entry.esm.js +1 -1
- package/eds-icon-loader.entry.esm.js +1 -1
- package/eds-icon-mastodon.entry.esm.js +1 -1
- package/eds-icon-menu.entry.esm.js +1 -1
- package/eds-icon-minus.entry.esm.js +21 -0
- package/eds-icon-more.entry.esm.js +1 -1
- package/eds-icon-paper.entry.esm.js +21 -0
- package/eds-icon-plus.entry.esm.js +21 -0
- package/eds-icon-portal.entry.esm.js +21 -0
- package/eds-icon-private.entry.esm.js +21 -0
- package/eds-icon-public.entry.esm.js +21 -0
- package/eds-icon-search.entry.esm.js +1 -1
- package/eds-icon-star.entry.esm.js +1 -1
- package/eds-icon-success.entry.esm.js +1 -1
- package/eds-icon-thumbs-down.entry.esm.js +1 -1
- package/eds-icon-thumbs-up.entry.esm.js +1 -1
- package/eds-icon-tutorial.entry.esm.js +21 -0
- package/eds-icon-twitter.entry.esm.js +1 -1
- package/eds-icon-unknown.entry.esm.js +21 -0
- package/eds-icon-updown.entry.esm.js +21 -0
- package/eds-icon-user.entry.esm.js +1 -1
- package/eds-icon-youtube.entry.esm.js +1 -1
- package/eds-login_2.entry.esm.js +27 -15
- package/eds-matomo-notice.entry.esm.js +162 -0
- package/eds-modal.entry.esm.js +17 -17
- package/eds-pagination_2.entry.esm.js +12 -12
- package/eds-progress-bar.entry.esm.js +2 -2
- package/eds-rating.entry.esm.js +1 -1
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-spinner.entry.esm.js +3 -3
- package/eds-switch.entry.esm.js +7 -7
- package/eds-tabs.entry.esm.js +8 -8
- package/eds-timeline.entry.esm.js +5 -5
- package/eds-toast-manager.entry.esm.js +1 -1
- package/eds-tooltip.entry.esm.js +3 -3
- package/eds-trl.entry.esm.js +2 -2
- package/incorrect-use-of-colors.entry.esm.js +9 -9
- package/index.esm.js +1 -1
- package/index.esm2.js +60 -36
- package/logo-space.entry.esm.js +28 -12
- package/logo-variations-horizontal_2.entry.esm.js +73 -66
- package/{eds-logo-variations.entry.esm.js → logo-variations-tabs.entry.esm.js} +3 -3
- package/logo-wrong-usage.entry.esm.js +71 -107
- package/minus-b30a7c71.esm.js +11 -0
- package/package.json +1 -1
- package/paper-8e74ea31.esm.js +15 -0
- package/plus-89c07be2.esm.js +12 -0
- package/portal-d6c8ce56.esm.js +18 -0
- package/private-1c25ff8e.esm.js +25 -0
- package/public-d4d8c585.esm.js +16 -0
- package/src/components.d.ts +0 -3
- package/{eds-svg-repository.entry.esm.js → svg-repository.entry.esm.js} +29 -28
- package/token-list_3.entry.esm.js +9 -9
- package/token-ratios.entry.esm.js +3 -3
- package/token-typography.entry.esm.js +10 -7
- package/tutotial-150ee1fd.esm.js +27 -0
- package/unknown-ed01a24c.esm.js +22 -0
- package/up-and-down-d747abee.esm.js +12 -0
- package/eds-accordion_17.entry.esm.js +0 -196
- package/eds-breadcrumb.entry.esm.js +0 -174
- package/eds-form.entry.esm.js +0 -473
- package/eds-input_7.entry.esm.js +0 -569
- package/token-spacing.entry.esm.js +0 -93
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { c as cva } from './index-39c58238.esm.js';
|
|
3
2
|
import 'react';
|
|
4
3
|
import 'react/jsx-runtime';
|
|
5
4
|
import 'react-dom';
|
|
@@ -83,43 +82,5 @@ const EdsCardTitle = class {
|
|
|
83
82
|
}
|
|
84
83
|
};
|
|
85
84
|
EdsCardTitle.style = EdsCardTitleStyle0;
|
|
86
|
-
const edsTagCss = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";
|
|
87
|
-
const EdsTagStyle0 = edsTagCss;
|
|
88
85
|
|
|
89
|
-
|
|
90
|
-
const tagStyles = cva(['f-ui-05 py-1 px-4 border-2 rounded-pill'],
|
|
91
|
-
// Base classes
|
|
92
|
-
{
|
|
93
|
-
variants: {
|
|
94
|
-
intent: {
|
|
95
|
-
default: 'border-default',
|
|
96
|
-
strong: 'text-inverse bg-strongest border-default',
|
|
97
|
-
accent: 'text-[#0034CB] border-[#0034CB]',
|
|
98
|
-
weak: 'text-light bg-strongest-soft border-transparent',
|
|
99
|
-
inverse: 'border-inverse text-inverse',
|
|
100
|
-
'inverse-strong': 'bg-inverse border-inverse text-lighter'
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
defaultVariants: {
|
|
104
|
-
intent: 'default'
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
const EdsTag = class {
|
|
108
|
-
constructor(hostRef) {
|
|
109
|
-
registerInstance(this, hostRef);
|
|
110
|
-
this.label = undefined;
|
|
111
|
-
this.intent = 'default';
|
|
112
|
-
}
|
|
113
|
-
render() {
|
|
114
|
-
const classes = tagStyles({
|
|
115
|
-
intent: this.intent
|
|
116
|
-
});
|
|
117
|
-
return h("span", {
|
|
118
|
-
key: '314cc7432e8a56cf4676982180ada160c7b14746',
|
|
119
|
-
class: classes
|
|
120
|
-
}, this.label);
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
EdsTag.style = EdsTagStyle0;
|
|
124
|
-
|
|
125
|
-
export { EdsCardDesc as eds_card_desc, EdsCardTitle as eds_card_title, EdsTag as eds_tag };
|
|
86
|
+
export { EdsCardDesc as eds_card_desc, EdsCardTitle as eds_card_title };
|
|
@@ -5,7 +5,7 @@ import 'react';
|
|
|
5
5
|
import 'react/jsx-runtime';
|
|
6
6
|
import 'react-dom';
|
|
7
7
|
|
|
8
|
-
const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
|
|
8
|
+
const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
|
|
9
9
|
const EdsCardGenericStyle0 = edsCardGenericCss;
|
|
10
10
|
const EdsCardGeneric = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -97,8 +97,8 @@ const EdsCardGeneric = class {
|
|
|
97
97
|
picture: this.avatar,
|
|
98
98
|
initials: this.shortAbbreviation
|
|
99
99
|
}) : null, h("div", {
|
|
100
|
-
key: '
|
|
101
|
-
class: "flex flex-wrap gap-y-4"
|
|
100
|
+
key: '8bdcbbe2982a450843e9ada727e3f6eb62872ae1',
|
|
101
|
+
class: "flex flex-wrap gap-y-4 gap-x-1"
|
|
102
102
|
}, this.parsedTags.map((tag, index) => h("eds-tag", {
|
|
103
103
|
key: index,
|
|
104
104
|
intent: tag.style,
|
|
@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
return h("div", {
|
|
32
|
-
key: '
|
|
32
|
+
key: 'fe3330180b8f3a5ff6b02156f5d76afb8cdf7edd'
|
|
33
33
|
}, h("eds-link", {
|
|
34
|
-
key: '
|
|
34
|
+
key: 'c5d63e486cb63bcb28b89babe606ac1eae525fe0',
|
|
35
35
|
size: "small",
|
|
36
36
|
intent: this.intent,
|
|
37
37
|
label: this.buttonText,
|
|
@@ -4,7 +4,7 @@ import 'react';
|
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react-dom';
|
|
6
6
|
|
|
7
|
-
const edsFeedbackCss = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.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)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}";
|
|
7
|
+
const edsFeedbackCss = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.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)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}";
|
|
8
8
|
const EdsFeedbackStyle0 = edsFeedbackCss;
|
|
9
9
|
const EdsFeedback = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -56,20 +56,20 @@ const EdsFeedback = class {
|
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
58
|
return h("div", {
|
|
59
|
-
key: '
|
|
59
|
+
key: '5fbf2af8386c318134b64c1323553bc00ee2fe2c',
|
|
60
60
|
class: "grid inline"
|
|
61
|
-
}, h("
|
|
62
|
-
key: '
|
|
63
|
-
class: "f-heading-
|
|
61
|
+
}, h("h1", {
|
|
62
|
+
key: 'f5ec1e3cbbfa9c1d549a69c76e01609253c6dfea',
|
|
63
|
+
class: "f-heading-01 my-4"
|
|
64
64
|
}, this.label), h("p", {
|
|
65
|
-
key: '
|
|
66
|
-
class: "f-body-
|
|
65
|
+
key: '60348466e10a5295fdb861f512c1037cdf8fbf27',
|
|
66
|
+
class: "f-body-01 text-light"
|
|
67
67
|
}, this.description), h("eds-rating", {
|
|
68
|
-
key: '
|
|
68
|
+
key: 'ed559e7844c20081e82ccc0cddd4a34691a7ad1d',
|
|
69
69
|
"rating-type": this.type,
|
|
70
70
|
"rating-count": this.count
|
|
71
71
|
}), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
|
|
72
|
-
key: '
|
|
72
|
+
key: 'b4ab49d3c936649c75714ef2cd9fc09f9a213437',
|
|
73
73
|
class: "f-ui-04 text-lighter"
|
|
74
74
|
}, this.parsedMappings[this.selectedRating - 1]));
|
|
75
75
|
}
|
package/eds-frame.entry.esm.js
CHANGED
|
@@ -9,10 +9,10 @@ const EdsFrame = class {
|
|
|
9
9
|
constructor(hostRef) {
|
|
10
10
|
registerInstance(this, hostRef);
|
|
11
11
|
this.frameLabel = undefined;
|
|
12
|
-
this.
|
|
13
|
-
this.
|
|
14
|
-
this.
|
|
15
|
-
this.
|
|
12
|
+
this.frameSrc = undefined;
|
|
13
|
+
this.urlLabel = 'Open';
|
|
14
|
+
this.errorMessage = 'Could not load the requested content. Please check the URL or try again later.';
|
|
15
|
+
this.url = undefined;
|
|
16
16
|
this.intent = 'strong';
|
|
17
17
|
this.size = 'auto';
|
|
18
18
|
this.iframeError = false;
|
|
@@ -71,32 +71,26 @@ const EdsFrame = class {
|
|
|
71
71
|
this.iframeError = true;
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
get storyLink() {
|
|
75
|
-
return `${this.storybookUrl}/?path=/story/${this.storyPath}`;
|
|
76
|
-
}
|
|
77
|
-
get frameSrc() {
|
|
78
|
-
return `${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`;
|
|
79
|
-
}
|
|
80
74
|
render() {
|
|
81
75
|
return h("div", {
|
|
82
|
-
key: '
|
|
76
|
+
key: 'b26229611868992daf5f4ca5037e1e10b2540ee5',
|
|
83
77
|
class: this.articleClasses()
|
|
84
78
|
}, h("div", {
|
|
85
|
-
key: '
|
|
79
|
+
key: '4cf9ff78b27ce7f88db50feccc9d267c2e727a2c',
|
|
86
80
|
class: "effect-height flex items-center justify-between py-8 px-12"
|
|
87
81
|
}, h("span", {
|
|
88
|
-
key: '
|
|
82
|
+
key: 'bf2c1607d3fcbbf152691ec4e6134e737f6d1082',
|
|
89
83
|
class: "f-ui-02"
|
|
90
84
|
}, this.frameLabel), !this.iframeError ? h("eds-link", {
|
|
91
85
|
label: this.urlLabel,
|
|
92
|
-
url: this.
|
|
86
|
+
url: this.url,
|
|
93
87
|
intent: this.intent,
|
|
94
88
|
class: "ml-auto",
|
|
95
89
|
external: true,
|
|
96
90
|
disabled: false,
|
|
97
91
|
icon: "arrow-diagonal"
|
|
98
92
|
}) : null), h("div", {
|
|
99
|
-
key: '
|
|
93
|
+
key: 'd9f059766c509d7325ea734c63e29d7995cc8065',
|
|
100
94
|
class: "border-softer"
|
|
101
95
|
}, this.iframeError ? h("div", {
|
|
102
96
|
class: "container ml-8 mr-8 mt-16"
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { b as bookmark } from './bookmark-c200037c.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconBookmark = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: '9cc4aa1805e43ca6275305e26d2fff79e2818862',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: bookmark
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconBookmark as eds_icon_bookmark };
|
package/eds-icon-eu.entry.esm.js
CHANGED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { a as arrowDiagonal } from './arrow-diagonal-black-8f0494c3.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconExternal = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: '8b5169456f56b7294d86af4e75a9aeec20a20174',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: arrowDiagonal
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconExternal as eds_icon_external };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { m as minus } from './minus-b30a7c71.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconMinus = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: 'e615c57f7195878310f596124ede34304fcce5e1',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: minus
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconMinus as eds_icon_minus };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { p as paper } from './paper-8e74ea31.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconPaper = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: 'cb9f7af8825527f86c200203611dae752cb3d647',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: paper
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconPaper as eds_icon_paper };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { p as plus } from './plus-89c07be2.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconPlus = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: '75a9d03500e01cc9d5f7b19a5afd2491ad2e6fee',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: plus
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconPlus as eds_icon_plus };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { p as portal } from './portal-d6c8ce56.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconPortal = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: '260c4eeb69ff79d943571c1461346b9019ea513a',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: portal
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconPortal as eds_icon_portal };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { p as privat } from './private-1c25ff8e.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconPrivate = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: 'd57700e721a421e4c970a1e643d92548fcf2b18c',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: privat
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconPrivate as eds_icon_private };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { p as pub } from './public-d4d8c585.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconPublic = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: 'b3a338684e00d2d612a49734cbb3cfd8e44b4eee',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: pub
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconPublic as eds_icon_public };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { t as tutorial } from './tutotial-150ee1fd.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconTutorial = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: '9db1730236b54d01a4264e92465f9a953325f7ca',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: tutorial
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconTutorial as eds_icon_tutorial };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { u as unknown } from './unknown-ed01a24c.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconUnknown = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: '259a1fae59093dd4e1fd6d26e07aae0e8c3de2fd',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: unknown
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconUnknown as eds_icon_unknown };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { u as upDonw } from './up-and-down-d747abee.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconUpdown = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: '9383784da3e52d22395288f8eba5b6f4ee826aa5',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: upDonw
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconUpdown as eds_icon_updown };
|