@ebrains/vue 0.9.1-beta → 0.9.3-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/{color-primary-palette_6.entry-DrUcl0_Y.mjs → color-primary-palette_6.entry-CloKiAKI.mjs} +19 -19
- package/color-primary-palette_6.entry-DnBuZqiu.js +1 -0
- package/{components-section.entry-Dpc-I4Dk.js → components-section.entry-BZl-upvI.js} +2 -2
- package/{components-section.entry-BC6fAK4x.mjs → components-section.entry-DEtf0V8r.mjs} +2 -2
- package/{correct-use-of-colors.entry-BIOVttVR.mjs → correct-use-of-colors.entry-CvrVVhIA.mjs} +2 -2
- package/{correct-use-of-colors.entry-D4g8NP4t.js → correct-use-of-colors.entry-ajROARV6.js} +1 -1
- package/{docs-palettes.entry-Af1cfpJK.js → docs-palettes.entry-CegYRhKo.js} +1 -1
- package/{docs-palettes.entry-CxxKTQmL.mjs → docs-palettes.entry-OWUmgE8-.mjs} +2 -2
- package/{docs-tokens.entry-DbqTlBjk.js → docs-tokens.entry-BIwcLv8t.js} +1 -1
- package/{docs-tokens.entry-CSj74lMT.mjs → docs-tokens.entry-D720jRIB.mjs} +2 -2
- package/{eds-accordion.entry-BAszhx2J.mjs → eds-accordion.entry-Ct4upGzD.mjs} +3 -3
- package/{eds-accordion.entry-66EwvfyQ.js → eds-accordion.entry-D5Qn9bWB.js} +2 -2
- package/{eds-alert.entry-D0UbYNdF.js → eds-alert.entry-D9ClanEp.js} +2 -2
- package/{eds-alert.entry-B5fyoE-3.mjs → eds-alert.entry-D9R2BeLM.mjs} +3 -3
- package/{eds-app-root.entry-COtx8lgi.js → eds-app-root.entry-C-CwU-8Y.js} +1 -1
- package/{eds-app-root.entry-DaEWCpgJ.mjs → eds-app-root.entry-DPM5X6uN.mjs} +4 -4
- package/{eds-avatar_26.entry-D44mROee.mjs → eds-avatar_27.entry-7vAHtj7m.mjs} +225 -118
- package/{eds-avatar_26.entry-B5sFgktG.js → eds-avatar_27.entry-CnmtSNAS.js} +22 -25
- package/{eds-card-desc_2.entry-B6UCTFjF.mjs → eds-card-desc_2.entry-1GoZmzeQ.mjs} +3 -3
- package/{eds-card-desc_2.entry-CRAnQEYT.js → eds-card-desc_2.entry-BfOXVZi0.js} +1 -1
- package/{eds-card-generic.entry-CO_LOs7j.js → eds-card-generic.entry-BKpFgWlR.js} +1 -1
- package/{eds-card-generic.entry-BTkPV7Vy.mjs → eds-card-generic.entry-CT7jqo3p.mjs} +1 -1
- package/eds-card-project.entry-BbLZfxAE.js +1 -0
- package/{eds-card-project.entry-DHpOvYZ4.mjs → eds-card-project.entry-O11d3day.mjs} +7 -7
- package/{eds-card-section.entry-Cj1iWta9.js → eds-card-section.entry-BWDrARpV.js} +1 -1
- package/{eds-card-section.entry-Ckc5tKfn.mjs → eds-card-section.entry-CXFOGMeJ.mjs} +1 -1
- package/eds-card-tags.entry-Debtxwjy.mjs +13 -0
- package/{eds-card-tags.entry-CC8HHmu1.js → eds-card-tags.entry-Do7oGWtS.js} +1 -1
- package/{eds-card-tool.entry-BnSmQnIO.mjs → eds-card-tool.entry-CXluEgpO.mjs} +5 -5
- package/{eds-card-tool.entry-DbRFRI44.js → eds-card-tool.entry-kxsYfCOl.js} +1 -1
- package/{eds-card-wrapper.entry-DqbihYMe.js → eds-card-wrapper.entry-DnHxiCgs.js} +1 -1
- package/{eds-card-wrapper.entry-pXRtDlUm.mjs → eds-card-wrapper.entry-Dyrfqp6K.mjs} +4 -4
- package/{eds-code-block.entry-DOOwL4C5.js → eds-code-block.entry-B2tVEczx.js} +2 -2
- package/{eds-code-block.entry-DzjesAvq.mjs → eds-code-block.entry-BIGwear1.mjs} +2 -2
- package/{eds-cookies-preference.entry-BEg8_L1i.mjs → eds-cookies-preference.entry-BwTBWuc7.mjs} +2 -2
- package/{eds-cookies-preference.entry-DNieltJt.js → eds-cookies-preference.entry-mbjVkbaf.js} +1 -1
- package/{eds-feedback.entry-BPC8n5Vn.js → eds-feedback.entry-CxE8Mda2.js} +1 -1
- package/{eds-feedback.entry-CamM3PGo.mjs → eds-feedback.entry-DQZP2iFN.mjs} +2 -2
- package/{eds-frame.entry-BTSVnilU.mjs → eds-frame.entry-BzGgy3Ya.mjs} +4 -4
- package/{eds-frame.entry-CxtCcM_D.js → eds-frame.entry-CGFInzxQ.js} +1 -1
- package/eds-icon-arrow-diagonal.entry-BzMthIH3.js +1 -0
- package/eds-icon-arrow-diagonal.entry-D0nObc1G.mjs +13 -0
- package/eds-icon-arrow-right.entry-BGLDpWIT.mjs +13 -0
- package/{eds-icon-arrow-right.entry-DnSc-hGl.js → eds-icon-arrow-right.entry-DPLcd0Dg.js} +1 -1
- package/eds-icon-bluesky.entry-ZXTtFyYw.mjs +13 -0
- package/eds-icon-bluesky.entry-bnwTCSoD.js +1 -0
- package/eds-icon-bookmark.entry-BV8nKCLz.mjs +13 -0
- package/{eds-icon-bookmark.entry-CgY2a3NE.js → eds-icon-bookmark.entry-vBTnOEht.js} +1 -1
- package/eds-icon-chevron-down.entry-9YeZRA_B.mjs +13 -0
- package/eds-icon-chevron-down.entry-BNSIoEMh.js +1 -0
- package/eds-icon-chevron-left.entry-BBKqN2RH.js +1 -0
- package/eds-icon-chevron-left.entry-Bm5LaJAt.mjs +13 -0
- package/eds-icon-chevron-right.entry-ChbDkmms.mjs +13 -0
- package/{eds-icon-chevron-right.entry-CK9NLouO.js → eds-icon-chevron-right.entry-CieI-tuC.js} +1 -1
- package/eds-icon-chevron-up.entry-BqkKRoL-.js +1 -0
- package/eds-icon-chevron-up.entry-D3DkXrLO.mjs +13 -0
- package/{eds-icon-close.entry-C82RssRf.js → eds-icon-close.entry-4xYgUnOY.js} +1 -1
- package/eds-icon-close.entry-DQv18xqh.mjs +13 -0
- package/eds-icon-copy.entry-C7-kaujN.mjs +13 -0
- package/{eds-icon-copy.entry-DJvo9Oo3.js → eds-icon-copy.entry-DQl13_LK.js} +1 -1
- package/eds-icon-eu.entry-B8fNjCUv.js +1 -0
- package/eds-icon-eu.entry-DR5lezcj.mjs +13 -0
- package/{eds-icon-external.entry-DB0_JlLk.js → eds-icon-external.entry-BaIofxzF.js} +1 -1
- package/eds-icon-external.entry-DvY_6Ld0.mjs +13 -0
- package/eds-icon-facebook.entry-D7FANZCQ.mjs +13 -0
- package/{eds-icon-facebook.entry-CqhEjMDs.js → eds-icon-facebook.entry-Do2GEkmS.js} +1 -1
- package/{eds-icon-gitlab.entry-ZIUW3Too.mjs → eds-icon-gitlab.entry-D7FC3Vn4.mjs} +2 -2
- package/{eds-icon-gitlab.entry-DkWowBSx.js → eds-icon-gitlab.entry-p78Zzlxs.js} +1 -1
- package/{eds-icon-linkedin.entry-zJM5VYX8.js → eds-icon-linkedin.entry-BYQGxGkX.js} +1 -1
- package/eds-icon-linkedin.entry-CchbiOIO.mjs +13 -0
- package/eds-icon-loader.entry-C8zfXt5G.mjs +13 -0
- package/{eds-icon-loader.entry-D3A9DYDv.js → eds-icon-loader.entry-Cw7oYrm3.js} +1 -1
- package/eds-icon-mastodon.entry-BOgFKnbj.mjs +13 -0
- package/eds-icon-mastodon.entry-C_TXVQJB.js +1 -0
- package/eds-icon-menu.entry-BtdrFvM4.js +1 -0
- package/eds-icon-menu.entry-Dl7Xqhc3.mjs +13 -0
- package/eds-icon-minus.entry-BA5Al4_F.js +1 -0
- package/eds-icon-minus.entry-Bfm78Q48.mjs +13 -0
- package/eds-icon-more.entry-CHzRpt-L.mjs +13 -0
- package/{eds-icon-more.entry-BIQGWWip.js → eds-icon-more.entry-mAUgJoHF.js} +1 -1
- package/eds-icon-paper.entry-DEiOlvnw.mjs +13 -0
- package/eds-icon-paper.entry-DtE79_lg.js +1 -0
- package/eds-icon-plus.entry-BCc2gk-Y.js +1 -0
- package/eds-icon-plus.entry-DxdfImnp.mjs +13 -0
- package/{eds-icon-portal.entry-C2DFez0R.js → eds-icon-portal.entry-DgJxnehb.js} +1 -1
- package/eds-icon-portal.entry-DygPWj8q.mjs +13 -0
- package/{eds-icon-private.entry-CbexBFUk.js → eds-icon-private.entry-BtxnzDjj.js} +1 -1
- package/eds-icon-private.entry-ClDqtUa4.mjs +13 -0
- package/{eds-icon-public.entry-DQzoAi-2.js → eds-icon-public.entry-BKL5QMPS.js} +1 -1
- package/eds-icon-public.entry-D0qOA8dF.mjs +13 -0
- package/{eds-icon-search.entry-D6gOTsOF.js → eds-icon-search.entry-BPeHLF3h.js} +1 -1
- package/eds-icon-search.entry-iegCSWzH.mjs +13 -0
- package/{eds-icon-star.entry-CBJGqbz6.mjs → eds-icon-star.entry-BP6oBKRH.mjs} +2 -2
- package/{eds-icon-star.entry-CIhSd8HY.js → eds-icon-star.entry-DSHqvj6t.js} +1 -1
- package/{eds-icon-success.entry-VMJ6qL6H.mjs → eds-icon-success.entry-B2vqFpAU.mjs} +2 -2
- package/{eds-icon-success.entry-yZ0mp_pH.js → eds-icon-success.entry-DoaW0KlM.js} +1 -1
- package/{eds-icon-thumbs-down.entry-CfZk-XIH.js → eds-icon-thumbs-down.entry-CFMyu-CY.js} +1 -1
- package/eds-icon-thumbs-down.entry-CmV8Km2F.mjs +13 -0
- package/eds-icon-thumbs-up.entry-8RPnzfnW.js +1 -0
- package/eds-icon-thumbs-up.entry-DhfFxKPT.mjs +13 -0
- package/eds-icon-tutorial.entry-B3NRKCnl.mjs +13 -0
- package/eds-icon-tutorial.entry-ImfBSV9b.js +1 -0
- package/{eds-icon-twitter.entry-Dxbad6Ap.js → eds-icon-twitter.entry-BLvpOiN-.js} +1 -1
- package/eds-icon-twitter.entry-Da3X1sWO.mjs +13 -0
- package/eds-icon-unknown.entry--9_uerA-.js +1 -0
- package/eds-icon-unknown.entry-DH3YcJSO.mjs +13 -0
- package/{eds-icon-updown.entry-CX-0FN1w.js → eds-icon-updown.entry-BU4FzzAC.js} +1 -1
- package/eds-icon-updown.entry-D6t6TWtG.mjs +13 -0
- package/eds-icon-user.entry-pb-JM7tE.mjs +13 -0
- package/eds-icon-user.entry-yNOw7Z1J.js +1 -0
- package/eds-icon-youtube.entry-CIx5D-1i.mjs +13 -0
- package/eds-icon-youtube.entry-CNH9Mxfw.js +1 -0
- package/{eds-login_2.entry-vwx33ALN.mjs → eds-login_2.entry-shWfmpH4.mjs} +2 -2
- package/{eds-login_2.entry-BLdyPn8z.js → eds-login_2.entry-swrZnwUp.js} +2 -2
- package/{eds-matomo-notice.entry-DidLaLXw.mjs → eds-matomo-notice.entry-DD0R8UUN.mjs} +8 -8
- package/{eds-matomo-notice.entry-BcVjYajg.js → eds-matomo-notice.entry-cucI3F6F.js} +1 -1
- package/{eds-pagination_2.entry-CDArkgFj.mjs → eds-pagination_2.entry-Cmqe9RbB.mjs} +8 -8
- package/{eds-pagination_2.entry-C5PQOTQJ.js → eds-pagination_2.entry-DFO92YFs.js} +1 -1
- package/{eds-progress-bar.entry-D-pHajo4.mjs → eds-progress-bar.entry-CIkJEHf9.mjs} +2 -2
- package/{eds-progress-bar.entry-DG0GXmeq.js → eds-progress-bar.entry-CUoQ0OmO.js} +1 -1
- package/{eds-rating.entry-ftEmF4Qw.js → eds-rating.entry-BJZaV3ft.js} +1 -1
- package/{eds-rating.entry-C1Ek7Xei.mjs → eds-rating.entry-BaneuoOA.mjs} +2 -2
- package/{eds-section-core_2.entry-kmq9d4JE.mjs → eds-section-core_2.entry-dmjdE4gJ.mjs} +9 -9
- package/eds-section-core_2.entry-wnSqKsfm.js +1 -0
- package/{eds-spinner.entry-a3Wjf-Vo.mjs → eds-spinner.entry-BwIR2ZO2.mjs} +5 -5
- package/{eds-spinner.entry-DTgScdkA.js → eds-spinner.entry-Cdu4PTNJ.js} +1 -1
- package/{eds-switch.entry-CMr4qwoV.js → eds-switch.entry-8g9JkW0c.js} +1 -1
- package/{eds-switch.entry-Cztu_2n9.mjs → eds-switch.entry-BOxsYeYC.mjs} +5 -5
- package/{eds-tabs.entry-0DJ99piw.js → eds-tabs.entry-CdlLmrmB.js} +14 -17
- package/{eds-tabs.entry-DBHkSmJZ.mjs → eds-tabs.entry-DRJv1vVW.mjs} +14 -17
- package/{eds-timeline.entry-Cj0sAIIZ.mjs → eds-timeline.entry-AsApD57a.mjs} +14 -17
- package/{eds-timeline.entry-8DYAeWK9.js → eds-timeline.entry-MDj5oqZG.js} +14 -17
- package/{eds-toast-manager.entry-Cp-uvJ6e.mjs → eds-toast-manager.entry-Bri3h_MP.mjs} +6 -6
- package/{eds-toast-manager.entry-CSZROgRS.js → eds-toast-manager.entry-zrDxthPz.js} +1 -1
- package/{eds-toast.entry-w5mMLqEh.js → eds-toast.entry-B1RS9m4v.js} +1 -1
- package/{eds-toast.entry-DxditNG2.mjs → eds-toast.entry-BNYlJ84c.mjs} +1 -1
- package/{eds-tooltip.entry-BkTKzXVD.js → eds-tooltip.entry-B6UpJ0wf.js} +1 -1
- package/{eds-tooltip.entry-DiID9ZC6.mjs → eds-tooltip.entry-Ci5te9B_.mjs} +2 -2
- package/{eds-trl.entry-BEZPY301.js → eds-trl.entry-CuUDfGYw.js} +1 -1
- package/{eds-trl.entry-BrkymCLA.mjs → eds-trl.entry-Dz7LP4G1.mjs} +6 -6
- package/incorrect-use-of-colors.entry-CYXsk3TR.mjs +42 -0
- package/incorrect-use-of-colors.entry-CfmdbA7l.js +1 -0
- package/index-7ljGsgwC.js +21 -0
- package/{index-CMP6-ecb.mjs → index-l365C9dI.mjs} +84 -89
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/{logo-space.entry-DtPQz2nj.js → logo-space.entry-DxZ7v-wS.js} +2 -2
- package/{logo-space.entry-B05IQf3M.mjs → logo-space.entry-GOUZQmu9.mjs} +7 -7
- package/{logo-variations-horizontal_2.entry-BUcAWE9P.js → logo-variations-horizontal_2.entry-CRdycvC5.js} +3 -3
- package/{logo-variations-horizontal_2.entry-CuIHzZ_5.mjs → logo-variations-horizontal_2.entry-DimbU2IU.mjs} +10 -10
- package/{logo-variations-tabs.entry-BFQf55Y1.js → logo-variations-tabs.entry-5kLk6tXo.js} +1 -1
- package/{logo-variations-tabs.entry-nnh_qtBx.mjs → logo-variations-tabs.entry-Uc3TLufg.mjs} +2 -2
- package/{logo-wrong-usage.entry-CBpe4g63.js → logo-wrong-usage.entry-13RSC-bu.js} +1 -1
- package/{logo-wrong-usage.entry-CQ3WROz1.mjs → logo-wrong-usage.entry-CYcqaVbn.mjs} +2 -2
- package/package.json +1 -1
- package/{svg-repository.entry-qTZFd69I.js → svg-repository.entry-Ck1z1CpA.js} +2 -2
- package/{svg-repository.entry-CtZ9pBKr.mjs → svg-repository.entry-IIRiiFbB.mjs} +7 -7
- package/{token-list_3.entry-91wGiwGz.js → token-list_3.entry-CLlUT7ge.js} +1 -1
- package/{token-list_3.entry-C4RxixtE.mjs → token-list_3.entry-CQ9aUIVd.mjs} +4 -4
- package/{token-ratios.entry-BvmPBjyB.mjs → token-ratios.entry-DkgSpwqw.mjs} +5 -5
- package/token-ratios.entry-Dtrkv16c.js +1 -0
- package/{token-typography.entry-DvZ1QVjt.js → token-typography.entry-CgJdJgCR.js} +2 -2
- package/{token-typography.entry-DFkDpqQO.mjs → token-typography.entry-CrMCS1R0.mjs} +2 -2
- package/color-primary-palette_6.entry-DNCYKab1.js +0 -1
- package/eds-card-project.entry-DaYgAAhK.js +0 -1
- package/eds-card-tags.entry-DTOC83TO.mjs +0 -13
- package/eds-icon-arrow-diagonal.entry-Bi8IA-JD.mjs +0 -13
- package/eds-icon-arrow-diagonal.entry-CkydmAtM.js +0 -1
- package/eds-icon-arrow-right.entry-Bec767Po.mjs +0 -13
- package/eds-icon-bluesky.entry-CJ_G1Kz6.mjs +0 -13
- package/eds-icon-bluesky.entry-CKsxnx_w.js +0 -1
- package/eds-icon-bookmark.entry-CxHfI52-.mjs +0 -13
- package/eds-icon-chevron-down.entry-BlFjZjFS.js +0 -1
- package/eds-icon-chevron-down.entry-MP6nKKWS.mjs +0 -13
- package/eds-icon-chevron-left.entry-B87gvMYL.mjs +0 -13
- package/eds-icon-chevron-left.entry-D0wG_pW7.js +0 -1
- package/eds-icon-chevron-right.entry-CBd-dMhk.mjs +0 -13
- package/eds-icon-chevron-up.entry-B96ccoIQ.mjs +0 -13
- package/eds-icon-chevron-up.entry-CKC11GWB.js +0 -1
- package/eds-icon-close.entry-DKpCci_h.mjs +0 -13
- package/eds-icon-copy.entry-BLIFnGI7.mjs +0 -13
- package/eds-icon-eu.entry-CIiUxa85.mjs +0 -13
- package/eds-icon-eu.entry-fpbE22vn.js +0 -1
- package/eds-icon-external.entry-Bg3Jbh4o.mjs +0 -13
- package/eds-icon-facebook.entry-Cvcx9mzY.mjs +0 -13
- package/eds-icon-linkedin.entry-zCYN0yJN.mjs +0 -13
- package/eds-icon-loader.entry-DgDDBLQe.mjs +0 -13
- package/eds-icon-mastodon.entry-B2ln6jUP.mjs +0 -13
- package/eds-icon-mastodon.entry-CQi1OZdh.js +0 -1
- package/eds-icon-menu.entry-BqYXrP_P.js +0 -1
- package/eds-icon-menu.entry-CRdmUv3E.mjs +0 -13
- package/eds-icon-minus.entry-C6oGK2_g.mjs +0 -13
- package/eds-icon-minus.entry-CmEXvebI.js +0 -1
- package/eds-icon-more.entry-aXbszIap.mjs +0 -13
- package/eds-icon-paper.entry-Bh5C64H8.mjs +0 -13
- package/eds-icon-paper.entry-LgapgnWg.js +0 -1
- package/eds-icon-plus.entry-BR1mOml3.mjs +0 -13
- package/eds-icon-plus.entry-DlX5VFJR.js +0 -1
- package/eds-icon-portal.entry-CMARk8X7.mjs +0 -13
- package/eds-icon-private.entry-BwvhDAIy.mjs +0 -13
- package/eds-icon-public.entry-D91FTOc3.mjs +0 -13
- package/eds-icon-search.entry-DVhN8_Ah.mjs +0 -13
- package/eds-icon-thumbs-down.entry-CirzFHNd.mjs +0 -13
- package/eds-icon-thumbs-up.entry-C205X1kc.js +0 -1
- package/eds-icon-thumbs-up.entry-CyPLJvn-.mjs +0 -13
- package/eds-icon-tutorial.entry-Do4rIMaY.mjs +0 -13
- package/eds-icon-tutorial.entry-Dsyw0BBK.js +0 -1
- package/eds-icon-twitter.entry-D0QvrckP.mjs +0 -13
- package/eds-icon-unknown.entry-Ml0duWB3.mjs +0 -13
- package/eds-icon-unknown.entry-p9JzenHC.js +0 -1
- package/eds-icon-updown.entry-CD8350rr.mjs +0 -13
- package/eds-icon-user.entry-BL2cTAJm.js +0 -1
- package/eds-icon-user.entry-CoG-FatJ.mjs +0 -13
- package/eds-icon-youtube.entry-BLYOdnDv.js +0 -1
- package/eds-icon-youtube.entry-BuoKDZ5t.mjs +0 -13
- package/eds-modal.entry-B31KFXpt.js +0 -1
- package/eds-modal.entry-CXNV__T1.mjs +0 -96
- package/eds-section-core_2.entry-BpzqlBXJ.js +0 -1
- package/incorrect-use-of-colors.entry-D_MDnOxK.mjs +0 -42
- package/incorrect-use-of-colors.entry-HDLgRpVT.js +0 -1
- package/index-RvcWEz0j.js +0 -21
- package/token-ratios.entry-BmUxaqAu.js +0 -1
package/{color-primary-palette_6.entry-DrUcl0_Y.mjs → color-primary-palette_6.entry-CloKiAKI.mjs}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, h as e } from "./index-
|
|
1
|
+
import { r as s, h as e } from "./index-l365C9dI.mjs";
|
|
2
2
|
const l = class {
|
|
3
3
|
constructor(a) {
|
|
4
4
|
s(this, a), this.colors = [
|
|
@@ -29,7 +29,7 @@ const l = class {
|
|
|
29
29
|
];
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return e("ul", { key: "
|
|
32
|
+
return e("ul", { key: "af0b4133a365f9c2db08ea05eab950de32536950", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((a) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: a.background } }, e("div", { class: "grid" }, e("span", { class: "f-body-02" }, a.rgb), e("span", { class: "f-body-02 w-full" }, a.cmyk), e("eds-code-block", { code: a.hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { class: "grid" }, e("span", { class: "f-body-02" }, a.pantoneC), e("span", { class: "f-body-02" }, a.pantoneU))))));
|
|
33
33
|
}
|
|
34
34
|
}, r = class {
|
|
35
35
|
constructor(a) {
|
|
@@ -85,7 +85,7 @@ const l = class {
|
|
|
85
85
|
], this.show = void 0;
|
|
86
86
|
}
|
|
87
87
|
render() {
|
|
88
|
-
return e("ul", { key: "
|
|
88
|
+
return e("ul", { key: "059dacf5e142b2e4bd61a7977f1bdd79554ddca9", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((a) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: a.background } }, e("div", { class: "grid" }, e("span", { class: "f-body-02" }, a.rgb), e("span", { class: "f-body-02 w-full" }, a.cmyk), e("eds-code-block", { code: a.hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { class: "grid" }, e("span", { class: "f-body-02" }, a.pantoneC), e("span", { class: "f-body-02" }, a.pantoneU))))));
|
|
89
89
|
}
|
|
90
90
|
}, i = class {
|
|
91
91
|
constructor(a) {
|
|
@@ -120,17 +120,17 @@ const l = class {
|
|
|
120
120
|
}
|
|
121
121
|
getTextColor(a) {
|
|
122
122
|
if (a.startsWith("#")) {
|
|
123
|
-
const c = a.slice(1), d = parseInt(c.substring(0, 2), 16), o = parseInt(c.substring(2, 4), 16),
|
|
124
|
-
return (0.299 * d + 0.587 * o + 0.114 *
|
|
123
|
+
const c = a.slice(1), d = parseInt(c.substring(0, 2), 16), o = parseInt(c.substring(2, 4), 16), b = parseInt(c.substring(4, 6), 16);
|
|
124
|
+
return (0.299 * d + 0.587 * o + 0.114 * b) / 255 > 0.5 ? "text-default" : "text-inverse";
|
|
125
125
|
}
|
|
126
126
|
if (/rgb/i.test(a)) {
|
|
127
|
-
const c = a.replace(/rgba?\(/i, "").replace(")", "").split(",").map((n) => parseFloat(n.trim())), [d, o,
|
|
128
|
-
return (0.299 * d + 0.587 * o + 0.114 *
|
|
127
|
+
const c = a.replace(/rgba?\(/i, "").replace(")", "").split(",").map((n) => parseFloat(n.trim())), [d, o, b] = c;
|
|
128
|
+
return (0.299 * d + 0.587 * o + 0.114 * b) / 255 > 0.5 ? "text-default" : "text-inverse";
|
|
129
129
|
}
|
|
130
130
|
return "text-default";
|
|
131
131
|
}
|
|
132
132
|
render() {
|
|
133
|
-
return e("ul", { key: "
|
|
133
|
+
return e("ul", { key: "2cadb1ac7f985ba4960eb2a8b8d64c543c07dafa", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((a) => {
|
|
134
134
|
const c = this.getTextColor(a.background);
|
|
135
135
|
return e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: a.background } }, e("div", { class: "grid" }, e("span", { class: `f-body-02 ${c}` }, a.cmyk), e("eds-code-block", { code: a.hex, style: { minWidth: "150px", marginRight: "5px" }, class: c })), e("div", { class: "grid" }, e("span", { class: `f-body-02 ${c}` }, a.pantoneC), e("span", { class: `f-body-02 ${c}` }, a.pantoneU))));
|
|
136
136
|
}));
|
|
@@ -165,7 +165,7 @@ const l = class {
|
|
|
165
165
|
];
|
|
166
166
|
}
|
|
167
167
|
render() {
|
|
168
|
-
return e("ul", { key: "
|
|
168
|
+
return e("ul", { key: "b77f4fad55c2aa54422fd3b18ef09d4004490014", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
|
|
169
169
|
background: "linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"
|
|
170
170
|
} }, this.colors.map((a) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "effect-height flex items-center justify-between p-16" }, e("div", { class: "grid" }, e("span", { class: "f-body-02" }, a.rgb), e("span", { class: "f-body-02 w-full" }, a.cmyk), e("eds-code-block", { code: a.hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { class: "grid" }, e("span", { class: "f-body-02" }, a.pantoneC), e("span", { class: "f-body-02" }, a.pantoneU))))));
|
|
171
171
|
}
|
|
@@ -223,19 +223,19 @@ const l = class {
|
|
|
223
223
|
];
|
|
224
224
|
}
|
|
225
225
|
render() {
|
|
226
|
-
return e("div", { key: "
|
|
226
|
+
return e("div", { key: "10c513243cdbc57d018445e4413d4a1940616be1" }, e("ul", { key: "c28494f2db389b90b82b18663d3ff2cae3528fc7", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "9b93b139f06b5cf2bf40ea9576a16f1f95b47cef", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "32aea8893b8c109ac13bb4fa87f81fdfbb31211c", class: "effect-height flex items-center justify-between p-16", style: {
|
|
227
227
|
background: this.colors[0].background
|
|
228
|
-
} }, e("div", { key: "
|
|
228
|
+
} }, e("div", { key: "0881e06d858eb7ec8681d201abf2d6b19f89052f", class: "grid" }, e("span", { key: "9d94677102fc1ee3720b2d845038968b38143afc", class: "f-body-02" }, this.colors[0].rgb), e("span", { key: "a11ac3d683540f396dd6a22250773d9bbc6b7c86", class: "f-body-02 w-full" }, this.colors[0].cmyk), e("eds-code-block", { key: "aaf6227e91efb700dee4dd14a99f0f803902a348", code: this.colors[0].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "aefdddab57b6f487a9b9b28bf9931b43924d7fb9", class: "grid" }, e("span", { key: "5ff736d1d6d0a6919899a58970042157970fa9df", class: "f-body-02" }, this.colors[0].pantoneC), e("span", { key: "668f276d932498e064c51637157d34c416a82c35", class: "f-body-02" }, this.colors[0].pantoneU))), e("div", { key: "8797049389313e6627574e97e609572979b16ec0", class: "effect-height flex items-center justify-between p-16", style: {
|
|
229
229
|
background: this.colors[1].background
|
|
230
|
-
} }, e("div", { key: "
|
|
230
|
+
} }, e("div", { key: "44ee397cf746e87daa52979200c270703d1bc55e", class: "grid" }, e("span", { key: "65bc43371dee383f17da6cf366520ca6499db61d", class: "f-body-02" }, this.colors[1].rgb), e("span", { key: "3afcdc449bb40583bec4a64229beb176644c6d86", class: "f-body-02 w-full" }, this.colors[1].cmyk), e("eds-code-block", { key: "9356d97b5db02857d89215ea40bd2d17917fb032", code: this.colors[1].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "e4515e8ff06d5da2530754720753562fd12282a2", class: "grid" }, e("span", { key: "208101b85d06b7a9fa5c1a0d0eb470c48c55c8d6", class: "f-body-02" }, this.colors[1].pantoneC), e("span", { key: "73b9ffdae670b0977b71eb5a5540c6ca5cdf850a", class: "f-body-02" }, this.colors[1].pantoneU))))), e("eds-block-break", { key: "a6b352c935c7c548647ec33f548f5963d3fb2771" }), e("ul", { key: "b17a428d35de0e5fd34f93b5e5d7eea10bd97c05", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "bf11a3863db3b16410bb33b63e589f08d3ac9f10", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "ab6c9f7addcbcedc3686f95e4955b9e7ab14b6fc", class: "effect-height flex items-center justify-between p-16", style: {
|
|
231
231
|
background: this.colors[2].background
|
|
232
|
-
} }, e("div", { key: "
|
|
232
|
+
} }, e("div", { key: "4a1b5ad1af1f12ecf5d0e3d29af852f8c9a68c8a", class: "grid" }, e("span", { key: "3ce666f09c7de2488d94698a19ae1c51ddecbf7b", class: "f-body-02" }, this.colors[2].rgb), e("span", { key: "10301ea300f2b1a6d827bf56fd8b8e0e0cc858f6", class: "f-body-02 w-full" }, this.colors[2].cmyk), e("eds-code-block", { key: "2db903a2fe58581b0e6d7b9adc984f4320dc8a09", code: this.colors[2].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "afe001eb4a52f6a05b38ffcc71d538ec22a98022", class: "grid" }, e("span", { key: "62fc31bde6e3b34327e41cd39fc80cab32faa94d", class: "f-body-02" }, this.colors[2].pantoneC), e("span", { key: "2ca52fff58fcef2660e80f2a847c45d08438f14e", class: "f-body-02" }, this.colors[2].pantoneU))), e("div", { key: "85e4a7be29033cdaf374b27ceed588c825ace64f", class: "effect-height flex items-center justify-between p-16", style: {
|
|
233
233
|
background: this.colors[3].background
|
|
234
|
-
} }, e("div", { key: "
|
|
234
|
+
} }, e("div", { key: "16193b9db41b2296de12684ac3f9274436aac1fa", class: "grid" }, e("span", { key: "809a4b38fe70a64bdd823093aeb0278b181fd9b8", class: "f-body-02" }, this.colors[3].rgb), e("span", { key: "96bd1f267b3fc2dc280a683d92bbc872ec446f6b", class: "f-body-02 w-full" }, this.colors[3].cmyk), e("eds-code-block", { key: "217931cdbd3da0f016253e61ef19e74e4df4f669", code: this.colors[3].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "03b91a07130bc1d4c811759085174f794f66d143", class: "grid" }, e("span", { key: "bdc570cfb341c90b7e89100af5034496c1b369ee", class: "f-body-02" }, this.colors[3].pantoneC), e("span", { key: "cc10a8ba6a2cf4470bbbf16c03f513273411db4b", class: "f-body-02" }, this.colors[3].pantoneU))))), e("eds-block-break", { key: "45e15e96024ba30a44ae8fff1b1484ca036e2d89" }), e("ul", { key: "a487cf89f96a29775770ba4a5a80019387d179bc", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "15018fc0724f6b1e62b5b37922dc924ec2fb41d8", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "b2b27ed4e039ab44c9514ddfc3dbe928ce0aa46b", class: "effect-height flex items-center justify-between p-16", style: {
|
|
235
235
|
background: this.colors[4].background
|
|
236
|
-
} }, e("div", { key: "
|
|
236
|
+
} }, e("div", { key: "8714548cc695018bb413d3e72ea8e580cc9bc98f", class: "grid" }, e("span", { key: "28e8f390390f82e5cbad32394e46a4606feeec6b", class: "f-body-02" }, this.colors[4].rgb), e("span", { key: "5b6f7f1ee8484f99e9421af84835ed4bf6765db4", class: "f-body-02 w-full" }, this.colors[4].cmyk), e("eds-code-block", { key: "84c6ddd8728a2a39c8863af7a6ad181f321efd7f", code: this.colors[4].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "7ddccbf76753340f715d4fbfcd31bab083bf3725", class: "grid" }, e("span", { key: "f2a84a9e46d18015b45f052dc8786ac7c1fc3bb3", class: "f-body-02" }, this.colors[4].pantoneC), e("span", { key: "741fd132025aa0c0a1da6d8a88273a1cd19aeae7", class: "f-body-02" }, this.colors[4].pantoneU))), e("div", { key: "e0d48d68d5487c82149c90cc0e726370f0d25960", class: "effect-height flex items-center justify-between p-16", style: {
|
|
237
237
|
background: this.colors[5].background
|
|
238
|
-
} }, e("div", { key: "
|
|
238
|
+
} }, e("div", { key: "16b56121efc5527b8eb3dad7e119840102d1d390", class: "grid" }, e("span", { key: "5f326a2653de6dcc8c85ad88c5554214519fa1fd", class: "f-body-02" }, this.colors[5].rgb), e("span", { key: "1cb2c712393855e7b01bf1e083444e2c170d7b0b", class: "f-body-02 w-full" }, this.colors[5].cmyk), e("eds-code-block", { key: "6cc534503946d6aee5b562b2b1b713988df963ac", code: this.colors[5].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "d79c852afae4fbe6b360cc319b8d3bf22ce7b194", class: "grid" }, e("span", { key: "cab85faa9f7cd31c14a15a014f8a95c39b6e631d", class: "f-body-02" }, this.colors[5].pantoneC), e("span", { key: "ea3a9fafeee11b75663bd753c75b7cbcfdb9c5c1", class: "f-body-02" }, this.colors[5].pantoneU))))));
|
|
239
239
|
}
|
|
240
240
|
}, g = class {
|
|
241
241
|
constructor(a) {
|
|
@@ -283,11 +283,11 @@ const l = class {
|
|
|
283
283
|
];
|
|
284
284
|
}
|
|
285
285
|
render() {
|
|
286
|
-
return e("ul", { key: "
|
|
286
|
+
return e("ul", { key: "2735f6a59037973febc2ee871464146b3a12e69b", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "a861d0c4ea7545d55b8c324f916e1831e271bb47", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "93a8c04259ed46a2c520c1355efaaa2ecf0c4714", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, e("div", { key: "554964ca9e800dd356fcddfcc82004e7a6131d21", class: "grid" }, e("span", { key: "e91f746f3ce067afe57835da2996804dba471ce3", class: "f-body-02" }, this.colors[0].rgb), e("span", { key: "41d7dd9aa7ec450f35ae6587b51a5d7c639cb1fa", class: "f-body-02 w-full" }, this.colors[0].cmyk), e("eds-code-block", { key: "4e0d93b261af040d0aa82c8043542a751915786f", code: this.colors[0].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "f1c2c77f37d5e80b6574e68c9454cac46cd99c9f", class: "grid" }, e("span", { key: "8e216418f476d026cb59dbbdab802bb4bdf7a4e4", class: "f-body-02" }, this.colors[0].pantoneC || "N/A"), e("span", { key: "5b978c9f6206ba4a57645dd5b107ace27be515a9", class: "f-body-02" }, this.colors[0].pantoneU || "N/A")))), e("li", { key: "232cd30eb6c637d31f80cf8281fb434e9837e9b8", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "61a073ea3b4bc8134ad539b941a6bc1b3a914a11", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, e("div", { key: "22a69e75c01842e67d87126f3d34e9a19ead4ab1", class: "grid" }, e("span", { key: "b537d9e9cb0429677656c068a0a81499d42cac30", class: "f-body-02" }, this.colors[1].rgb), e("span", { key: "ab35b28dec337cb81ad50372e7c071c7d8f3b785", class: "f-body-02 w-full" }, this.colors[1].cmyk), e("eds-code-block", { key: "a0bea555719eacc8f0730300ebab6ae98ea6771a", code: this.colors[1].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "8458087421b893504829ed46b05ba44acb0c5f53", class: "grid" }, e("span", { key: "2ec00ee996a3184afe07c27e45e999c4740b93a1", class: "f-body-02" }, this.colors[1].pantoneC || "N/A"), e("span", { key: "7d48ea6d5b12c6a1ced3812fdc4cb39cd3afaed4", class: "f-body-02" }, this.colors[1].pantoneU || "N/A")))), e("li", { key: "b2ac623c59d1dc2ab14cc2775c5b95b4d02fc72f", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "6152411685ae903a22bf9b06db18182c35bea246", class: "effect-height flex items-center justify-between p-16", style: {
|
|
287
287
|
background: this.colors[2].background
|
|
288
|
-
} }, e("div", { key: "
|
|
288
|
+
} }, e("div", { key: "fa8fb3b382d53be84413643cb12a58b4a41202ca", class: "grid" }, e("span", { key: "026b5ed6229ef0e89636fce8643264ba47255249", class: "f-body-02" }, this.colors[2].rgb), e("span", { key: "bc5784f779096d92229abc19c003df07ee7acf1c", class: "f-body-02 w-full" }, this.colors[2].cmyk), e("eds-code-block", { key: "76e8f012cb9d7994906e2d9ce55d7eb47c5cbd0f", code: this.colors[2].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "0410c816d39550853c240894811717c427fa3dee", class: "grid" }, e("span", { key: "b1f2869cc28a05e0c52f7bd8cec85d170d6250a7", class: "f-body-02" }, this.colors[2].pantoneC), e("span", { key: "f53078949c7803385c6616325670143e1af08abe", class: "f-body-02" }, this.colors[2].pantoneU))), e("div", { key: "2076894246cdbcdc0557e70ef9ca857f8fb825cf", class: "effect-height flex items-center justify-between p-16", style: {
|
|
289
289
|
background: this.colors[3].background
|
|
290
|
-
} }, e("div", { key: "
|
|
290
|
+
} }, e("div", { key: "5f8b1cf3e3529c9e54185cd6bb8c1aaaa0ebc359", class: "grid" }, e("span", { key: "06f7ef3d3e164a632f2bc9c5e99642a827a79e27", class: "f-body-02" }, this.colors[3].rgb), e("span", { key: "21a313355fa68a829619d9da29000acef0509fba", class: "f-body-02 w-full" }, this.colors[3].cmyk), e("eds-code-block", { key: "859bc066d1756b9ac5f72de7fcd0b4bd3013f8f4", code: this.colors[3].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "5a4ffa55b941478f5f18e764fc54421b4dd33141", class: "grid" }, e("span", { key: "b42265cfe889bcb45270c21016134fa72ba18e5d", class: "f-body-02" }, this.colors[3].pantoneC), e("span", { key: "6b478b1526fbd5e5175f67dbb5b9e30e21dc56bb", class: "f-body-02" }, this.colors[3].pantoneU)))), e("li", { key: "7a92c596887e9c42c2c79c208ed82810b8f6a714", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "edcc8539e72b7497a0bb49d442774903116bf916", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, e("div", { key: "a65cdaa466210da348bf54e36c4e805ae26e36fa", class: "grid" }, e("span", { key: "894bc12a1b61925db0ec12b82f2f938805b71f46", class: "f-body-02" }, this.colors[4].rgb), e("span", { key: "0b7f7cf4c514ccc4bd3c3a1f1bce75f23bbcc2cb", class: "f-body-02 w-full" }, this.colors[4].cmyk), e("eds-code-block", { key: "bc3b15dd7eb559b10fc64b08fc6c4d7681209d3c", code: this.colors[4].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "57be009b3ec863485042af43ca0dabcceb5a317b", class: "grid" }, e("span", { key: "f7e10fda97f12f55d4756014f296e710793c38f4", class: "f-body-02" }, this.colors[4].pantoneC || "N/A"), e("span", { key: "e16fc4ac9a8639bda71bb814992bf6416949fd06", class: "f-body-02" }, this.colors[4].pantoneU || "N/A")))));
|
|
291
291
|
}
|
|
292
292
|
};
|
|
293
293
|
export {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7ljGsgwC.js"),n=class{constructor(a){e.registerInstance(this,a),this.colors=[{rgb:"R156 G225 B66",cmyk:"C52 M0 Y98 K0",hex:"#9CE142",pantoneC:"PANTONE 367 C",pantoneU:"PANTONE 374 U",background:"#9CE142"},{rgb:"R0 G201 B89",cmyk:"C75 M0 Y80 K0",hex:"#00C959",pantoneC:"PANTONE 7480 C",pantoneU:"PANTONE 7481 U",background:"#00C959"},{rgb:"R0 G165 B149",cmyk:"C78 M8 Y49 K0",hex:"#00A595",pantoneC:"PANTONE 3272 C",pantoneU:"PANTONE 3275 U",background:"#00A595"}]}render(){return e.h("ul",{key:"af0b4133a365f9c2db08ea05eab950de32536950",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map(a=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:a.background}},e.h("div",{class:"grid"},e.h("span",{class:"f-body-02"},a.rgb),e.h("span",{class:"f-body-02 w-full"},a.cmyk),e.h("eds-code-block",{code:a.hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{class:"grid"},e.h("span",{class:"f-body-02"},a.pantoneC),e.h("span",{class:"f-body-02"},a.pantoneU))))))}},f=class{constructor(a){e.registerInstance(this,a),this.colors=[{rgb:"R63 G169 B245",cmyk:"C68 M13 Y0 K0",hex:"#3FA9F5",pantoneC:"PANTONE 298 C",pantoneU:"PANTONE 298 U",background:"#3FA9F5"},{rgb:"R6 G68 B244",cmyk:"C92 M60 Y0 K0",hex:"#0644F4",pantoneC:"PANTONE 2728 C",pantoneU:"PANTONE 2935 U",background:"#0644F4"},{rgb:"R196 G97 B255",cmyk:"C52 M67 Y0 K0",hex:"#C461FF",pantoneC:"PANTONE 252 C",pantoneU:"PANTONE 252 U",background:"#C461FF"},{rgb:"R93 G61 B249",cmyk:"C83 M78 Y0 K0",hex:"#5D3DF9",pantoneC:"PANTONE 266 C",pantoneU:"PANTONE 2735 U",background:"#5D3DF9"},{rgb:"R255 G165 B67",cmyk:"C0 M43 Y76 K0",hex:"#FFA543",pantoneC:"PANTONE 804 C",pantoneU:"PANTONE 136 U",background:"#FFA543"},{rgb:"R255 G77 B104",cmyk:"C0 M81 Y42 K0",hex:"#FF4D68",pantoneC:"PANTONE 1785 C",pantoneU:"PANTONE 185 U",background:"#FF4D68"}],this.show=void 0}render(){return e.h("ul",{key:"059dacf5e142b2e4bd61a7977f1bdd79554ddca9",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map(a=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:a.background}},e.h("div",{class:"grid"},e.h("span",{class:"f-body-02"},a.rgb),e.h("span",{class:"f-body-02 w-full"},a.cmyk),e.h("eds-code-block",{code:a.hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{class:"grid"},e.h("span",{class:"f-body-02"},a.pantoneC),e.h("span",{class:"f-body-02"},a.pantoneU))))))}},l=class{constructor(a){e.registerInstance(this,a),this.colors=[{rgb:"R20 G20 B20",cmyk:"C78 M69 Y61 K87",hex:"#141414",pantoneC:"",pantoneU:"",background:"#141414"},{rgb:"R56 G56 B56",cmyk:"C68 M58 Y55 K63",hex:"#383838",pantoneC:"PANTONE 447 C",pantoneU:"PANTONE Neutral Black U",background:"#383838"},{rgb:"R204 G204 B204",cmyk:"C23 M17 Y18 K0",hex:"#CCCCCC",pantoneC:"PANTONE Cool Gray 2 C",pantoneU:"PANTONE Cool Gray 2 U",background:"#CCCCCC"},{rgb:"R230 G230 B230",cmyk:"C12 M8 Y9 K0",hex:"#E6E6E6",pantoneC:"PANTONE 663 C",pantoneU:"PANTONE 649 U",background:"#E6E6E6"},{rgb:"R255 G255 B255",cmyk:"C0 M0 Y0 K0",hex:"#FFFFFF",pantoneC:"",pantoneU:"",background:"#FFFFFF"}]}getTextColor(a){if(a.startsWith("#")){const c=a.slice(1),s=parseInt(c.substring(0,2),16),d=parseInt(c.substring(2,4),16),o=parseInt(c.substring(4,6),16);return(.299*s+.587*d+.114*o)/255>.5?"text-default":"text-inverse"}if(/rgb/i.test(a)){const c=a.replace(/rgba?\(/i,"").replace(")","").split(",").map(t=>parseFloat(t.trim())),[s,d,o]=c;return(.299*s+.587*d+.114*o)/255>.5?"text-default":"text-inverse"}return"text-default"}render(){return e.h("ul",{key:"2cadb1ac7f985ba4960eb2a8b8d64c543c07dafa",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map(a=>{const c=this.getTextColor(a.background);return e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:a.background}},e.h("div",{class:"grid"},e.h("span",{class:`f-body-02 ${c}`},a.cmyk),e.h("eds-code-block",{code:a.hex,style:{minWidth:"150px",marginRight:"5px"},class:c})),e.h("div",{class:"grid"},e.h("span",{class:`f-body-02 ${c}`},a.pantoneC),e.h("span",{class:`f-body-02 ${c}`},a.pantoneU))))}))}},r=class{constructor(a){e.registerInstance(this,a),this.colors=[{rgb:"R156 G225 B66",cmyk:"C52 M0 Y98 K0",hex:"#9CE142",pantoneC:"PANTONE 367 C",pantoneU:"PANTONE 374 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"},{rgb:"R0 G201 B89",cmyk:"C75 M0 Y80 K0",hex:"#00C959",pantoneC:"PANTONE 7480 C",pantoneU:"PANTONE 7481 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"},{rgb:"R0 G165 B149",cmyk:"C78 M8 Y49 K0",hex:"#00A595",pantoneC:"PANTONE 3272 C",pantoneU:"PANTONE 3275 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"}]}render(){return e.h("ul",{key:"b77f4fad55c2aa54422fd3b18ef09d4004490014",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16",style:{background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"}},this.colors.map(a=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"effect-height flex items-center justify-between p-16"},e.h("div",{class:"grid"},e.h("span",{class:"f-body-02"},a.rgb),e.h("span",{class:"f-body-02 w-full"},a.cmyk),e.h("eds-code-block",{code:a.hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{class:"grid"},e.h("span",{class:"f-body-02"},a.pantoneC),e.h("span",{class:"f-body-02"},a.pantoneU))))))}},i=class{constructor(a){e.registerInstance(this,a),this.colors=[{rgb:"R63 G169 B245",cmyk:"C68 M13 Y0 K0",hex:"#3FA9F5",pantoneC:"PANTONE 298 C",pantoneU:"PANTONE 298 U",background:"linear-gradient(to bottom, #3FA9F5, #3FA9F5)"},{rgb:"R6 G68 B244",cmyk:"C92 M60 Y0 K0",hex:"#0644F4",pantoneC:"PANTONE 2728 C",pantoneU:"PANTONE 2935 U",background:"linear-gradient(to bottom, #3FA9F5, #0644F4)"},{rgb:"R196 G97 B255",cmyk:"C52 M67 Y0 K0",hex:"#C461FF",pantoneC:"PANTONE 252 C",pantoneU:"PANTONE 252 U",background:"linear-gradient(to bottom, #C461FF, #C461FF)"},{rgb:"R93 G61 B249",cmyk:"C83 M78 Y0 K0",hex:"#5D3DF9",pantoneC:"PANTONE 266 C",pantoneU:"PANTONE 2735 U",background:"linear-gradient(to bottom, #C461FF, #5D3DF9)"},{rgb:"R255 G165 B67",cmyk:"C0 M43 Y76 K0",hex:"#FFA543",pantoneC:"PANTONE 804 C",pantoneU:"PANTONE 136 U",background:"linear-gradient(to bottom, #FFA543, #FFA543)"},{rgb:"R255 G77 B104",cmyk:"C0 M81 Y42 K0",hex:"#FF4D68",pantoneC:"PANTONE 1785 C",pantoneU:"PANTONE 185 U",background:"linear-gradient(to bottom, #FFA543, #FF4D68)"}]}render(){return e.h("div",{key:"10c513243cdbc57d018445e4413d4a1940616be1"},e.h("ul",{key:"c28494f2db389b90b82b18663d3ff2cae3528fc7",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"9b93b139f06b5cf2bf40ea9576a16f1f95b47cef",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"32aea8893b8c109ac13bb4fa87f81fdfbb31211c",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},e.h("div",{key:"0881e06d858eb7ec8681d201abf2d6b19f89052f",class:"grid"},e.h("span",{key:"9d94677102fc1ee3720b2d845038968b38143afc",class:"f-body-02"},this.colors[0].rgb),e.h("span",{key:"a11ac3d683540f396dd6a22250773d9bbc6b7c86",class:"f-body-02 w-full"},this.colors[0].cmyk),e.h("eds-code-block",{key:"aaf6227e91efb700dee4dd14a99f0f803902a348",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"aefdddab57b6f487a9b9b28bf9931b43924d7fb9",class:"grid"},e.h("span",{key:"5ff736d1d6d0a6919899a58970042157970fa9df",class:"f-body-02"},this.colors[0].pantoneC),e.h("span",{key:"668f276d932498e064c51637157d34c416a82c35",class:"f-body-02"},this.colors[0].pantoneU))),e.h("div",{key:"8797049389313e6627574e97e609572979b16ec0",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},e.h("div",{key:"44ee397cf746e87daa52979200c270703d1bc55e",class:"grid"},e.h("span",{key:"65bc43371dee383f17da6cf366520ca6499db61d",class:"f-body-02"},this.colors[1].rgb),e.h("span",{key:"3afcdc449bb40583bec4a64229beb176644c6d86",class:"f-body-02 w-full"},this.colors[1].cmyk),e.h("eds-code-block",{key:"9356d97b5db02857d89215ea40bd2d17917fb032",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"e4515e8ff06d5da2530754720753562fd12282a2",class:"grid"},e.h("span",{key:"208101b85d06b7a9fa5c1a0d0eb470c48c55c8d6",class:"f-body-02"},this.colors[1].pantoneC),e.h("span",{key:"73b9ffdae670b0977b71eb5a5540c6ca5cdf850a",class:"f-body-02"},this.colors[1].pantoneU))))),e.h("eds-block-break",{key:"a6b352c935c7c548647ec33f548f5963d3fb2771"}),e.h("ul",{key:"b17a428d35de0e5fd34f93b5e5d7eea10bd97c05",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"bf11a3863db3b16410bb33b63e589f08d3ac9f10",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"ab6c9f7addcbcedc3686f95e4955b9e7ab14b6fc",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},e.h("div",{key:"4a1b5ad1af1f12ecf5d0e3d29af852f8c9a68c8a",class:"grid"},e.h("span",{key:"3ce666f09c7de2488d94698a19ae1c51ddecbf7b",class:"f-body-02"},this.colors[2].rgb),e.h("span",{key:"10301ea300f2b1a6d827bf56fd8b8e0e0cc858f6",class:"f-body-02 w-full"},this.colors[2].cmyk),e.h("eds-code-block",{key:"2db903a2fe58581b0e6d7b9adc984f4320dc8a09",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"afe001eb4a52f6a05b38ffcc71d538ec22a98022",class:"grid"},e.h("span",{key:"62fc31bde6e3b34327e41cd39fc80cab32faa94d",class:"f-body-02"},this.colors[2].pantoneC),e.h("span",{key:"2ca52fff58fcef2660e80f2a847c45d08438f14e",class:"f-body-02"},this.colors[2].pantoneU))),e.h("div",{key:"85e4a7be29033cdaf374b27ceed588c825ace64f",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},e.h("div",{key:"16193b9db41b2296de12684ac3f9274436aac1fa",class:"grid"},e.h("span",{key:"809a4b38fe70a64bdd823093aeb0278b181fd9b8",class:"f-body-02"},this.colors[3].rgb),e.h("span",{key:"96bd1f267b3fc2dc280a683d92bbc872ec446f6b",class:"f-body-02 w-full"},this.colors[3].cmyk),e.h("eds-code-block",{key:"217931cdbd3da0f016253e61ef19e74e4df4f669",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"03b91a07130bc1d4c811759085174f794f66d143",class:"grid"},e.h("span",{key:"bdc570cfb341c90b7e89100af5034496c1b369ee",class:"f-body-02"},this.colors[3].pantoneC),e.h("span",{key:"cc10a8ba6a2cf4470bbbf16c03f513273411db4b",class:"f-body-02"},this.colors[3].pantoneU))))),e.h("eds-block-break",{key:"45e15e96024ba30a44ae8fff1b1484ca036e2d89"}),e.h("ul",{key:"a487cf89f96a29775770ba4a5a80019387d179bc",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"15018fc0724f6b1e62b5b37922dc924ec2fb41d8",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"b2b27ed4e039ab44c9514ddfc3dbe928ce0aa46b",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},e.h("div",{key:"8714548cc695018bb413d3e72ea8e580cc9bc98f",class:"grid"},e.h("span",{key:"28e8f390390f82e5cbad32394e46a4606feeec6b",class:"f-body-02"},this.colors[4].rgb),e.h("span",{key:"5b6f7f1ee8484f99e9421af84835ed4bf6765db4",class:"f-body-02 w-full"},this.colors[4].cmyk),e.h("eds-code-block",{key:"84c6ddd8728a2a39c8863af7a6ad181f321efd7f",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"7ddccbf76753340f715d4fbfcd31bab083bf3725",class:"grid"},e.h("span",{key:"f2a84a9e46d18015b45f052dc8786ac7c1fc3bb3",class:"f-body-02"},this.colors[4].pantoneC),e.h("span",{key:"741fd132025aa0c0a1da6d8a88273a1cd19aeae7",class:"f-body-02"},this.colors[4].pantoneU))),e.h("div",{key:"e0d48d68d5487c82149c90cc0e726370f0d25960",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},e.h("div",{key:"16b56121efc5527b8eb3dad7e119840102d1d390",class:"grid"},e.h("span",{key:"5f326a2653de6dcc8c85ad88c5554214519fa1fd",class:"f-body-02"},this.colors[5].rgb),e.h("span",{key:"1cb2c712393855e7b01bf1e083444e2c170d7b0b",class:"f-body-02 w-full"},this.colors[5].cmyk),e.h("eds-code-block",{key:"6cc534503946d6aee5b562b2b1b713988df963ac",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"d79c852afae4fbe6b360cc319b8d3bf22ce7b194",class:"grid"},e.h("span",{key:"cab85faa9f7cd31c14a15a014f8a95c39b6e631d",class:"f-body-02"},this.colors[5].pantoneC),e.h("span",{key:"ea3a9fafeee11b75663bd753c75b7cbcfdb9c5c1",class:"f-body-02"},this.colors[5].pantoneU))))))}},h=class{constructor(a){e.registerInstance(this,a),this.colors=[{rgb:"R20 G20 B20",cmyk:"C78 M69 Y61 K87",hex:"#141414",pantoneC:"",pantoneU:"",background:"#141414"},{rgb:"R56 G56 B56",cmyk:"C68 M58 Y55 K63",hex:"#383838",pantoneC:"PANTONE 447 C",pantoneU:"PANTONE Neutral Black U",background:"#383838"},{rgb:"R204 G204 B204",cmyk:"C23 M17 Y18 K0",hex:"#CCCCCC",pantoneC:"PANTONE Cool Gray 2 C",pantoneU:"PANTONE Cool Gray 2 U",background:"linear-gradient(to bottom, #CCCCCC, #CCCCCC)"},{rgb:"R230 G230 B230",cmyk:"C12 M8 Y9 K0",hex:"#E6E6E6",pantoneC:"PANTONE 663 C",pantoneU:"PANTONE 649 U",background:"linear-gradient(to bottom, #CCCCCC, #E6E6E6)"},{rgb:"R255 G255 B255",cmyk:"C0 M0 Y0 K0",hex:"#FFFFFF",pantoneC:"",pantoneU:"",background:"#FFFFFF"}]}render(){return e.h("ul",{key:"2735f6a59037973febc2ee871464146b3a12e69b",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"a861d0c4ea7545d55b8c324f916e1831e271bb47",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"93a8c04259ed46a2c520c1355efaaa2ecf0c4714",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},e.h("div",{key:"554964ca9e800dd356fcddfcc82004e7a6131d21",class:"grid"},e.h("span",{key:"e91f746f3ce067afe57835da2996804dba471ce3",class:"f-body-02"},this.colors[0].rgb),e.h("span",{key:"41d7dd9aa7ec450f35ae6587b51a5d7c639cb1fa",class:"f-body-02 w-full"},this.colors[0].cmyk),e.h("eds-code-block",{key:"4e0d93b261af040d0aa82c8043542a751915786f",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"f1c2c77f37d5e80b6574e68c9454cac46cd99c9f",class:"grid"},e.h("span",{key:"8e216418f476d026cb59dbbdab802bb4bdf7a4e4",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),e.h("span",{key:"5b978c9f6206ba4a57645dd5b107ace27be515a9",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),e.h("li",{key:"232cd30eb6c637d31f80cf8281fb434e9837e9b8",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"61a073ea3b4bc8134ad539b941a6bc1b3a914a11",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},e.h("div",{key:"22a69e75c01842e67d87126f3d34e9a19ead4ab1",class:"grid"},e.h("span",{key:"b537d9e9cb0429677656c068a0a81499d42cac30",class:"f-body-02"},this.colors[1].rgb),e.h("span",{key:"ab35b28dec337cb81ad50372e7c071c7d8f3b785",class:"f-body-02 w-full"},this.colors[1].cmyk),e.h("eds-code-block",{key:"a0bea555719eacc8f0730300ebab6ae98ea6771a",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"8458087421b893504829ed46b05ba44acb0c5f53",class:"grid"},e.h("span",{key:"2ec00ee996a3184afe07c27e45e999c4740b93a1",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),e.h("span",{key:"7d48ea6d5b12c6a1ced3812fdc4cb39cd3afaed4",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),e.h("li",{key:"b2ac623c59d1dc2ab14cc2775c5b95b4d02fc72f",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"6152411685ae903a22bf9b06db18182c35bea246",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},e.h("div",{key:"fa8fb3b382d53be84413643cb12a58b4a41202ca",class:"grid"},e.h("span",{key:"026b5ed6229ef0e89636fce8643264ba47255249",class:"f-body-02"},this.colors[2].rgb),e.h("span",{key:"bc5784f779096d92229abc19c003df07ee7acf1c",class:"f-body-02 w-full"},this.colors[2].cmyk),e.h("eds-code-block",{key:"76e8f012cb9d7994906e2d9ce55d7eb47c5cbd0f",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"0410c816d39550853c240894811717c427fa3dee",class:"grid"},e.h("span",{key:"b1f2869cc28a05e0c52f7bd8cec85d170d6250a7",class:"f-body-02"},this.colors[2].pantoneC),e.h("span",{key:"f53078949c7803385c6616325670143e1af08abe",class:"f-body-02"},this.colors[2].pantoneU))),e.h("div",{key:"2076894246cdbcdc0557e70ef9ca857f8fb825cf",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},e.h("div",{key:"5f8b1cf3e3529c9e54185cd6bb8c1aaaa0ebc359",class:"grid"},e.h("span",{key:"06f7ef3d3e164a632f2bc9c5e99642a827a79e27",class:"f-body-02"},this.colors[3].rgb),e.h("span",{key:"21a313355fa68a829619d9da29000acef0509fba",class:"f-body-02 w-full"},this.colors[3].cmyk),e.h("eds-code-block",{key:"859bc066d1756b9ac5f72de7fcd0b4bd3013f8f4",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"5a4ffa55b941478f5f18e764fc54421b4dd33141",class:"grid"},e.h("span",{key:"b42265cfe889bcb45270c21016134fa72ba18e5d",class:"f-body-02"},this.colors[3].pantoneC),e.h("span",{key:"6b478b1526fbd5e5175f67dbb5b9e30e21dc56bb",class:"f-body-02"},this.colors[3].pantoneU)))),e.h("li",{key:"7a92c596887e9c42c2c79c208ed82810b8f6a714",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"edcc8539e72b7497a0bb49d442774903116bf916",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},e.h("div",{key:"a65cdaa466210da348bf54e36c4e805ae26e36fa",class:"grid"},e.h("span",{key:"894bc12a1b61925db0ec12b82f2f938805b71f46",class:"f-body-02"},this.colors[4].rgb),e.h("span",{key:"0b7f7cf4c514ccc4bd3c3a1f1bce75f23bbcc2cb",class:"f-body-02 w-full"},this.colors[4].cmyk),e.h("eds-code-block",{key:"bc3b15dd7eb559b10fc64b08fc6c4d7681209d3c",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"57be009b3ec863485042af43ca0dabcceb5a317b",class:"grid"},e.h("span",{key:"f7e10fda97f12f55d4756014f296e710793c38f4",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),e.h("span",{key:"e16fc4ac9a8639bda71bb814992bf6416949fd06",class:"f-body-02"},this.colors[4].pantoneU||"N/A")))))}};exports.color_primary_palette=n;exports.color_secondary_palette=f;exports.color_support_palette=l;exports.gradient_primary_palette=r;exports.gradient_secondary_palette=i;exports.gradient_support_palette=h;
|
|
@@ -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-7ljGsgwC.js"),t=()=>e.h("div",{class:"static-content container"},e.h("h2",null,"Load the module"),e.h("p",null,"Integrating the EBRAINS UI Components to a project without a JavaScript framework is straight forward. If you’re working on a simple HTML page, you can start using the components immediately by adding the tags below to the"," ",e.h("code",null,"head"),"."),e.h("eds-code-block",{code:`<script type='module'>
|
|
2
2
|
import { defineCustomElements } from 'https://unpkg.com/@ebrains/components@latest/loader/index.js';
|
|
3
3
|
// Define custom elements
|
|
4
4
|
defineCustomElements(window);
|
|
@@ -159,4 +159,4 @@ defineCustomElements();`,language:"javascript","copy-label":"Copy Code"}),e.h("p
|
|
|
159
159
|
]">
|
|
160
160
|
</eds-breadcrumb>
|
|
161
161
|
<eds-footer></eds-footer>
|
|
162
|
-
</div>`,language:"javascript","copy-label":"Copy Code"}))),i=class{constructor(n){e.registerInstance(this,n),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h(t,null);case 1:return e.h(s,null);case 2:return e.h(o,null);case 3:return e.h(a,null);case 4:return e.h(l,null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"
|
|
162
|
+
</div>`,language:"javascript","copy-label":"Copy Code"}))),i=class{constructor(n){e.registerInstance(this,n),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h(t,null);case 1:return e.h(s,null);case 2:return e.h(o,null);case 3:return e.h(a,null);case 4:return e.h(l,null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"ee1dd33b05afae12511c5876db4e8bd771117853",class:"container"},this.renderContent())}};exports.components_section=i;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as e } from "./index-
|
|
1
|
+
import { r as t, h as e } from "./index-l365C9dI.mjs";
|
|
2
2
|
const s = () => e(
|
|
3
3
|
"div",
|
|
4
4
|
{ class: "static-content container" },
|
|
@@ -343,7 +343,7 @@ defineCustomElements();`, language: "javascript", "copy-label": "Copy Code" }),
|
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
345
|
render() {
|
|
346
|
-
return e("div", { key: "
|
|
346
|
+
return e("div", { key: "ee1dd33b05afae12511c5876db4e8bd771117853", class: "container" }, this.renderContent());
|
|
347
347
|
}
|
|
348
348
|
};
|
|
349
349
|
export {
|
package/{correct-use-of-colors.entry-BIOVttVR.mjs → correct-use-of-colors.entry-CvrVVhIA.mjs}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as c, h as e } from "./index-
|
|
1
|
+
import { r as c, h as e } from "./index-l365C9dI.mjs";
|
|
2
2
|
const s = [
|
|
3
3
|
{
|
|
4
4
|
background: "#9CE142"
|
|
@@ -51,7 +51,7 @@ const s = [
|
|
|
51
51
|
c(this, l);
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return e("div", { key: "
|
|
54
|
+
return e("div", { key: "9f7fbb8254528663d833da6bb683c2bb19e2837b", class: "container" }, e("p", { key: "71cdde5e7a803ccfbe49bfea00f208a23a10ab8d", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "fecaba6a82952070d3deb88cf22e335e6e0d7a08", label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "0fb583c3d4542134f921649aef5f07738e00b086", label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "3bfb272e2e2d5ab823f157aa1add3511f34a4c27", class: "flex" }, e("div", { key: "baaf45c1f7b749b6f8f4035b1c62942e320d77d3", class: "w-full" }, e("ul", { key: "7e6d1a2051e98d7af54ef7061f39edaf2c7beb0a", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, s.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } }))))), e("div", { key: "1bf98fe26e99af8473077ac13d3d9b8c405bf1c4", class: "w-full" }, e("ul", { key: "1402fcefd163737b10c5b0d12014bc6e3fd66780", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } })))))), e("p", { key: "b9bc90a0d0cc539349f10c51a1b3dfd19bb453ea", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "40a8a92005d47099d518281ed61f31888169dfcd", label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "7b530b15d10ce8591b2cd42299f2d6a0b6de575e", label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "c2b1599f407579d58e36effc3d4ba0115f4fa453", class: "flex" }, e("div", { key: "514a3c8c3a04f8e5607a606bf310b6173b973ba8", class: "w-full" }, e("ul", { key: "81c56759b2aaf2153cf6150f892ba23f67b8296e", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, t.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } }))))), e("div", { key: "ef65f00f5fbf77af47292e570e98d465d553a03a", class: "w-full" }, e("ul", { key: "8fb9499e6c4587db8a188aad5120c1a1bd93b049", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } })))))), e("p", { key: "045fe17ef474b7d7c55ee50b183ea8e40439f034", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "20147150cb42c6105559457d364c28b09f9ba171", label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "37093d1dda45c1c114e95533bbf560934d529e4a", label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "1d53f16c58afa8f537d384434a6ac68e2d14c707", class: "flex" }, e("div", { key: "cdd9390005122023dec3b5abcb88bf996e833c70", class: "w-full" }, e("ul", { key: "e76d12d0b57b810c95788e9ccb0d39d4ab9ceb4e", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } }))))), e("div", { key: "3ff4f5c0ba01b4723e8e664633f7220c9703905f", class: "w-full" }, e("ul", { key: "f69b766d268d5e1d10972723a4ebdc5d9e0cae07", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } })))))), e("p", { key: "6591ea37bd86b328c1c55a5150f8ce44d24f8f52", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "47110ceefffb0f391443845425d0e9d07a15e779", label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "0e034de1c3c0ea2f1c0e71f1e1a0024e6bc66d79", label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "0b0d5484f0d3569bfdc529ef49af00a6c41a25ce", class: "flex" }, e("div", { key: "66e8d6d41bab4c18846885814b5a7aad6c08d240", class: "w-full" }, e("ul", { key: "b9093c38be4aaca5045c62911cd6c789fdc12438", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, o.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } }))))), e("div", { key: "eb682711d6439a79719062057440de519ba48ecb", class: "w-full" }, e("ul", { key: "79805bba02241029b99027dab0f9cf6673e0e1c3", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } })))))));
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
57
|
export {
|
|
@@ -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-7ljGsgwC.js"),c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],a=[{background:"#141414"},{background:"#383838"},{background:"#CCCCCC"},{background:"#E6E6E6"},{background:"#FFFFFF"}],s=[{background:"#3FA9F5"},{background:"#0644F4"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],t=[{background:"#FFA543"},{background:"#FF4D68"}],o=class{constructor(l){e.registerInstance(this,l)}render(){return e.h("div",{key:"9f7fbb8254528663d833da6bb683c2bb19e2837b",class:"container"},e.h("p",{key:"71cdde5e7a803ccfbe49bfea00f208a23a10ab8d",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"fecaba6a82952070d3deb88cf22e335e6e0d7a08",label:"primary",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",e.h("eds-link",{key:"0fb583c3d4542134f921649aef5f07738e00b086",label:"support",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),e.h("div",{key:"3bfb272e2e2d5ab823f157aa1add3511f34a4c27",class:"flex"},e.h("div",{key:"baaf45c1f7b749b6f8f4035b1c62942e320d77d3",class:"w-full"},e.h("ul",{key:"7e6d1a2051e98d7af54ef7061f39edaf2c7beb0a",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map(l=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}}))))),e.h("div",{key:"1bf98fe26e99af8473077ac13d3d9b8c405bf1c4",class:"w-full"},e.h("ul",{key:"1402fcefd163737b10c5b0d12014bc6e3fd66780",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(l=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"b9bc90a0d0cc539349f10c51a1b3dfd19bb453ea",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"40a8a92005d47099d518281ed61f31888169dfcd",label:"purple",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",e.h("eds-link",{key:"7b530b15d10ce8591b2cd42299f2d6a0b6de575e",label:"support",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),e.h("div",{key:"c2b1599f407579d58e36effc3d4ba0115f4fa453",class:"flex"},e.h("div",{key:"514a3c8c3a04f8e5607a606bf310b6173b973ba8",class:"w-full"},e.h("ul",{key:"81c56759b2aaf2153cf6150f892ba23f67b8296e",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},d.map(l=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}}))))),e.h("div",{key:"ef65f00f5fbf77af47292e570e98d465d553a03a",class:"w-full"},e.h("ul",{key:"8fb9499e6c4587db8a188aad5120c1a1bd93b049",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(l=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"045fe17ef474b7d7c55ee50b183ea8e40439f034",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"20147150cb42c6105559457d364c28b09f9ba171",label:"blue",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",e.h("eds-link",{key:"37093d1dda45c1c114e95533bbf560934d529e4a",label:"support",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),e.h("div",{key:"1d53f16c58afa8f537d384434a6ac68e2d14c707",class:"flex"},e.h("div",{key:"cdd9390005122023dec3b5abcb88bf996e833c70",class:"w-full"},e.h("ul",{key:"e76d12d0b57b810c95788e9ccb0d39d4ab9ceb4e",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map(l=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}}))))),e.h("div",{key:"3ff4f5c0ba01b4723e8e664633f7220c9703905f",class:"w-full"},e.h("ul",{key:"f69b766d268d5e1d10972723a4ebdc5d9e0cae07",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(l=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"6591ea37bd86b328c1c55a5150f8ce44d24f8f52",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"47110ceefffb0f391443845425d0e9d07a15e779",label:"redish",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",e.h("eds-link",{key:"0e034de1c3c0ea2f1c0e71f1e1a0024e6bc66d79",label:"support",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),e.h("div",{key:"0b0d5484f0d3569bfdc529ef49af00a6c41a25ce",class:"flex"},e.h("div",{key:"66e8d6d41bab4c18846885814b5a7aad6c08d240",class:"w-full"},e.h("ul",{key:"b9093c38be4aaca5045c62911cd6c789fdc12438",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},t.map(l=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}}))))),e.h("div",{key:"eb682711d6439a79719062057440de519ba48ecb",class:"w-full"},e.h("ul",{key:"79805bba02241029b99027dab0f9cf6673e0e1c3",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(l=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))))}};exports.correct_use_of_colors=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-7ljGsgwC.js"),l=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("color-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("color-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("color-support-palette",null));case 1:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("gradient-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("gradient-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("gradient-support-palette",null));default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"41ac7248f45204f420ab2954e26529577e2cb27f",class:"container"},this.renderContent())}};exports.docs_palettes=l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as l, h as e } from "./index-
|
|
1
|
+
import { r as l, h as e } from "./index-l365C9dI.mjs";
|
|
2
2
|
const r = class {
|
|
3
3
|
constructor(t) {
|
|
4
4
|
l(this, t), this.tabIndex = void 0;
|
|
@@ -14,7 +14,7 @@ const r = class {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return e("div", { key: "
|
|
17
|
+
return e("div", { key: "41ac7248f45204f420ab2954e26529577e2cb27f", class: "container" }, this.renderContent());
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
export {
|
|
@@ -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-7ljGsgwC.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("token-list",{show:"background"});case 1:return e.h("token-list",{show:"text"});case 2:return e.h("token-list",{show:"border"});case 3:return e.h("token-radii",null);case 4:return e.h("token-list",{show:"outline"});case 5:return e.h("token-shadows",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"2d4d06ef8d68dc42280f71042322a5f3ca528564",class:"container"},this.renderContent())}};exports.docs_tokens=n;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, h as e } from "./index-
|
|
1
|
+
import { r as n, h as e } from "./index-l365C9dI.mjs";
|
|
2
2
|
const s = class {
|
|
3
3
|
constructor(t) {
|
|
4
4
|
n(this, t), this.tabIndex = void 0;
|
|
@@ -22,7 +22,7 @@ const s = class {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return e("div", { key: "
|
|
25
|
+
return e("div", { key: "2d4d06ef8d68dc42280f71042322a5f3ca528564", class: "container" }, this.renderContent());
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, c as o, h as e, g as a } from "./index-
|
|
1
|
+
import { r as n, c as o, h as e, g as a } from "./index-l365C9dI.mjs";
|
|
2
2
|
import { s as r } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
3
|
const d = "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-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}.break-words{overflow-wrap:break-word}.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}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.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-4{padding-top:0.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}", s = d, l = class {
|
|
4
4
|
constructor(i) {
|
|
@@ -33,10 +33,10 @@ const d = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{
|
|
|
33
33
|
* Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
|
|
34
34
|
*/
|
|
35
35
|
render() {
|
|
36
|
-
return e("div", { key: "
|
|
36
|
+
return e("div", { key: "d2fcce2468130200dd1516902a203c4ca8ae543f", ref: (i) => this.wrapperRef = i, class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16
|
|
37
37
|
${this.switchBg && this.isExpanded ? "bg-inverse" : "bg-default"}
|
|
38
38
|
${this.switchBg ? "hover:bg-inverse" : ""}
|
|
39
|
-
${this.description ? "min-h-56" : ""}` }, e("h3", { key: "
|
|
39
|
+
${this.description ? "min-h-56" : ""}` }, e("h3", { key: "f59a85e886736b483f6a311a00426340a36dcb71", ref: (i) => this.headerRef = i, class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), e("div", { key: "9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54", class: "ml-auto" }, e("eds-button", { key: "4d4c16a958df05f1e773fe74fa49647fc94766c7", id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", 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: "5d84ffe8032834575d165f7a5e097539de73350f", class: "w-full", style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? e("span", { class: `text-light ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description) : null, e("section", { key: "1813aea1369b8883cd45088799f9715cf8fc0556", id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "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: "a9a95adbb819530f426045c55ca1a02f3a778f0a", ref: (i) => this.childContentRef = i, class: "accordion-content effect-color pt-4", "aria-hidden": !this.isExpanded }, e("span", { key: "2518e3243e0bd199061ac255922d661e0558bdc8", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3" }))))));
|
|
40
40
|
}
|
|
41
41
|
get el() {
|
|
42
42
|
return a(this);
|
|
@@ -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-7ljGsgwC.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),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-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}.break-words{overflow-wrap:break-word}.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}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.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-4{padding-top:0.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}",a=r,n=class{constructor(i){e.registerInstance(this,i),this.accordion=e.createEvent(this,"accordion",7),this.handleClick=()=>{var t;this.isExpanded=!this.isExpanded,this.accordion.emit(this.isExpanded),this.setPanelHeight(),o.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((t=this.heading)===null||t===void 0?void 0:t.toLowerCase())||"",action:this.isExpanded?"expanded":"collapsed"})},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.headerRef&&(this.headerHeight=this.headerRef.scrollHeight-30)},this.heading=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1,this.headerHeight=0}componentDidLoad(){this.setPanelHeight(),window.addEventListener("resize",this.setPanelHeight)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){return e.h("div",{key:"d2fcce2468130200dd1516902a203c4ca8ae543f",ref:i=>this.wrapperRef=i,class:`flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16
|
|
2
2
|
${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"}
|
|
3
3
|
${this.switchBg?"hover:bg-inverse":""}
|
|
4
|
-
${this.description?"min-h-56":""}`},e.h("h3",{key:"
|
|
4
|
+
${this.description?"min-h-56":""}`},e.h("h3",{key:"f59a85e886736b483f6a311a00426340a36dcb71",ref:i=>this.headerRef=i,class:"mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40"},this.heading),e.h("div",{key:"9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54",class:"ml-auto"},e.h("eds-button",{key:"4d4c16a958df05f1e773fe74fa49647fc94766c7",id:"toggleAccordion",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-label":"Toggle accordion","aria-controls":"accordionSection",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:"5d84ffe8032834575d165f7a5e097539de73350f",class:"w-full",style:Number.isFinite(this.headerHeight)?{marginTop:`${this.headerHeight}px`}:{}},this.description?e.h("span",{class:`text-light ${!this.isExpanded&&this.clampText?"line-clamp-1":""}`},this.description):null,e.h("section",{key:"1813aea1369b8883cd45088799f9715cf8fc0556",id:"accordionSection",role:"region","aria-labelledby":"accordionHeader","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:"a9a95adbb819530f426045c55ca1a02f3a778f0a",ref:i=>this.childContentRef=i,class:"accordion-content effect-color pt-4","aria-hidden":!this.isExpanded},e.h("span",{key:"2518e3243e0bd199061ac255922d661e0558bdc8",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3"}))))))}get el(){return e.getElement(this)}};n.style=a;exports.eds_accordion=n;
|
|
@@ -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-7ljGsgwC.js"),r=require("./index-39c58238-SQ-JC-LH.js"),o=`:root {
|
|
2
2
|
font-optical-sizing: auto;
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -736,4 +736,4 @@ img {
|
|
|
736
736
|
|
|
737
737
|
.after\\:border-softest::after {
|
|
738
738
|
border-color: rgba(0, 0, 0, .05);
|
|
739
|
-
}`,a=o,s=r.cva(["w-full bg-dark"],{variants:{intent:{default:"",warning:"bg-warning",error:"bg-error",success:"bg-success"},brd:{rounded:"rounded-lg border-inside after:border-softest after:rounded-lg",normal:""},direction:{vertical:"space-y-12",horizontal:"flex flex-row items-center justify-between gap-x-12"},withBtn:{false:"",true:""}},compoundVariants:[{direction:"horizontal",withBtn:!0,class:"px-20 pr-12 py-12"},{direction:"horizontal",withBtn:!1,class:"p-20"},{direction:"vertical",withBtn:!0,class:"p-16"},{direction:"vertical",withBtn:!1,class:"px-12 py-20"}],defaultVariants:{intent:"default",brd:"rounded",direction:"horizontal"}}),i=class{constructor(n){e.registerInstance(this,n),this.message=void 0,this.pressableLabel=void 0,this.pressableUrl=void 0,this.direction="horizontal",this.intent="default",this.brd="rounded",this.withBtn=!1}componentWillLoad(){this.withBtn=!!this.pressableLabel}componentDidLoad(){var n;const t=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelector("eds-link");t&&this.emitContext(t)}emitContext(n){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(t)}render(){return e.h("div",{key:"
|
|
739
|
+
}`,a=o,s=r.cva(["w-full bg-dark"],{variants:{intent:{default:"",warning:"bg-warning",error:"bg-error",success:"bg-success"},brd:{rounded:"rounded-lg border-inside after:border-softest after:rounded-lg",normal:""},direction:{vertical:"space-y-12",horizontal:"flex flex-row items-center justify-between gap-x-12"},withBtn:{false:"",true:""}},compoundVariants:[{direction:"horizontal",withBtn:!0,class:"px-20 pr-12 py-12"},{direction:"horizontal",withBtn:!1,class:"p-20"},{direction:"vertical",withBtn:!0,class:"p-16"},{direction:"vertical",withBtn:!1,class:"px-12 py-20"}],defaultVariants:{intent:"default",brd:"rounded",direction:"horizontal"}}),i=class{constructor(n){e.registerInstance(this,n),this.message=void 0,this.pressableLabel=void 0,this.pressableUrl=void 0,this.direction="horizontal",this.intent="default",this.brd="rounded",this.withBtn=!1}componentWillLoad(){this.withBtn=!!this.pressableLabel}componentDidLoad(){var n;const t=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelector("eds-link");t&&this.emitContext(t)}emitContext(n){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(t)}render(){return e.h("div",{key:"90eae6088fb792c671eca1d74d9a6e7d212c2c1c",class:s({intent:this.intent,brd:this.brd,direction:this.direction,withBtn:this.withBtn}),role:"alert"},e.h("p",{key:"201a9e6352350dbe9d4f1ab137a669f212519ea5",class:"f-ui-01 py-8",innerHTML:this.message}),this.withBtn&&(this.pressableUrl?e.h("eds-link",{class:"eds-alert-link",label:this.pressableLabel,url:this.pressableUrl,intent:"secondary",external:!0}):null))}get el(){return e.getElement(this)}};i.style=a;exports.eds_alert=i;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as t, g as r } from "./index-
|
|
1
|
+
import { r as i, h as t, g as r } from "./index-l365C9dI.mjs";
|
|
2
2
|
import { c as o } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
3
3
|
const a = `:root {
|
|
4
4
|
font-optical-sizing: auto;
|
|
@@ -808,12 +808,12 @@ img {
|
|
|
808
808
|
n.dispatchEvent(e);
|
|
809
809
|
}
|
|
810
810
|
render() {
|
|
811
|
-
return t("div", { key: "
|
|
811
|
+
return t("div", { key: "90eae6088fb792c671eca1d74d9a6e7d212c2c1c", class: d({
|
|
812
812
|
intent: this.intent,
|
|
813
813
|
brd: this.brd,
|
|
814
814
|
direction: this.direction,
|
|
815
815
|
withBtn: this.withBtn
|
|
816
|
-
}), role: "alert" }, t("p", { key: "
|
|
816
|
+
}), role: "alert" }, t("p", { key: "201a9e6352350dbe9d4f1ab137a669f212519ea5", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && (this.pressableUrl ? t("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: !0 }) : null));
|
|
817
817
|
}
|
|
818
818
|
get el() {
|
|
819
819
|
return r(this);
|
|
@@ -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-7ljGsgwC.js"),o=class{constructor(i){e.registerInstance(this,i),this.isAuthenticated=!1}componentWillLoad(){const i=new Promise(a=>{document.addEventListener("initKeycloak",t=>{a(t.detail)},{once:!0})}),s=new Promise(a=>{document.addEventListener("authStatusChanged",t=>{var n;this.isAuthenticated=(n=t.detail)===null||n===void 0?void 0:n.authenticated,a(t.detail)},{once:!0})});this.combinedInitPromise=Promise.all([i,s])}render(){return e.h("div",{key:"e17896f68a7a987b73756e1a0d572f48272ae65f"},e.h("eds-splash-screen",{key:"f269a92c479b27c1c3d4fa199889770dfc98e0e1",inverse:!0,initPromise:this.combinedInitPromise}),e.h("eds-login",{key:"271e28d665f9676d9a75c8537553f29bbdab6651","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),e.h("main",{key:"fbcbec5f93e57b450936e8df1a35da1cc6493175"},this.isAuthenticated?e.h("h1",null,"Welcome, authenticated user!"):e.h("h1",null,"Please log in.")))}};exports.eds_app_root=o;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as o, h as e } from "./index-
|
|
2
|
-
const
|
|
1
|
+
import { r as o, h as e } from "./index-l365C9dI.mjs";
|
|
2
|
+
const d = class {
|
|
3
3
|
constructor(i) {
|
|
4
4
|
o(this, i), this.isAuthenticated = !1;
|
|
5
5
|
}
|
|
@@ -17,9 +17,9 @@ const c = class {
|
|
|
17
17
|
this.combinedInitPromise = Promise.all([i, n]);
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return e("div", { key: "
|
|
20
|
+
return e("div", { key: "e17896f68a7a987b73756e1a0d572f48272ae65f" }, e("eds-splash-screen", { key: "f269a92c479b27c1c3d4fa199889770dfc98e0e1", inverse: !0, initPromise: this.combinedInitPromise }), e("eds-login", { key: "271e28d665f9676d9a75c8537553f29bbdab6651", "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), e("main", { key: "fbcbec5f93e57b450936e8df1a35da1cc6493175" }, this.isAuthenticated ? e("h1", null, "Welcome, authenticated user!") : e("h1", null, "Please log in.")));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
d as eds_app_root
|
|
25
25
|
};
|