@ebrains/vue 0.3.0-alpha.0 → 0.4.0-alpha.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.
- package/{color-0ba8ed56-BVeDdJAE.js → color-bb472c37-CKu54kOY.js} +1 -1
- package/{color-0ba8ed56-D-UJpBQL.mjs → color-bb472c37-DDERsxdk.mjs} +6 -6
- package/{color-primary-palette_6.entry-_ANGnnBl.js → color-primary-palette_6.entry-BB6740d4.js} +1 -1
- package/{color-primary-palette_6.entry-WwN9tuB9.mjs → color-primary-palette_6.entry-CSDWEKLH.mjs} +1 -1
- package/{correct-use-of-colors.entry-B312hpv9.js → correct-use-of-colors.entry-LuyuqIQ9.js} +1 -1
- package/{correct-use-of-colors.entry-BjxRVkfm.mjs → correct-use-of-colors.entry-hvZ1z3tc.mjs} +1 -1
- package/eds-accordion_33.entry-DFgdjlJE.mjs +31360 -0
- package/eds-accordion_33.entry-DlnbmQ6R.js +29468 -0
- package/{eds-card-project.entry-D7P4K88F.js → eds-card-project.entry-BQ-dH8vM.js} +1 -1
- package/{eds-card-project.entry-Ckgpwy2Y.mjs → eds-card-project.entry-C3eyu1U0.mjs} +2 -2
- package/{eds-card-section.entry-B90kv8Pj.js → eds-card-section.entry-DU-1TB0I.js} +1 -1
- package/{eds-card-section.entry-DnktDeDm.mjs → eds-card-section.entry-Dxk-Ob_Y.mjs} +6 -6
- package/eds-card-tags.entry-CIu6lD0P.mjs +13 -0
- package/eds-card-tags.entry-YPPBWdFq.js +1 -0
- package/{eds-card-tool.entry-CmRu6pmc.mjs → eds-card-tool.entry-1_RNWh8n.mjs} +2 -2
- package/{eds-card-tool.entry-CbreK2xg.js → eds-card-tool.entry-DgBqQucY.js} +1 -1
- package/{eds-card-wrapper.entry-rBHdbwzh.js → eds-card-wrapper.entry-BfCDGeFs.js} +1 -1
- package/{eds-card-wrapper.entry-Buesg37A.mjs → eds-card-wrapper.entry-C4pNRjIj.mjs} +2 -2
- package/{eds-code-block.entry-DKnuVY85.mjs → eds-code-block.entry-B2xATQ7r.mjs} +87 -46
- package/{eds-code-block.entry-M3x0FsRB.js → eds-code-block.entry-DQEDpAjn.js} +3 -3
- package/{eds-components-section.entry-BEBky2Me.js → eds-components-section.entry-D08woahG.js} +1 -1
- package/{eds-components-section.entry-BAWU9rKy.mjs → eds-components-section.entry-DR-984-3.mjs} +1 -1
- package/{eds-docs-palettes.entry-etHagd2P.mjs → eds-docs-palettes.entry-B0yU2ZpL.mjs} +1 -1
- package/{eds-docs-palettes.entry-D3DdXkoo.js → eds-docs-palettes.entry-qKOj3XU9.js} +1 -1
- package/{eds-docs-tokens.entry-CIGNTs97.mjs → eds-docs-tokens.entry-BVHiM7cK.mjs} +1 -1
- package/{eds-docs-tokens.entry--gW4Z293.js → eds-docs-tokens.entry-BtRXzjrp.js} +1 -1
- package/{eds-icon-arrow-diagonal.entry-abxXXnCe.js → eds-icon-arrow-diagonal.entry-DjDB--sU.js} +1 -1
- package/{eds-icon-arrow-diagonal.entry-CEffhVkn.mjs → eds-icon-arrow-diagonal.entry-E5xC3m8H.mjs} +1 -1
- package/{eds-icon-arrow-right.entry-DrA5pZ5q.mjs → eds-icon-arrow-right.entry-DaXIkUew.mjs} +1 -1
- package/{eds-icon-arrow-right.entry-4zl098Gq.js → eds-icon-arrow-right.entry-odZ8U-W2.js} +1 -1
- package/{eds-icon-bluesky.entry-CRey5aEK.mjs → eds-icon-bluesky.entry-B3yW2mUC.mjs} +1 -1
- package/{eds-icon-bluesky.entry-BDD9os2p.js → eds-icon-bluesky.entry-Dppj9cuC.js} +1 -1
- package/{eds-icon-chevron-down.entry-DA_Mq25N.js → eds-icon-chevron-down.entry-CidjiGQS.js} +1 -1
- package/{eds-icon-chevron-down.entry-DCd5FfEN.mjs → eds-icon-chevron-down.entry-xWODzTE-.mjs} +1 -1
- package/{eds-icon-chevron-left.entry-Lmfmw6QC.mjs → eds-icon-chevron-left.entry-CJyHE01I.mjs} +1 -1
- package/{eds-icon-chevron-left.entry-CiGlPKup.js → eds-icon-chevron-left.entry-DjJj-hmG.js} +1 -1
- package/{eds-icon-chevron-right.entry-DMwxsQGs.js → eds-icon-chevron-right.entry-D8RyOADq.js} +1 -1
- package/{eds-icon-chevron-right.entry-B2HI3b59.mjs → eds-icon-chevron-right.entry-iy6d6tux.mjs} +1 -1
- package/{eds-icon-chevron-up.entry-CwavCcA0.mjs → eds-icon-chevron-up.entry-TKCdY_T3.mjs} +1 -1
- package/{eds-icon-chevron-up.entry-D9pmuoVK.js → eds-icon-chevron-up.entry-ezV-v92v.js} +1 -1
- package/{eds-icon-close.entry-pxvkbolY.mjs → eds-icon-close.entry-Brv3Uxu1.mjs} +1 -1
- package/{eds-icon-close.entry-JIzBTjIa.js → eds-icon-close.entry-CE-Nory7.js} +1 -1
- package/{eds-icon-copy.entry-Ccrvu27o.js → eds-icon-copy.entry-Bpe3I5b6.js} +1 -1
- package/{eds-icon-copy.entry-Begn9c9I.mjs → eds-icon-copy.entry-DQioS3t7.mjs} +1 -1
- package/{eds-icon-eu.entry-C0ZIqXHV.js → eds-icon-eu.entry-BzmYOiKL.js} +1 -1
- package/{eds-icon-eu.entry-CLI94rkv.mjs → eds-icon-eu.entry-KylDo55P.mjs} +1 -1
- package/{eds-icon-facebook.entry-BIZwxPBr.js → eds-icon-facebook.entry-DWZ02rD5.js} +1 -1
- package/{eds-icon-facebook.entry-o2SylrAp.mjs → eds-icon-facebook.entry-DpS2m4v2.mjs} +1 -1
- package/{eds-icon-gitlab.entry-BJi35Zov.js → eds-icon-gitlab.entry-D8PM12SK.js} +1 -1
- package/{eds-icon-gitlab.entry-BWfZkXKF.mjs → eds-icon-gitlab.entry-JX-5azIw.mjs} +1 -1
- package/{eds-icon-linkedin.entry-Z4gD9HGr.mjs → eds-icon-linkedin.entry-BylIVu8G.mjs} +1 -1
- package/{eds-icon-linkedin.entry-B4ev6evD.js → eds-icon-linkedin.entry-CstoPbTS.js} +1 -1
- package/{eds-icon-loader.entry-BFeh0vtX.js → eds-icon-loader.entry-CaGFh0gM.js} +1 -1
- package/{eds-icon-loader.entry-DgIgWpYk.mjs → eds-icon-loader.entry-DZyUa8Na.mjs} +1 -1
- package/{eds-icon-mastodon.entry-C_2paQis.mjs → eds-icon-mastodon.entry-BIckHn_q.mjs} +1 -1
- package/{eds-icon-mastodon.entry-BLCaUfQY.js → eds-icon-mastodon.entry-DxNG__-Y.js} +1 -1
- package/{eds-icon-menu.entry-CNtaXAOo.mjs → eds-icon-menu.entry-C9N6s8Oa.mjs} +1 -1
- package/{eds-icon-menu.entry-CzF-GJXn.js → eds-icon-menu.entry-DwN-ZAWi.js} +1 -1
- package/{eds-icon-more.entry-C-v0Cjp9.js → eds-icon-more.entry-68jT9AEw.js} +1 -1
- package/{eds-icon-more.entry-4gqxzs_k.mjs → eds-icon-more.entry-MUkUL_e2.mjs} +1 -1
- package/{eds-icon-search.entry-D070uKfZ.mjs → eds-icon-search.entry-CcwwFnns.mjs} +1 -1
- package/{eds-icon-search.entry-iLCAU3Et.js → eds-icon-search.entry-CrfMqbyi.js} +1 -1
- package/{eds-icon-success.entry-Ci0RTnP5.mjs → eds-icon-success.entry-BUzsze9h.mjs} +1 -1
- package/{eds-icon-success.entry-DSukl_w-.js → eds-icon-success.entry-CACuZjP6.js} +1 -1
- package/{eds-icon-twitter.entry-D6I83zuS.mjs → eds-icon-twitter.entry-B1Iw69NW.mjs} +1 -1
- package/{eds-icon-twitter.entry-I9FRjdSE.js → eds-icon-twitter.entry-BbStwaGv.js} +1 -1
- package/{eds-icon-user.entry-BI7Uw3Pp.mjs → eds-icon-user.entry-CNo6pger.mjs} +1 -1
- package/{eds-icon-user.entry-DcLB78T6.js → eds-icon-user.entry-vYVsxfK7.js} +1 -1
- package/{eds-icon-youtube.entry-CR4ml_RW.mjs → eds-icon-youtube.entry-CBU7Dvkh.mjs} +1 -1
- package/{eds-icon-youtube.entry-DAke-XDg.js → eds-icon-youtube.entry-CmCAFp7D.js} +1 -1
- package/{eds-login.entry-DOeyfoyM.js → eds-login.entry-Bfztcsrc.js} +1 -1
- package/{eds-login.entry-DmJw6ABI.mjs → eds-login.entry-XqWPWCDL.mjs} +1 -1
- package/{eds-logo-variations.entry-U65PDVhE.js → eds-logo-variations.entry-CUD-M_Fd.js} +1 -1
- package/{eds-logo-variations.entry-o4lyGmhR.mjs → eds-logo-variations.entry-Cy_fbJLx.mjs} +1 -1
- package/{eds-matomo-notice.entry-tzuOtKT9.js → eds-matomo-notice.entry-CytVSgYS.js} +1 -1
- package/{eds-matomo-notice.entry-y5SvHzsZ.mjs → eds-matomo-notice.entry-kSuLDx9K.mjs} +2 -2
- package/{eds-navigator.entry-DixbL3UY.js → eds-navigator.entry-BJTqtqld.js} +1 -1
- package/{eds-navigator.entry-CvKDpQVM.mjs → eds-navigator.entry-DdzcXSRW.mjs} +1 -1
- package/{eds-pagination_2.entry-CRrIKRa-.mjs → eds-pagination_2.entry-B5PLo2Uu.mjs} +23 -15
- package/eds-pagination_2.entry-DUsG8tcv.js +1 -0
- package/{eds-progress-bar.entry-Bmjv2r3W.js → eds-progress-bar.entry-BBFsASiy.js} +1 -1
- package/{eds-progress-bar.entry-sdqDGSI3.mjs → eds-progress-bar.entry-DdqH0plT.mjs} +1 -1
- package/{eds-rating.entry-J5lQt6oj.mjs → eds-rating.entry-CErokyKU.mjs} +6 -8
- package/{eds-rating.entry-dK5fopCq.js → eds-rating.entry-p9oWKCkQ.js} +1 -1
- package/{eds-section-core_2.entry-cwkrHET8.mjs → eds-section-core_2.entry-D3HYngR_.mjs} +1 -1
- package/{eds-section-core_2.entry-DBjBQ_AT.js → eds-section-core_2.entry-D_nLUa29.js} +1 -1
- package/{eds-svg-repository.entry-UvAba6M3.mjs → eds-svg-repository.entry-C-kayEdW.mjs} +1 -1
- package/{eds-svg-repository.entry-BEJBJ538.js → eds-svg-repository.entry-in72TP_1.js} +1 -1
- package/{eds-tab.entry-CR1nFyrH.mjs → eds-tab.entry-BKYSiEkl.mjs} +1 -1
- package/{eds-tab.entry-uQka8MTr.js → eds-tab.entry-BUzZWKac.js} +1 -1
- package/{eds-tabs-content.entry-BKT7-iAV.mjs → eds-tabs-content.entry-3cyCQAth.mjs} +2 -2
- package/{eds-tabs-content.entry-CTM0EjTl.js → eds-tabs-content.entry-Cg7U8c5D.js} +1 -1
- package/{eds-tabs.entry-BKx8xHJ8.mjs → eds-tabs.entry-B8q09in2.mjs} +2 -2
- package/{eds-tabs.entry-BWxSN8SV.js → eds-tabs.entry-DS6qBEo7.js} +1 -1
- package/eds-timeline.entry-DEcov8mq.js +1 -0
- package/{eds-timeline.entry-B7jxBFA4.mjs → eds-timeline.entry-DhHSQScv.mjs} +7 -7
- package/{eds-tooltip.entry-DJqN6_P4.mjs → eds-tooltip.entry-BTunlfGS.mjs} +14 -6
- package/eds-tooltip.entry-sjwuhdKF.js +1 -0
- package/eds-trl.entry-BHrlC_5O.js +1 -0
- package/eds-trl.entry-Bt28XH55.mjs +34 -0
- package/generated/components.d.ts +0 -1
- package/{incorrect-use-of-colors.entry-DsNEjuWo.mjs → incorrect-use-of-colors.entry-DkY89xG1.mjs} +1 -1
- package/{incorrect-use-of-colors.entry-D7xAYXu2.js → incorrect-use-of-colors.entry-e4VhTVHS.js} +1 -1
- package/index-D2H_BflF.js +21 -0
- package/{index-Dg2DO7q4.mjs → index-I5Asbjce.mjs} +245 -299
- package/index.js +1 -1
- package/index.mjs +22 -23
- package/{logo-space.entry-DC5fUroI.js → logo-space.entry-DsM5jXgX.js} +1 -1
- package/{logo-space.entry-Cf-keXHv.mjs → logo-space.entry-GnVq-srD.mjs} +1 -1
- package/{logo-variations-horizontal_2.entry-BWau6qh4.js → logo-variations-horizontal_2.entry-BeQ_r9Li.js} +1 -1
- package/{logo-variations-horizontal_2.entry-xvJ8Iiu5.mjs → logo-variations-horizontal_2.entry-CC7tj8Hr.mjs} +1 -1
- package/{logo-wrong-usage.entry-RcSb8NIe.mjs → logo-wrong-usage.entry-Ct1Ae63m.mjs} +1 -1
- package/{logo-wrong-usage.entry-sU8NISwX.js → logo-wrong-usage.entry-DkqcMaqp.js} +1 -1
- package/package.json +1 -4
- package/{token-list_3.entry-CheMK1r_.mjs → token-list_3.entry-CReCwFzO.mjs} +1 -1
- package/{token-list_3.entry-BkOkChEb.js → token-list_3.entry-DaIOT7_R.js} +1 -1
- package/{token-ratios.entry-rSMXHIix.mjs → token-ratios.entry-Dh8kvz8R.mjs} +1 -1
- package/{token-ratios.entry-Dfz4q4qy.js → token-ratios.entry-aBiRsmfr.js} +1 -1
- package/{token-spacing.entry-DvopunO1.mjs → token-spacing.entry-C5HX4qPq.mjs} +1 -1
- package/{token-spacing.entry-ByzbVlGi.js → token-spacing.entry-DDiMRsNO.js} +1 -1
- package/{token-typography.entry-CExckWkx.mjs → token-typography.entry-CIETKadf.mjs} +1 -1
- package/{token-typography.entry-AjIHL4M4.js → token-typography.entry-DG-4k5gY.js} +1 -1
- package/eds-accordion.entry-RvtdAQT0.mjs +0 -58
- package/eds-accordion.entry-h9ApF51u.js +0 -4
- package/eds-alert.entry-C6VZ3ss6.js +0 -608
- package/eds-alert.entry-D5o-ZjCb.mjs +0 -688
- package/eds-avatar_17.entry-08AUpBqo.mjs +0 -15630
- package/eds-avatar_17.entry-BQZz43q9.js +0 -14540
- package/eds-card-desc_3.entry-D7hiMZ09.mjs +0 -87
- package/eds-card-desc_3.entry-Dxs_izUN.js +0 -1
- package/eds-card-generic.entry-0IAAHjtS.mjs +0 -63
- package/eds-card-generic.entry-DZYZP5oa.js +0 -1
- package/eds-card-tags.entry-CnHitp9l.js +0 -1
- package/eds-card-tags.entry-XboLA5-P.mjs +0 -13
- package/eds-form.entry-D8FLPsaS.js +0 -7153
- package/eds-form.entry-zewjTpaa.mjs +0 -7319
- package/eds-frame.entry-BlOnLCrI.js +0 -1
- package/eds-frame.entry-SCGm_pju.mjs +0 -74
- package/eds-input_7.entry-BV0VagCj.js +0 -7167
- package/eds-input_7.entry-CRNkC-uR.mjs +0 -7368
- package/eds-modal.entry-B7Ph4m3y.js +0 -1
- package/eds-modal.entry-BW8crUoC.mjs +0 -65
- package/eds-pagination_2.entry-DoZ-NFBH.js +0 -1
- package/eds-timeline.entry-D9KWrb_r.js +0 -1
- package/eds-tooltip.entry-CfhqHRxF.js +0 -1
- package/eds-trl.entry-COK7rgVS.mjs +0 -36
- package/eds-trl.entry-CoySvAJL.js +0 -1
- package/index-Dvww9rdy.js +0 -21
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-D2H_BflF.js");exports.EdsAccordion=d.EdsAccordion;exports.EdsAlert=d.EdsAlert;exports.EdsAvatar=d.EdsAvatar;exports.EdsBlockBreak=d.EdsBlockBreak;exports.EdsBreadcrumb=d.EdsBreadcrumb;exports.EdsButton=d.EdsButton;exports.EdsCardDesc=d.EdsCardDesc;exports.EdsCardGeneric=d.EdsCardGeneric;exports.EdsCardSection=d.EdsCardSection;exports.EdsCodeBlock=d.EdsCodeBlock;exports.EdsDropdown=d.EdsDropdown;exports.EdsFooter=d.EdsFooter;exports.EdsForm=d.EdsForm;exports.EdsFrame=d.EdsFrame;exports.EdsFullscreenMenu=d.EdsFullscreenMenu;exports.EdsHeader=d.EdsHeader;exports.EdsIconWrapper=d.EdsIconWrapper;exports.EdsImg=d.EdsImg;exports.EdsInputField=d.EdsInputField;exports.EdsLink=d.EdsLink;exports.EdsLogin=d.EdsLogin;exports.EdsLogo=d.EdsLogo;exports.EdsMatomoNotice=d.EdsMatomoNotice;exports.EdsModal=d.EdsModal;exports.EdsPagination=d.EdsPagination;exports.EdsProgressBar=d.EdsProgressBar;exports.EdsRating=d.EdsRating;exports.EdsSectionCore=d.EdsSectionCore;exports.EdsSectionHeading=d.EdsSectionHeading;exports.EdsSocialNetworks=d.EdsSocialNetworks;exports.EdsTable=d.EdsTable;exports.EdsTabs=d.EdsTabs;exports.EdsTag=d.EdsTag;exports.EdsTimeline=d.EdsTimeline;exports.EdsToast=d.EdsToast;exports.EdsToastManager=d.EdsToastManager;exports.EdsTooltip=d.EdsTooltip;exports.EdsUser=d.EdsUser;
|
package/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { E as d, a as E, b as o, d as e, e as r, f as n, i as t, j as i, k as c, l, m as g, n as m, o as p, p as
|
|
1
|
+
import { E as d, a as E, b as o, d as e, e as r, f as n, i as t, j as i, k as c, l, m as g, n as m, o as p, p as B, q as T, s as k, t as u, u as C, v as F, w as M, x as b, y as A, z as I, A as L, B as S, C as w, D, F as H, G as N, H as P, I as f, J as v, K as x, L as G, M as j, N as q, O as y, P as z } from "./index-I5Asbjce.mjs";
|
|
2
2
|
export {
|
|
3
3
|
d as EdsAccordion,
|
|
4
4
|
E as EdsAlert,
|
|
@@ -13,30 +13,29 @@ export {
|
|
|
13
13
|
g as EdsDropdown,
|
|
14
14
|
m as EdsFooter,
|
|
15
15
|
p as EdsForm,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
B as EdsFrame,
|
|
17
|
+
T as EdsFullscreenMenu,
|
|
18
|
+
k as EdsHeader,
|
|
19
|
+
u as EdsIconWrapper,
|
|
20
20
|
C as EdsImg,
|
|
21
21
|
F as EdsInputField,
|
|
22
|
-
I as EdsInputSelect,
|
|
23
22
|
M as EdsLink,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
b as EdsLogin,
|
|
24
|
+
A as EdsLogo,
|
|
25
|
+
I as EdsMatomoNotice,
|
|
27
26
|
L as EdsModal,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
27
|
+
S as EdsPagination,
|
|
28
|
+
w as EdsProgressBar,
|
|
29
|
+
D as EdsRating,
|
|
30
|
+
H as EdsSectionCore,
|
|
31
|
+
N as EdsSectionHeading,
|
|
32
|
+
P as EdsSocialNetworks,
|
|
33
|
+
f as EdsTable,
|
|
34
|
+
v as EdsTabs,
|
|
35
|
+
x as EdsTag,
|
|
36
|
+
G as EdsTimeline,
|
|
37
|
+
j as EdsToast,
|
|
38
|
+
q as EdsToastManager,
|
|
39
|
+
y as EdsTooltip,
|
|
40
|
+
z as EdsUser
|
|
42
41
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),a=require("./logo-color-margins-ff8ce71b-Dk06zr1Z.js"),o=".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.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)}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}",n=o,r=class{constructor(t){e.registerInstance(this,t)}render(){return e.h("div",{key:"004134f2770f755a3ae0d158b9ec6987a64dcc8b",class:"container my-20"},e.h("div",{key:"49b57e44a4a68b5d6393ee3284af58d56aa5c014",class:"w-[300px]"},e.h("div",{key:"4812ffe1b1df94ece0e2d391648aea812c7c9028",class:"bg-dark"},e.h("div",{key:"ce3bbecdba5bbabb14d1b0e197318cf4180f8699",class:"logo-container",innerHTML:a.vLogoMargins}))))}};r.style=n;exports.logo_space=r;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r, h as e } from "./index-
|
|
1
|
+
import { r, h as e } from "./index-I5Asbjce.mjs";
|
|
2
2
|
import { v as t } from "./logo-color-margins-ff8ce71b-B9nMsY9Q.mjs";
|
|
3
3
|
const o = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.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)}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}", n = o, i = class {
|
|
4
4
|
constructor(a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),o=`.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.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)}.w-\\[150px\\]{width:150px}.w-\\[500px\\]{width:500px}@media (min-width: 750px){.md\\:w-\\[300px\\]{width:300px}.md\\:w-\\[500px\\]{width:500px}}@media (min-width: 900px){.lg\\:w-\\[300px\\]{width:300px}.lg\\:w-\\[500px\\]{width:500px}}.coloured{background:linear-gradient(to left,
|
|
2
2
|
#9CE142 0%,
|
|
3
3
|
#00C959 50%,
|
|
4
4
|
#00A595 100%)}`,n=o,t=class{constructor(a){e.registerInstance(this,a)}render(){return e.h("div",{key:"577cade970766dbbbd654258efe78920d8c0dbaf"},e.h("div",{key:"1c577dafe342384bffce716b4bcb9494685f2283",class:"container my-16"},e.h("h3",{key:"b9f78264dbbe144cc9c7823c48874b3618af3919",class:"f-heading03"},"Coloured Background"),e.h("div",{key:"c07b24eb1a3338d33a3b95c0228a1a7f297a0976",class:"coloured lg:w-[500px] md:w-[300px]"},e.h("eds-logo",{key:"ed173d7c59ae22ad55814cf64222a5ce52d108d4",type:"no-bg",href:"#"}))),e.h("div",{key:"7d939b469a8ce14f609e529121a830d9a47af857",class:"container my-16"},e.h("h3",{key:"f110490f66e3d27f204e289a5eb85461c13594fa",class:"f-heading03"},"Black and White Background"),e.h("div",{key:"d05bd8166d2a60aac723436b96e2451ae4459c04",class:"bg-default lg:w-[500px] md:w-[300px]"},e.h("eds-logo",{key:"ce24bb6db3038d781a4d1917012c0d4ed7f23b1a",type:"black",href:"#"}))),e.h("div",{key:"32fbbb1568604bdfd04c6ca6c14a558a3c490ed8",class:"container my-16"},e.h("h3",{key:"ef03e68319669f548c7826d6387072af8d3f5a66",class:"f-heading03"},"Dark Background "),e.h("div",{key:"a6b082f14400be771f43074c1f7f0bc348e77673",class:"lg:w-[500px] md:w-[300px]"},e.h("eds-logo",{key:"569f77f1b43b4a65a39720017b34273d6f3d7baa",type:"color-white",href:"#"}))))}};t.style=n;const i=`.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.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)}.w-\\[150px\\]{width:150px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as e } from "./index-
|
|
1
|
+
import { r as t, h as e } from "./index-I5Asbjce.mjs";
|
|
2
2
|
const r = `.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.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)}.w-\\[150px\\]{width:150px}.w-\\[500px\\]{width:500px}@media (min-width: 750px){.md\\:w-\\[300px\\]{width:300px}.md\\:w-\\[500px\\]{width:500px}}@media (min-width: 900px){.lg\\:w-\\[300px\\]{width:300px}.lg\\:w-\\[500px\\]{width:500px}}.coloured{background:linear-gradient(to left,
|
|
3
3
|
#9CE142 0%,
|
|
4
4
|
#00C959 50%,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as d, h as e } from "./index-
|
|
1
|
+
import { r as d, h as e } from "./index-I5Asbjce.mjs";
|
|
2
2
|
import { h as a } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
|
|
3
3
|
const c = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.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-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}", r = c, l = class {
|
|
4
4
|
constructor(o) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),a=require("./logo-color-7f1fd803-DRD3vZVn.js"),r=".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.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-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}",l=r,o=class{constructor(d){e.registerInstance(this,d)}render(){return e.h("ul",{key:"e2fbd7802c153f970a457011a5dcaf3163d6290f",class:"container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("span",{key:"07d6a5b930dd8ae652e63310c4232e8c3e6858b2",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"5d3dd01a67f41f839e79aa3d449ba319dcc0209c",class:"example"},e.h("div",{key:"6b51ea71b6b4072ec6c66223a4f92c1232e8691a",class:"bg-dark "},e.h("div",{key:"03a476635bc1112f1ea2d4ed10df0415ead7f0f8",class:"no-other-bg-color logo",innerHTML:a.hLogoColor})),e.h("p",{key:"084116335e9f8ed4c9d2a04a9551097dc2a53c4a",class:"f-ui-02"},"Do not use with backgrounds that make legibility difficult"))),e.h("span",{key:"e67f1bdeee28928f4f6f8fb5d1e0b59160edd949",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"b0e909eb57a6771b32a93dd0932ef5b848a19ff2",class:"example"},e.h("div",{key:"19bc9f29ddbffd1c308cb429100f0af3d58237a1",class:"no-other-color p-16"},e.h("div",{key:"301c5cb926b9ad167f1ba096f99a874577617fb1",class:"logo non-brand-color",innerHTML:a.hLogoColor})),e.h("p",{key:"b41ab53c2af9efeafb46d41a515eba2f801d49e4",class:"f-ui-02"},"Do not apply other colors"))),e.h("span",{key:"826ae54f62c5a3880adf1833dbc19bbb9e1ec6f2",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"092d5fc3176845532ecf577c66d6e3a349ebfe45",class:"example"},e.h("div",{key:"1d1d3cc86e728fc21f898c59ff1511c5fa728f9f",class:"bg-light p-16"},e.h("div",{key:"df05102398d3de9916a23d0998529d8ca8a66257",class:"logo distorted",innerHTML:a.hLogoColor})),e.h("p",{key:"377e38a762855d563d087eb275481de6a17ddbbb",class:"f-ui-02"},"Do not deform the logo"))),e.h("span",{key:"766c4ea568c8bf2fa1efa207ff5f602e5128aef3",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"cf4e883370c0ee284167bea7f2c0c603932d1682",class:"example"},e.h("div",{key:"de160646456f91316bf966db6568c20ff382dd3b",class:"bg-white p-16"},e.h("div",{key:"5aa03093e5e483547919eaeca58643e54a286405",class:"logo effects",innerHTML:a.hLogoColor})),e.h("p",{key:"aa65e295008001d6fe2b2168d8f7f43a770ec8e3",class:"f-ui-02"},"Do not apply effects"))),e.h("span",{key:"d0eb2536e430b6e9fdb9a37d638d5c31ee81e205",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"43ec87b4632c2709404aff9d3e7bbcb2910426ca",class:"example"},e.h("div",{key:"36cd6dc2b23070e5c7fdfc09444d3ccbb8681216",class:"bg-white p-16"},e.h("div",{key:"a1077b322d113220e05ee3edce627c60547cb49a",class:"logo rotated",innerHTML:a.hLogoColor})),e.h("p",{key:"86c384f5cf362d16bd6ac5ac8448e3e0d591fa18",class:"f-ui-02"},"Do not rotate the logo"))),e.h("span",{key:"b267f6024a4e7bad6348d323606922888db5264b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"0bd0c5d62e454ce133a187e7d3917afc0c26c551",class:"example"},e.h("div",{key:"71e4c1681cfbb64970237b410e0925a0f22e1141",class:"bg-light p-16"},e.h("div",{key:"01ab5d75102b9f476fecebcc31c975f6d4720c12",class:"logo outlined",innerHTML:a.hLogoColor})),e.h("p",{key:"0734a049d710d1f6406989668f60da1249e29c7b",class:"f-ui-02"},"Do not apply outlines"))),e.h("span",{key:"830b7b2a8cdf6dfc7f395dc92db42fbe626a7ae4",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"}),e.h("span",{key:"ca40bb4ea839eacf62e93f7fbec41f076f7b12a6",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"641a963ba81294eefe8fc00dd0a3bdca91af94a2",class:"example"},e.h("div",{key:"70691be08e9081899fb2928d5d287aaebef3b399",class:"bg-accent p-16"},e.h("div",{key:"556135fd6596b530bf959bb9984641f185cd9f96",class:"text-inverse",innerHTML:a.hLogoColor})),e.h("p",{key:"7eaded302e41fc1d04f2033add829dfaba6e8012",class:"f-ui-02"},"Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))}};o.style=l;exports.logo_wrong_usage=o;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ebrains/vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0-alpha.0",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -8,8 +8,5 @@
|
|
|
8
8
|
"import": "./index.mjs",
|
|
9
9
|
"require": "./index.js"
|
|
10
10
|
}
|
|
11
|
-
},
|
|
12
|
-
"dependencies": {
|
|
13
|
-
"@ebrains/components":"0.3.0-alpha.0"
|
|
14
11
|
}
|
|
15
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),l={tokens:{"grey-100":"#f8f8f8","grey-200":"#f2f2f2","grey-300":"#e6e6e6","grey-400":"#d8d8d8","grey-500":"#8c8c8c","grey-600":"#6e6e6e","grey-700":"#666666","grey-800":"#4d4d4d","grey-900":"#242424","green-100":"#eaffee","green-200":"#d3ffdc","green-300":"#9dffb4","green-400":"#63fb92","green-500":"#00e766","green-600":"#00c959","green-700":"#009d45","green-800":"#007734","green-900":"#004f23","yellow-100":"#fefee5","yellow-200":"#ffffcb","yellow-300":"#fdfdaa","yellow-400":"#ffff8b","yellow-500":"#ffff51","yellow-600":"#f3f30a","yellow-700":"#d7d72b","yellow-800":"#9a9a1e","yellow-900":"#636313","orange-100":"#fff4ee","orange-200":"#ffeade","orange-300":"#ffdcc5","orange-400":"#ffcca9","orange-500":"#ffb87e","orange-600":"#ffa543","orange-700":"#cb7f28","orange-800":"#995f1e","orange-900":"#653f14","red-100":"#feefef","red-200":"#ffe0e1","red-300":"#ffc7c9","red-400":"#ff9ea2","red-500":"#ff7a7f","red-600":"#ff4d68","red-700":"#d01111","red-800":"#a3001a","red-900":"#6f0011","purple-100":"#f9f3ff","purple-200":"#f4e8ff","purple-300":"#e9ceff","purple-400":"#ddb1ff","purple-500":"#d18fff","purple-600":"#c461ff","purple-700":"#af56e4","purple-800":"#8337b1","purple-900":"#3d1e4f","blue-100":"#eff0ff","blue-200":"#dee0ff","blue-300":"#caceff","blue-400":"#b2b8ff","blue-500":"#7a89f5","blue-600":"#2b69fc","blue-700":"#0034cb","blue-800":"#002799","blue-900":"#001a65","cyan-100":"#E0EEFF","cyan-200":"#D3E6FF","cyan-300":"#B5D8FF","cyan-400":"#92C8FF","cyan-500":"#6CBFFE","cyan-600":"#3FA9F5","cyan-700":"#267FBE","cyan-800":"#1F689B","cyan-900":"#15496D",black:"#000000",white:"#ffffff",transparent:"transparent",current:"currentColor"},border:{default:"black",inverse:"white","inverse-soft":"rgba(255, 255, 255, 0.3)","inverse-softer":"rgba(255, 255, 255, 0.15)",soft:"rgba(0, 0, 0, .15 )",softer:"rgba(0, 0, 0, .1 )",softest:"rgba(0, 0, 0, .05 )",accent:"green-500",error:"red-700",current:"currentColor",transparent:"transparent"},text:{inverse:"white",default:"black",current:"currentColor",transparent:"transparent",light:"grey-700",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300",success:"green-800",warning:"yellow-900",error:"red-700",accent:"green-500","on-gradient":"rgba(0, 0, 0, 0.55)"},background:{default:"grey-200",inverse:"white","inverse-soft":"rgba(255, 255, 255, .2)","inverse-softer":"rgba(255, 255, 255, .15)",dark:"grey-300",darker:"grey-400",strong:"grey-700","strong-dark":"grey-800",stronger:"grey-900",strongest:"black","strongest-soft":"rgba(0, 0, 0, .05)",accent:"green-500","accent-dark":"green-600","accent-darker":"green-800",success:"green-200",warning:"yellow-200",error:"red-200",current:"currentColor",transparent:"transparent",overlay:"rgba(0, 0, 0, 0.25)","on-gradient":"rgba(0, 0, 0, 0.1)","on-dark":"rgba(255, 255, 255, 0.2)"},underline:{accent:"green-500",light:"grey-700",lighter:"grey-600",lightest:"grey-500","extra-light":"grey-300"},outline:{default:"black",accent:"green-500"},gradients:{"gradient-01-top":"gradient-01-top","gradient-02-top":"gradient-02-top","gradient-03-top":"gradient-03-top","gradient-04-top":"gradient-04-top","gradient-01-bottom":"gradient-01-bottom","gradient-02-bottom":"gradient-02-bottom","gradient-03-bottom":"gradient-03-bottom","gradient-04-bottom":"gradient-04-bottom"}},g=class{constructor(r){e.registerInstance(this,r),this.show=void 0}getTextColor(r){if(r.startsWith("rgba")||r.startsWith("rgb")){const t=r.replace(/rgba?\(/,"").replace(")","").split(",").map(c=>parseFloat(c.trim())),s=t[0],o=t[1],a=t[2];return(.299*s+.587*o+.114*a)/255>.5?"text-default":"text-inverse"}else if(r.startsWith("#")){const t=r.replace("#",""),s=parseInt(t.substring(0,2),16),o=parseInt(t.substring(2,4),16),a=parseInt(t.substring(4,6),16);return(.299*s+.587*o+.114*a)/255>.5?"text-default":"text-inverse"}return"text-default"}resolveColor(r){return l.tokens[r]?l.tokens[r]:r}renderSection(r,t){if(r==="tokens"){const s=this.groupTokensByCategory(t);return Object.entries(s).map(([,o])=>e.h("ul",{class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},o.map(a=>{const n=Object.keys(a)[0],c=this.resolveColor(a[n]),d=this.getTextColor(c);return e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"effect-height items-center justify-between p-16 hidden lg:flex",style:{backgroundColor:c}},e.h("span",{class:`${d} f-body-02`},n),e.h("div",{class:"inline-flex"},e.h("eds-code-block",{code:c,language:"hex",class:"min-w-[210px] mr-4"}),e.h("eds-code-block",{language:"css",code:`var(--${n})`,class:"min-w-[210px]"}))),e.h("div",{class:"effect-height items-center justify-between p-16 block lg:hidden",style:{backgroundColor:c}},e.h("span",{class:`${d} f-body-02`},n),e.h("div",{class:"inline block"},e.h("eds-code-block",{code:c,class:"min-w-[210px] mb-4"}),e.h("eds-code-block",{code:`var(--${n})`,class:"min-w-[210px]"}))))})))}return e.h("ul",{class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(t).map(([s,o])=>{const a=this.resolveColor(o),n=this.getTextColor(a),c=a.startsWith("#")||a.startsWith("rgb")?{backgroundColor:a}:{border:`2px solid ${a}`};return e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{class:"effect-height block lg:flex items-center justify-between p-16",style:c},e.h("div",{class:"w-full flex"},e.h("span",{class:`${n} mr-auto font-bold`},s),e.h("span",{class:`${n} ml-auto mr-4 font-bold`},o)),e.h("span",{class:`${n}`},r==="background"?e.h("eds-code-block",{code:`bg-${s}`,class:"min-w-[210px] mr-4"}):e.h("eds-code-block",{code:`${r}-${s}`,class:r==="border"?"min-w-[250px] mr-4":"min-w-[210px] mr-4"}))))}))}groupTokensByCategory(r){const t={};return Object.entries(r).forEach(([s,o])=>{const a=s.split("-")[0];t[a]||(t[a]=[]),t[a].push({[s]:o})}),t}render(){const r=this.show?{[this.show]:l[this.show]}:l;return e.h("section",{key:"ac8573b341ad313eba0f9f082dcc72cfc81208b3",class:"w-full mt-28"},Object.entries(r).map(([t,s])=>s?this.renderSection(t,s):null))}},f={xxs:"2px",xs:"4px",sm:"8px",md:"12px",lg:"16px",pill:"100px"},i=class{constructor(r){e.registerInstance(this,r)}render(){return e.h("section",{key:"84dabcd5a39d49e116f8fc9e9b26e00455c7fbb3",class:"w-full mt-28"},e.h("ul",{key:"a821c747c45b8898ab2e7626d2ead91814549335",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(f).map(([r,t])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:`w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${r}`},e.h("eds-code-block",{language:"Utility Class",code:`rounded-${r}`,class:"mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto"}),e.h("eds-code-block",{code:`border-radius:${t}`,language:"css",class:"mx-auto min-w-[200px] sm:max-w-[200px] ml-auto"}))))))}},b={small:"0px 1.5px 2px rgba(0, 0, 0, 0.1)",hover:"0px 0px 16px rgba(0, 0, 0, 0.2)",accent:"0px 0px 12px rgba(0, 201, 89, 0.6)",podium:"0px 0px 8px 8px rgb(0 0 0 / 25%);",border:"0 10px 10px rgba(0, 0, 0, 0.15);","border-top":"0 -10px 10px rgba(0, 0, 0, 0.15);"},p={small:"0px 0px 16px rgba(0, 0, 0, 0.3)"},u={shadows:b,dropShadows:p},h=class{constructor(r){e.registerInstance(this,r)}render(){return e.h("section",{key:"4575feac8b5bff23aed39733e638fbb62916988f",class:"w-full mt-28"},e.h("ul",{key:"c9833aa0d698a7ec33911011ccb9227d43c8261a",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(u).map(([r,t])=>Object.entries(t).map(([s,o])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"},e.h("div",{class:"w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft",style:{boxShadow:o}},e.h("eds-code-block",{code:`${r}-${s}`,language:"Utility Class",class:"mr-auto sm:mb-4 min-w-[200px]"}),e.h("eds-code-block",{code:`${o}`,language:"css",class:"ml-auto min-w-[200px]"})))))))}};exports.token_list=g;exports.token_radii=i;exports.token_shadows=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),a={"1x1":"1/1","21x9":"21/9","16x9":"16/9","3x2":"3/2","4x3":"4/3","4x5":"4/5"},c=class{constructor(t){e.registerInstance(this,t)}render(){return e.h("section",{key:"9c4dc70bd40a40fbeedc88280ea3fdd4b2597e40",class:"w-full"},e.h("eds-section-core",{key:"039b72b762e48f62a4fa58d5af7803d0ed73bf6a",tag:"div","section-title":"Aspect Ratios","heading-level":"h3"},e.h("ul",{key:"be3e37d842a24536488b7bc03f24399faa1304ff",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(a).map(([t,s])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:"container ratio-box flex items-center justify-center text-center border-2 border-soft",style:{aspectRatio:s.replace("/",":"),width:"100%",maxWidth:"300px"}},e.h("span",{class:"text-default font-bold mr-auto"},"aspect-",t),e.h("span",{class:"mt-2 text-sm ml-auto"},s)))))))}};exports.token_ratios=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),c=class{constructor(a){e.registerInstance(this,a)}render(){return e.h("div",{key:"5f72b8386e92973faca8b22ebadcffa5b8ca8744",class:"w-full"},e.h("ul",{key:"619cc2546059aaac566dc89f56b098f72f7c2bde",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"b90587543210e02a577854ce061472ef8f3bdc7a",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"d98ea95c641209ba592aae8c695e278549840420",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"6dd84540a213d98fa09480eac823fe030dfb2404",class:"spacing-sample m-32 bg-darker"},e.h("span",{key:"ad0493ba8d97cdcc15535505db4d726d6f69bd38",class:"text-white"},"Margin: 2rem / m-32")))),e.h("li",{key:"a0914d288cdb4b9caef6956af0069cd0937ee019",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"95adc2b10d3962378de300e00b749b691fda88af",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"8bad94397c9fe8112b49933a508958000f9cd99d",class:"spacing-sample ml-64 bg-darker"},e.h("span",{key:"04229385104243a5ce9a194c4f8056f7341a6736",class:"text-white"},"Margin Left: 4rem / ml-64")))),e.h("li",{key:"f34e1fd5ccafc528ed9359766deaa5c615a2e14b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"38e12800b2c8502ea2f9e912af929f71d3ec9699",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"f4e93d89576ab3de7f44ce3a85d9838f21bfa7f6",class:"spacing-sample mt-32 bg-darker"},e.h("span",{key:"e85e2e1c7c4c7e765dfafd25dc9f2c33b6bd5069",class:"text-white"},"Margin Top: 2rem / mt-32")))),e.h("li",{key:"b42299c17c024a5906bd09c80a2f309b461b6fde",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"f54a9e32893ac6f1b0384e79e2959d1e65a251e2",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"4209fa0c979a1d55d42d7b892bc94cc0f3788e88",class:"spacing-sample p-32 bg-darker"},e.h("span",{key:"1d9249c56d3a42500dfb8cc1d3eae1f89e79cdcd",class:"text-white"},"Padding: 2rem / p-32")))),e.h("li",{key:"ad6f2e33e15c4c21bdfed8478b3d2faa905490fa",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"9950970e66b8a382e7b0158b54e980a5e5f45774",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"40e96cd046eaddf3a23387995affbfc399d171ae",class:"spacing-sample pt-32 bg-darker"},e.h("span",{key:"2d120273f7a6d4429061d0ade2164ada9a14b506",class:"text-white"},"Padding Top: 2rem / pt-32")))),e.h("li",{key:"8c3327edc63f8959c0cb01cce0a8407bf3a605af",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"c0be38039770c54577f073e1a707110cd0807ab5",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"d8085da375e734ed11fe580f1a9004f6fddef679",class:"spacing-sample pl-32 bg-darker"},e.h("span",{key:"029857c00659221390438d8477734d0f130d1b97",class:"text-white"},"Padding Left: 2rem / pl-32"))))))}};exports.token_spacing=c;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),s={"heading-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"22px",lineHeight:"120%"}}},l={"body-01":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"17px",lineHeight:"150%"}}},f={"ui-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"120%"}}},g={"display-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}}},a={families:{sans:"Inter, Helvetica, Arial, sans-serif"},typesets:{...s,...l,...f,...g}},c=class{constructor(t){e.registerInstance(this,t)}render(){return e.h("section",{key:"23815518d694435812ed3d7b9aab850043941b96",class:"w-full"},e.h("ul",{key:"366ed5bc5933c5b8a563d33b70471f507a21386c",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(a.typesets).filter(([t])=>t!=="displays").flatMap(([t,o])=>Object.entries(o).map(([n,i])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:"w-full p-4 block lg:flex items-center border border-soft rounded"},e.h("div",{class:"mr-auto hidden lg:block",style:{fontFamily:a.families.sans,fontWeight:i.fontWeight,fontSize:i.fontSize,lineHeight:i.lineHeight,letterSpacing:i.letterSpacing}},e.h("span",{class:"text-default font-bold"},`${t} (${n})`)),e.h("div",{class:"mr-auto block lg:hidden p-4"},e.h("span",{class:"text-default f-heading-05"},`${t} (${n})`)),e.h("div",{class:"ml-auto"},e.h("eds-code-block",{code:`f-${t}`,language:"Utility Class",class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`${n}:f-${t}`,language:"Screen",class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:[i.fontSize&&`font-size: ${i.fontSize};`,i.lineHeight&&`line-height: ${i.lineHeight};`,i.letterSpacing&&`letter-spacing: ${i.letterSpacing};`,i.fontWeight&&`font-weight: ${i.fontWeight};`,i.fontFamily&&`font-family: ${i.fontFamily};`].filter(Boolean).join(`
|
|
2
2
|
`),language:"css",class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-fontFamily)`,class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-fontWeight)`,class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-fontSize)`,class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-lineHeight)`,class:"min-w-[250px] mb-4"}),e.h("eds-code-block",{code:`--var(--f-${t}-letterSpacing)`,class:"min-w-[250px] mb-4"}))))))))}};exports.token_typography=c;
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { r as n, c as o, h as e, g as a } from "./index-Dg2DO7q4.mjs";
|
|
2
|
-
const r = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.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}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.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)}.text-left{text-align:left}.text-center{text-align:center}", d = r, s = class {
|
|
3
|
-
constructor(t) {
|
|
4
|
-
n(this, t), this.accordionChange = o(this, "accordionChange", 7), this.handleClick = () => {
|
|
5
|
-
this.isExpanded = !this.isExpanded, this.accordionChange.emit(this.isExpanded), this.setPanelHeight();
|
|
6
|
-
}, this.setPanelHeight = () => {
|
|
7
|
-
this.childContentRef && (this.shortContent = this.wrapperRef.scrollWidth > 830 && !this.description ? this.childContentRef.scrollHeight <= 80 : this.childContentRef.scrollHeight <= 20, this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0);
|
|
8
|
-
}, this.title = void 0, this.description = void 0, this.switchBg = !0, this.expanded = !1, this.clampText = !0, this.minHeightContent = !1, this.isExpanded = this.expanded, this.panelHeight = 0, this.shortContent = !1;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Lifecycle method that sets up the initial panel height and adds a resize event listener
|
|
12
|
-
* to recalculate height on window resize.
|
|
13
|
-
*/
|
|
14
|
-
componentDidLoad() {
|
|
15
|
-
this.setPanelHeight();
|
|
16
|
-
const t = this.el.shadowRoot.querySelector("eds-button");
|
|
17
|
-
this.emitContext(t), window.addEventListener("resize", this.setPanelHeight);
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Emits a custom event called `parentContext` for a given link element.
|
|
21
|
-
* This event provides context information about the breadcrumb component.
|
|
22
|
-
*
|
|
23
|
-
* @param linkElement - The link element to which the event will be dispatched.
|
|
24
|
-
*/
|
|
25
|
-
emitContext(t) {
|
|
26
|
-
const i = new CustomEvent("parentContext", {
|
|
27
|
-
detail: {
|
|
28
|
-
componentName: this.el.tagName.toLowerCase(),
|
|
29
|
-
identifier: null
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
t.dispatchEvent(i);
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* Lifecycle method that cleans up the resize event listener when the component is removed.
|
|
36
|
-
*/
|
|
37
|
-
disconnectedCallback() {
|
|
38
|
-
window.removeEventListener("resize", this.setPanelHeight);
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Renders the accordion structure, including header, content, description, and any slotted content.
|
|
42
|
-
* Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
|
|
43
|
-
*/
|
|
44
|
-
render() {
|
|
45
|
-
const t = this.minHeightContent ? "min-h-56" : "";
|
|
46
|
-
return e("div", { key: "1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f", ref: (i) => this.wrapperRef = i, class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16
|
|
47
|
-
${this.switchBg && this.isExpanded ? "bg-inverse" : "bg-default"}
|
|
48
|
-
${this.switchBg ? "hover:bg-inverse" : ""}
|
|
49
|
-
${t}` }, e("h3", { key: "4490bdc1a18b99850e8db8ae1c38fcb37912ec0d", class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), e("div", { key: "82df433a9cc6805a735300fd1bb52f41c639c992", class: "ml-auto" }, e("eds-button", { key: "9965d5eecfa02fbea08c23c44d325417767f6495", id: "accordionId", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-controls": "accordionId", class: "effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none", onClick: this.handleClick, icon: "chevron-down" })), e("div", { key: "7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce", class: "w-full" }, this.description ? e("span", { class: `text-light ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description) : null, e("section", { key: "cb122dd5433d7012cba6f3769f79e92a155c45d7", id: "sectionId", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? "overflow-hidden" : ""}`, style: { height: this.isExpanded ? "auto" : "0" } }, e("div", { key: "0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f", ref: (i) => this.childContentRef = i, class: "accordion-content effect-color pt-20", "aria-hidden": !this.isExpanded }, e("span", { key: "d119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "b2a6917ec65bc808389a2d1c77cd1183f00cbaa1" }))))));
|
|
50
|
-
}
|
|
51
|
-
get el() {
|
|
52
|
-
return a(this);
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
s.style = d;
|
|
56
|
-
export {
|
|
57
|
-
s as eds_accordion
|
|
58
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),o="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.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}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.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)}.text-left{text-align:left}.text-center{text-align:center}",r=o,n=class{constructor(t){e.registerInstance(this,t),this.accordionChange=e.createEvent(this,"accordionChange",7),this.handleClick=()=>{this.isExpanded=!this.isExpanded,this.accordionChange.emit(this.isExpanded),this.setPanelHeight()},this.setPanelHeight=()=>{this.childContentRef&&(this.shortContent=this.wrapperRef.scrollWidth>830&&!this.description?this.childContentRef.scrollHeight<=80:this.childContentRef.scrollHeight<=20,this.panelHeight=this.isExpanded&&!this.shortContent?this.childContentRef.scrollHeight:0)},this.title=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.minHeightContent=!1,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1}componentDidLoad(){this.setPanelHeight();const t=this.el.shadowRoot.querySelector("eds-button");this.emitContext(t),window.addEventListener("resize",this.setPanelHeight)}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(i)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){const t=this.minHeightContent?"min-h-56":"";return e.h("div",{key:"1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f",ref:i=>this.wrapperRef=i,class:`container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16
|
|
2
|
-
${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"}
|
|
3
|
-
${this.switchBg?"hover:bg-inverse":""}
|
|
4
|
-
${t}`},e.h("h3",{key:"4490bdc1a18b99850e8db8ae1c38fcb37912ec0d",class:"mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1"},this.title),e.h("div",{key:"82df433a9cc6805a735300fd1bb52f41c639c992",class:"ml-auto"},e.h("eds-button",{key:"9965d5eecfa02fbea08c23c44d325417767f6495",id:"accordionId",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-controls":"accordionId",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),e.h("div",{key:"7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce",class:"w-full"},this.description?e.h("span",{class:`text-light ${!this.isExpanded&&this.clampText?"line-clamp-1":""}`},this.description):null,e.h("section",{key:"cb122dd5433d7012cba6f3769f79e92a155c45d7",id:"sectionId","aria-hidden":!this.isExpanded,class:`z-1 effect-height relative h-0 w-full ${!this.isExpanded&&this.clampText?"overflow-hidden":""}`,style:{height:this.isExpanded?"auto":"0"}},e.h("div",{key:"0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f",ref:i=>this.childContentRef=i,class:"accordion-content effect-color pt-20","aria-hidden":!this.isExpanded},e.h("span",{key:"d119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"b2a6917ec65bc808389a2d1c77cd1183f00cbaa1"}))))))}get el(){return e.getElement(this)}};n.style=r;exports.eds_accordion=n;
|