@ebrains/vue 0.4.0-alpha.0 → 0.5.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/analytics-1cde8e4a-BDRcCMlV.mjs +24 -0
- package/analytics-1cde8e4a-B_MD-9qW.js +1 -0
- package/color-2554aad6-CCcV5UJZ.mjs +131 -0
- package/color-2554aad6-D1hFGX4H.js +1 -0
- package/{color-primary-palette_6.entry-CSDWEKLH.mjs → color-primary-palette_6.entry-CgeStD0V.mjs} +21 -21
- package/color-primary-palette_6.entry-c_K7930i.js +1 -0
- package/correct-use-of-colors.entry-De5Tcxdm.mjs +59 -0
- package/correct-use-of-colors.entry-DpmXW_CD.js +1 -0
- package/eds-accordion.entry-B8TjhnWX.mjs +49 -0
- package/eds-accordion.entry-BySfMYU2.js +4 -0
- package/eds-alert_17.entry-BfpBSBVW.js +14999 -0
- package/eds-alert_17.entry-IJq6baZd.mjs +16075 -0
- package/eds-avatar_4.entry-B7CV7v_n.mjs +283 -0
- package/eds-avatar_4.entry-D1CDRW_R.js +149 -0
- package/eds-card-generic.entry-BhLK-nyp.js +1 -0
- package/eds-card-generic.entry-DIHPUjbI.mjs +63 -0
- package/{eds-card-project.entry-C3eyu1U0.mjs → eds-card-project.entry-C2dWgXXW.mjs} +12 -11
- package/eds-card-project.entry-CunHqbYK.js +1 -0
- package/{eds-card-section.entry-DU-1TB0I.js → eds-card-section.entry-0n2V-MH6.js} +1 -1
- package/{eds-card-section.entry-Dxk-Ob_Y.mjs → eds-card-section.entry-Ccjil38X.mjs} +4 -4
- package/eds-card-tags.entry-C6jjLiGA.mjs +13 -0
- package/{eds-card-tags.entry-YPPBWdFq.js → eds-card-tags.entry-CQS5AtAg.js} +1 -1
- package/{eds-card-tool.entry-1_RNWh8n.mjs → eds-card-tool.entry-Bi8w0xds.mjs} +7 -7
- package/eds-card-tool.entry-DJA23zJf.js +1 -0
- package/{eds-card-wrapper.entry-BfCDGeFs.js → eds-card-wrapper.entry-BKPCc7ci.js} +1 -1
- package/{eds-card-wrapper.entry-C4pNRjIj.mjs → eds-card-wrapper.entry-UPnkq2JI.mjs} +4 -4
- package/{eds-code-block.entry-B2xATQ7r.mjs → eds-code-block.entry-BZTLGjqq.mjs} +47 -47
- package/{eds-code-block.entry-DQEDpAjn.js → eds-code-block.entry-Ckb3jisn.js} +3 -3
- package/{eds-components-section.entry-D08woahG.js → eds-components-section.entry-B3WrdIfL.js} +45 -36
- package/{eds-components-section.entry-DR-984-3.mjs → eds-components-section.entry-D1ovrn93.mjs} +56 -37
- package/{eds-docs-palettes.entry-qKOj3XU9.js → eds-docs-palettes.entry-Bk77Xn04.js} +1 -1
- package/{eds-docs-palettes.entry-B0yU2ZpL.mjs → eds-docs-palettes.entry-lpT0ypSs.mjs} +2 -2
- package/{eds-docs-tokens.entry-BVHiM7cK.mjs → eds-docs-tokens.entry-Bi35zxEM.mjs} +2 -2
- package/{eds-docs-tokens.entry-BtRXzjrp.js → eds-docs-tokens.entry-DCHw-jrS.js} +1 -1
- package/eds-dropdown_2.entry-Bamjbo1o.mjs +115 -0
- package/eds-dropdown_2.entry-YEBzyKJu.js +1 -0
- package/eds-form.entry-a52cYx3b.js +7153 -0
- package/eds-form.entry-xm937wbh.mjs +7340 -0
- package/eds-frame.entry-BnT9nQwa.js +1 -0
- package/eds-frame.entry-CU7GoLj6.mjs +74 -0
- package/eds-icon-arrow-diagonal.entry-fzsCJiPP.js +1 -0
- package/eds-icon-arrow-diagonal.entry-kClkB8LF.mjs +13 -0
- package/eds-icon-arrow-right.entry-B75Ra6OD.js +1 -0
- package/eds-icon-arrow-right.entry-DX6A-VKL.mjs +13 -0
- package/{eds-icon-bluesky.entry-Dppj9cuC.js → eds-icon-bluesky.entry-7tzCZSoL.js} +1 -1
- package/eds-icon-bluesky.entry-BNSdVu2K.mjs +13 -0
- package/eds-icon-chevron-down.entry-BLvZ3e_N.mjs +13 -0
- package/{eds-icon-chevron-down.entry-CidjiGQS.js → eds-icon-chevron-down.entry-BUG6E9eR.js} +1 -1
- package/eds-icon-chevron-left.entry-BT-KYjSo.js +1 -0
- package/eds-icon-chevron-left.entry-Vq-R3b59.mjs +13 -0
- package/{eds-icon-chevron-right.entry-iy6d6tux.mjs → eds-icon-chevron-right.entry-B1qzmGrD.mjs} +2 -2
- package/eds-icon-chevron-right.entry-BmU_I0Y1.js +1 -0
- package/eds-icon-chevron-up.entry-DXXRgw1V.js +1 -0
- package/eds-icon-chevron-up.entry-DuySJU_i.mjs +13 -0
- package/eds-icon-close.entry-DDxUAr21.mjs +13 -0
- package/{eds-icon-close.entry-CE-Nory7.js → eds-icon-close.entry-DS7BLTzl.js} +1 -1
- package/eds-icon-copy.entry-DNa1wI4F.mjs +13 -0
- package/{eds-icon-copy.entry-Bpe3I5b6.js → eds-icon-copy.entry-Nz_P5A7p.js} +1 -1
- package/eds-icon-eu.entry-CLQcoimB.js +1 -0
- package/eds-icon-eu.entry-DTdf6Skc.mjs +13 -0
- package/eds-icon-facebook.entry-B9szoikj.mjs +13 -0
- package/eds-icon-facebook.entry-knUdck2t.js +1 -0
- package/eds-icon-gitlab.entry-IO7f4hgL.mjs +13 -0
- package/eds-icon-gitlab.entry-pKxaKA0B.js +1 -0
- package/{eds-icon-linkedin.entry-CstoPbTS.js → eds-icon-linkedin.entry-BD__kbDV.js} +1 -1
- package/eds-icon-linkedin.entry-CryUW1Er.mjs +13 -0
- package/{eds-icon-loader.entry-CaGFh0gM.js → eds-icon-loader.entry-B_3Sd6PB.js} +1 -1
- package/eds-icon-loader.entry-CxizdRT8.mjs +13 -0
- package/eds-icon-mastodon.entry-7152lwgd.js +1 -0
- package/eds-icon-mastodon.entry-MyM74vvm.mjs +13 -0
- package/eds-icon-menu.entry-5RRmRTxa.mjs +13 -0
- package/eds-icon-menu.entry-BVU8htgo.js +1 -0
- package/eds-icon-more.entry-KE6_EsAg.mjs +13 -0
- package/{eds-icon-more.entry-68jT9AEw.js → eds-icon-more.entry-lossstHZ.js} +1 -1
- package/eds-icon-search.entry-Dg0wabdP.mjs +13 -0
- package/eds-icon-search.entry-DiYaxnYX.js +1 -0
- package/{eds-icon-success.entry-CACuZjP6.js → eds-icon-success.entry-CRu9Ssdi.js} +1 -1
- package/eds-icon-success.entry-_fWfddhX.mjs +13 -0
- package/eds-icon-twitter.entry-B4xPE3Vz.js +1 -0
- package/eds-icon-twitter.entry-DHFpeStb.mjs +13 -0
- package/eds-icon-user.entry-BOv2lInW.mjs +13 -0
- package/eds-icon-user.entry-DkRLDrdp.js +1 -0
- package/eds-icon-youtube.entry-CRRGbDsw.mjs +13 -0
- package/eds-icon-youtube.entry-DL5fWU8k.js +1 -0
- package/eds-input_7.entry-BZ9afXqe.js +7167 -0
- package/eds-input_7.entry-WvoE_Mue.mjs +7373 -0
- package/eds-login.entry-BRWK6otG.js +1 -0
- package/eds-login.entry-C0eOhlEq.mjs +58 -0
- package/{eds-logo-variations.entry-CUD-M_Fd.js → eds-logo-variations.entry-BnB25dDH.js} +1 -1
- package/eds-logo-variations.entry-Cw44vuQE.mjs +22 -0
- package/eds-matomo-notice.entry-BpwE1vQ3.js +1 -0
- package/{eds-matomo-notice.entry-kSuLDx9K.mjs → eds-matomo-notice.entry-DsLbzeqQ.mjs} +2 -2
- package/eds-modal.entry-B9gXEOjT.js +1 -0
- package/eds-modal.entry-CCy9SRVR.mjs +84 -0
- package/{eds-navigator.entry-BJTqtqld.js → eds-navigator.entry-B9scz8p_.js} +1 -1
- package/{eds-navigator.entry-DdzcXSRW.mjs → eds-navigator.entry-Dk-4UW_d.mjs} +2 -2
- package/eds-pagination_2.entry-D_sngThL.js +1 -0
- package/{eds-pagination_2.entry-B5PLo2Uu.mjs → eds-pagination_2.entry-M3CLFGN_.mjs} +9 -9
- package/{eds-progress-bar.entry-DdqH0plT.mjs → eds-progress-bar.entry-BtI2_94Z.mjs} +5 -5
- package/{eds-progress-bar.entry-BBFsASiy.js → eds-progress-bar.entry-D56TNSGj.js} +1 -1
- package/{eds-section-core_2.entry-D_nLUa29.js → eds-section-core_2.entry-BmbK_RfT.js} +1 -1
- package/{eds-section-core_2.entry-D3HYngR_.mjs → eds-section-core_2.entry-pmUkAIz7.mjs} +6 -6
- package/{eds-svg-repository.entry-C-kayEdW.mjs → eds-svg-repository.entry-B3xCCFOp.mjs} +2 -2
- package/{eds-svg-repository.entry-in72TP_1.js → eds-svg-repository.entry-DZ1FMRrQ.js} +2 -2
- package/{eds-tab.entry-BKYSiEkl.mjs → eds-tab.entry-Bpv6R_M0.mjs} +2 -2
- package/{eds-tab.entry-BUzZWKac.js → eds-tab.entry-DjpVgaDN.js} +1 -1
- package/eds-tabs-content.entry-Bj5wNmkr.js +1 -0
- package/{eds-tabs-content.entry-3cyCQAth.mjs → eds-tabs-content.entry-CzwoLZzR.mjs} +4 -4
- package/{eds-tabs.entry-B8q09in2.mjs → eds-tabs.entry-BYBPkYRs.mjs} +5 -5
- package/eds-tabs.entry-Cbc9yhHL.js +1 -0
- package/{eds-timeline.entry-DEcov8mq.js → eds-timeline.entry-Bq-eo4Og.js} +1 -1
- package/{eds-timeline.entry-DhHSQScv.mjs → eds-timeline.entry-DJYcN7rN.mjs} +2 -2
- package/{eds-tooltip.entry-BTunlfGS.mjs → eds-tooltip.entry-CTCdKTKM.mjs} +3 -3
- package/eds-tooltip.entry-eiFlYpfl.js +1 -0
- package/{eds-trl.entry-Bt28XH55.mjs → eds-trl.entry-8BXrp9SK.mjs} +8 -8
- package/{eds-trl.entry-BHrlC_5O.js → eds-trl.entry-DtffM-e5.js} +1 -1
- package/eds-user.entry-DfBE6LuF.js +1 -0
- package/eds-user.entry-ybggwcts.mjs +66 -0
- package/eds-vertical-stepper.entry-DpcwvOst.mjs +27 -0
- package/eds-vertical-stepper.entry-O_GJNo8B.js +1 -0
- package/generated/components.d.ts +3 -0
- package/incorrect-use-of-colors.entry-CDHLoNBa.js +1 -0
- package/incorrect-use-of-colors.entry-DbwiJCH0.mjs +42 -0
- package/{index-I5Asbjce.mjs → index-C-Gy1Lax.mjs} +555 -497
- package/index-D_kZU_4I.js +21 -0
- package/index.js +1 -1
- package/index.mjs +30 -27
- package/{keycloak-13893af6-BLzE1H6E.mjs → keycloak-d502ec16-Ce0iGqyk.mjs} +259 -247
- package/keycloak-d502ec16-m7LwS-Gh.js +9 -0
- package/{logo-space.entry-DsM5jXgX.js → logo-space.entry-D56IaLNE.js} +1 -1
- package/{logo-space.entry-GnVq-srD.mjs → logo-space.entry-DERJLkyL.mjs} +7 -7
- package/logo-variations-horizontal_2.entry-OY3Zka_7.js +7 -0
- package/logo-variations-horizontal_2.entry-wp9D1MMl.mjs +29 -0
- package/logo-wrong-usage.entry-BniBpQrN.js +1 -0
- package/logo-wrong-usage.entry-RgKFDObE.mjs +14 -0
- package/package.json +1 -1
- package/{token-list_3.entry-DaIOT7_R.js → token-list_3.entry-C0Tohj1W.js} +1 -1
- package/{token-list_3.entry-CReCwFzO.mjs → token-list_3.entry-Zgzwbhio.mjs} +4 -4
- package/{token-ratios.entry-Dh8kvz8R.mjs → token-ratios.entry-B7ZwRluK.mjs} +2 -2
- package/token-ratios.entry-bO5CkZ9D.js +1 -0
- package/token-spacing.entry-BTYazF9c.js +1 -0
- package/token-spacing.entry-_yyMlwbO.mjs +12 -0
- package/{token-typography.entry-DG-4k5gY.js → token-typography.entry-D-PPtDvs.js} +1 -1
- package/{token-typography.entry-CIETKadf.mjs → token-typography.entry-D4bxbB2m.mjs} +2 -2
- package/color-bb472c37-CKu54kOY.js +0 -1
- package/color-bb472c37-DDERsxdk.mjs +0 -207
- package/color-primary-palette_6.entry-BB6740d4.js +0 -1
- package/correct-use-of-colors.entry-LuyuqIQ9.js +0 -1
- package/correct-use-of-colors.entry-hvZ1z3tc.mjs +0 -59
- package/eds-accordion_33.entry-DFgdjlJE.mjs +0 -31360
- package/eds-accordion_33.entry-DlnbmQ6R.js +0 -29468
- package/eds-card-project.entry-BQ-dH8vM.js +0 -1
- package/eds-card-tags.entry-CIu6lD0P.mjs +0 -13
- package/eds-card-tool.entry-DgBqQucY.js +0 -1
- package/eds-icon-arrow-diagonal.entry-DjDB--sU.js +0 -1
- package/eds-icon-arrow-diagonal.entry-E5xC3m8H.mjs +0 -13
- package/eds-icon-arrow-right.entry-DaXIkUew.mjs +0 -13
- package/eds-icon-arrow-right.entry-odZ8U-W2.js +0 -1
- package/eds-icon-bluesky.entry-B3yW2mUC.mjs +0 -13
- package/eds-icon-chevron-down.entry-xWODzTE-.mjs +0 -13
- package/eds-icon-chevron-left.entry-CJyHE01I.mjs +0 -13
- package/eds-icon-chevron-left.entry-DjJj-hmG.js +0 -1
- package/eds-icon-chevron-right.entry-D8RyOADq.js +0 -1
- package/eds-icon-chevron-up.entry-TKCdY_T3.mjs +0 -13
- package/eds-icon-chevron-up.entry-ezV-v92v.js +0 -1
- package/eds-icon-close.entry-Brv3Uxu1.mjs +0 -13
- package/eds-icon-copy.entry-DQioS3t7.mjs +0 -13
- package/eds-icon-eu.entry-BzmYOiKL.js +0 -1
- package/eds-icon-eu.entry-KylDo55P.mjs +0 -13
- package/eds-icon-facebook.entry-DWZ02rD5.js +0 -1
- package/eds-icon-facebook.entry-DpS2m4v2.mjs +0 -13
- package/eds-icon-gitlab.entry-D8PM12SK.js +0 -1
- package/eds-icon-gitlab.entry-JX-5azIw.mjs +0 -13
- package/eds-icon-linkedin.entry-BylIVu8G.mjs +0 -13
- package/eds-icon-loader.entry-DZyUa8Na.mjs +0 -13
- package/eds-icon-mastodon.entry-BIckHn_q.mjs +0 -13
- package/eds-icon-mastodon.entry-DxNG__-Y.js +0 -1
- package/eds-icon-menu.entry-C9N6s8Oa.mjs +0 -13
- package/eds-icon-menu.entry-DwN-ZAWi.js +0 -1
- package/eds-icon-more.entry-MUkUL_e2.mjs +0 -13
- package/eds-icon-search.entry-CcwwFnns.mjs +0 -13
- package/eds-icon-search.entry-CrfMqbyi.js +0 -1
- package/eds-icon-success.entry-BUzsze9h.mjs +0 -13
- package/eds-icon-twitter.entry-B1Iw69NW.mjs +0 -13
- package/eds-icon-twitter.entry-BbStwaGv.js +0 -1
- package/eds-icon-user.entry-CNo6pger.mjs +0 -13
- package/eds-icon-user.entry-vYVsxfK7.js +0 -1
- package/eds-icon-youtube.entry-CBU7Dvkh.mjs +0 -13
- package/eds-icon-youtube.entry-CmCAFp7D.js +0 -1
- package/eds-login.entry-Bfztcsrc.js +0 -1
- package/eds-login.entry-XqWPWCDL.mjs +0 -46
- package/eds-logo-variations.entry-Cy_fbJLx.mjs +0 -22
- package/eds-matomo-notice.entry-CytVSgYS.js +0 -1
- package/eds-pagination_2.entry-DUsG8tcv.js +0 -1
- package/eds-rating.entry-CErokyKU.mjs +0 -38
- package/eds-rating.entry-p9oWKCkQ.js +0 -1
- package/eds-tabs-content.entry-Cg7U8c5D.js +0 -1
- package/eds-tabs.entry-DS6qBEo7.js +0 -1
- package/eds-tooltip.entry-sjwuhdKF.js +0 -1
- package/incorrect-use-of-colors.entry-DkY89xG1.mjs +0 -42
- package/incorrect-use-of-colors.entry-e4VhTVHS.js +0 -1
- package/index-D2H_BflF.js +0 -21
- package/keycloak-13893af6-NiM3zoVg.js +0 -9
- package/logo-variations-horizontal_2.entry-BeQ_r9Li.js +0 -7
- package/logo-variations-horizontal_2.entry-CC7tj8Hr.mjs +0 -29
- package/logo-wrong-usage.entry-Ct1Ae63m.mjs +0 -14
- package/logo-wrong-usage.entry-DkqcMaqp.js +0 -1
- package/token-ratios.entry-aBiRsmfr.js +0 -1
- package/token-spacing.entry-C5HX4qPq.mjs +0 -12
- package/token-spacing.entry-DDiMRsNO.js +0 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
function e() {
|
|
2
|
+
return typeof window < "u" && typeof window._paq < "u";
|
|
3
|
+
}
|
|
4
|
+
function s(o, ...n) {
|
|
5
|
+
e() ? window._paq.push([o, ...n]) : console.warn("Matomo is not available or not initialized.");
|
|
6
|
+
}
|
|
7
|
+
function a(o) {
|
|
8
|
+
var n;
|
|
9
|
+
if (!e()) {
|
|
10
|
+
console.warn("Matomo is not available or not initialized."), console.log(Object.assign({}, o));
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
const i = [];
|
|
14
|
+
!((n = o.parentContext) === null || n === void 0) && n.componentName && i.push(o.parentContext.componentName), i.push(o.tag || "unknown-tag"), i.push(o.name || "unknown-name");
|
|
15
|
+
const t = i.join("/");
|
|
16
|
+
s("trackEvent", o.category, o.action, t), console.log(Object.assign({}, o));
|
|
17
|
+
}
|
|
18
|
+
function c() {
|
|
19
|
+
e() && (window._paq.push(["rememberConsentGiven"]), console.log("User has opted in to tracking"));
|
|
20
|
+
}
|
|
21
|
+
export {
|
|
22
|
+
c as m,
|
|
23
|
+
a as s
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function t(){return typeof window<"u"&&typeof window._paq<"u"}function s(n,...o){t()?window._paq.push([n,...o]):console.warn("Matomo is not available or not initialized.")}function a(n){var o;if(!t()){console.warn("Matomo is not available or not initialized."),console.log(Object.assign({},n));return}const i=[];!((o=n.parentContext)===null||o===void 0)&&o.componentName&&i.push(n.parentContext.componentName),i.push(n.tag||"unknown-tag"),i.push(n.name||"unknown-name");const e=i.join("/");s("trackEvent",n.category,n.action,e),console.log(Object.assign({},n))}function c(){t()&&(window._paq.push(["rememberConsentGiven"]),console.log("User has opted in to tracking"))}exports.matomoOptIn=c;exports.sendAnalytics=a;
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { c as t } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
2
|
+
const r = ["green", "yellow", "among-blue", "purple"], s = t([], {
|
|
3
|
+
variants: {
|
|
4
|
+
color: r.reduce((o, e) => Object.assign(Object.assign({}, o), { [e]: "" }), {}),
|
|
5
|
+
direction: {
|
|
6
|
+
top: "",
|
|
7
|
+
bottom: ""
|
|
8
|
+
},
|
|
9
|
+
pseudo: {
|
|
10
|
+
true: "before:effect-opacity effect-bg-behind",
|
|
11
|
+
false: ""
|
|
12
|
+
},
|
|
13
|
+
hover: {
|
|
14
|
+
true: "before:opacity-0 hover:before:opacity-100",
|
|
15
|
+
false: ""
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
compoundVariants: [
|
|
19
|
+
// region GREEN
|
|
20
|
+
{
|
|
21
|
+
color: "green",
|
|
22
|
+
direction: "top",
|
|
23
|
+
pseudo: !0,
|
|
24
|
+
className: "before:bg-gradient-01-top"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
color: "green",
|
|
28
|
+
pseudo: !0,
|
|
29
|
+
direction: "bottom",
|
|
30
|
+
className: "before:bg-gradient-01-bottom"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
color: "green",
|
|
34
|
+
direction: "top",
|
|
35
|
+
pseudo: !1,
|
|
36
|
+
className: "bg-gradient-01-top"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
color: "green",
|
|
40
|
+
pseudo: !1,
|
|
41
|
+
direction: "bottom",
|
|
42
|
+
className: "bg-gradient-01-bottom"
|
|
43
|
+
},
|
|
44
|
+
// endregion
|
|
45
|
+
// region YELLOW
|
|
46
|
+
{
|
|
47
|
+
color: "yellow",
|
|
48
|
+
direction: "top",
|
|
49
|
+
pseudo: !0,
|
|
50
|
+
className: "before:bg-gradient-02-top"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
color: "yellow",
|
|
54
|
+
direction: "bottom",
|
|
55
|
+
pseudo: !0,
|
|
56
|
+
className: "before:bg-gradient-02-bottom"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
color: "yellow",
|
|
60
|
+
direction: "top",
|
|
61
|
+
pseudo: !1,
|
|
62
|
+
className: "bg-gradient-02-top"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
color: "yellow",
|
|
66
|
+
direction: "bottom",
|
|
67
|
+
pseudo: !1,
|
|
68
|
+
className: "bg-gradient-02-bottom"
|
|
69
|
+
},
|
|
70
|
+
// endregion
|
|
71
|
+
// region PURPLE
|
|
72
|
+
{
|
|
73
|
+
color: "purple",
|
|
74
|
+
direction: "top",
|
|
75
|
+
pseudo: !0,
|
|
76
|
+
class: "before:bg-gradient-03-top"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
color: "purple",
|
|
80
|
+
direction: "bottom",
|
|
81
|
+
pseudo: !0,
|
|
82
|
+
class: "before:bg-gradient-03-bottom"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
color: "purple",
|
|
86
|
+
direction: "top",
|
|
87
|
+
pseudo: !1,
|
|
88
|
+
class: "bg-gradient-03-top"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
color: "purple",
|
|
92
|
+
direction: "bottom",
|
|
93
|
+
pseudo: !1,
|
|
94
|
+
class: "bg-gradient-03-bottom"
|
|
95
|
+
},
|
|
96
|
+
// endregion
|
|
97
|
+
// region AMONG-BLUE
|
|
98
|
+
{
|
|
99
|
+
color: "among-blue",
|
|
100
|
+
direction: "top",
|
|
101
|
+
pseudo: !0,
|
|
102
|
+
class: "before:bg-gradient-04-top"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
color: "among-blue",
|
|
106
|
+
direction: "bottom",
|
|
107
|
+
pseudo: !0,
|
|
108
|
+
class: "before:bg-gradient-04-bottom"
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
color: "among-blue",
|
|
112
|
+
direction: "top",
|
|
113
|
+
pseudo: !1,
|
|
114
|
+
class: "bg-gradient-04-top"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
color: "among-blue",
|
|
118
|
+
direction: "bottom",
|
|
119
|
+
pseudo: !1,
|
|
120
|
+
class: "bg-gradient-04-bottom"
|
|
121
|
+
}
|
|
122
|
+
// endregion
|
|
123
|
+
],
|
|
124
|
+
defaultVariants: {
|
|
125
|
+
direction: "top",
|
|
126
|
+
pseudo: !0
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
export {
|
|
130
|
+
s as g
|
|
131
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("./index-39c58238-SQ-JC-LH.js"),r=["green","yellow","among-blue","purple"],a=t.cva([],{variants:{color:r.reduce((o,e)=>Object.assign(Object.assign({},o),{[e]:""}),{}),direction:{top:"",bottom:""},pseudo:{true:"before:effect-opacity effect-bg-behind",false:""},hover:{true:"before:opacity-0 hover:before:opacity-100",false:""}},compoundVariants:[{color:"green",direction:"top",pseudo:!0,className:"before:bg-gradient-01-top"},{color:"green",pseudo:!0,direction:"bottom",className:"before:bg-gradient-01-bottom"},{color:"green",direction:"top",pseudo:!1,className:"bg-gradient-01-top"},{color:"green",pseudo:!1,direction:"bottom",className:"bg-gradient-01-bottom"},{color:"yellow",direction:"top",pseudo:!0,className:"before:bg-gradient-02-top"},{color:"yellow",direction:"bottom",pseudo:!0,className:"before:bg-gradient-02-bottom"},{color:"yellow",direction:"top",pseudo:!1,className:"bg-gradient-02-top"},{color:"yellow",direction:"bottom",pseudo:!1,className:"bg-gradient-02-bottom"},{color:"purple",direction:"top",pseudo:!0,class:"before:bg-gradient-03-top"},{color:"purple",direction:"bottom",pseudo:!0,class:"before:bg-gradient-03-bottom"},{color:"purple",direction:"top",pseudo:!1,class:"bg-gradient-03-top"},{color:"purple",direction:"bottom",pseudo:!1,class:"bg-gradient-03-bottom"},{color:"among-blue",direction:"top",pseudo:!0,class:"before:bg-gradient-04-top"},{color:"among-blue",direction:"bottom",pseudo:!0,class:"before:bg-gradient-04-bottom"},{color:"among-blue",direction:"top",pseudo:!1,class:"bg-gradient-04-top"},{color:"among-blue",direction:"bottom",pseudo:!1,class:"bg-gradient-04-bottom"}],defaultVariants:{direction:"top",pseudo:!0}});exports.gradientBGColorVariants=a;
|
package/{color-primary-palette_6.entry-CSDWEKLH.mjs → color-primary-palette_6.entry-CgeStD0V.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-C-Gy1Lax.mjs";
|
|
2
2
|
const d = class {
|
|
3
3
|
constructor(a) {
|
|
4
4
|
c(this, a), this.colors = [
|
|
@@ -29,7 +29,7 @@ const d = class {
|
|
|
29
29
|
];
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return e("ul", { key: "
|
|
32
|
+
return e("ul", { key: "b9b1f4d9c692d3b6f80dd5e50f7c840ed2dd6139", class: "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
|
}, o = class {
|
|
35
35
|
constructor(a) {
|
|
@@ -85,7 +85,7 @@ const d = class {
|
|
|
85
85
|
], this.show = void 0;
|
|
86
86
|
}
|
|
87
87
|
render() {
|
|
88
|
-
return e("ul", { key: "
|
|
88
|
+
return e("ul", { key: "f3b7eccec4f67008e8ed73c1a0ff23a542e3c516", class: "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
|
}, b = class {
|
|
91
91
|
constructor(a) {
|
|
@@ -133,9 +133,9 @@ const d = class {
|
|
|
133
133
|
];
|
|
134
134
|
}
|
|
135
135
|
render() {
|
|
136
|
-
return e("ul", { key: "
|
|
136
|
+
return e("ul", { key: "bef8701ffa7aec7ea1f0f21a2dfbe1157647bb0a", class: "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 || "N/A"), e("span", { class: "f-body-02" }, a.pantoneU || "N/A"))))));
|
|
137
137
|
}
|
|
138
|
-
},
|
|
138
|
+
}, n = class {
|
|
139
139
|
constructor(a) {
|
|
140
140
|
c(this, a), this.colors = [
|
|
141
141
|
{
|
|
@@ -165,11 +165,11 @@ const d = class {
|
|
|
165
165
|
];
|
|
166
166
|
}
|
|
167
167
|
render() {
|
|
168
|
-
return e("ul", { key: "
|
|
168
|
+
return e("ul", { key: "783eb92c379de99659e65e7cb02a1f0ca9df8758", class: "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
|
}
|
|
172
|
-
},
|
|
172
|
+
}, t = class {
|
|
173
173
|
constructor(a) {
|
|
174
174
|
c(this, a), this.colors = [
|
|
175
175
|
{
|
|
@@ -223,21 +223,21 @@ const d = class {
|
|
|
223
223
|
];
|
|
224
224
|
}
|
|
225
225
|
render() {
|
|
226
|
-
return e("div", { key: "
|
|
226
|
+
return e("div", { key: "4bb98c83660ec855ba6b7faeb83386450c27f5fd" }, e("ul", { key: "55b537cacdc2e3df835615e1658f82810633c485", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "d2f0d5c21e96579ef9a29540df473f821e2b29b6", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "e29f3000a3ee702caba1e1867b5d63be74b0d657", 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: "b1337194dd634b5820cc33707958fd0a2e0e92a6", class: "grid" }, e("span", { key: "0385f9d05575613fcb99e8e01ee04c427ba66a8d", class: "f-body-02" }, this.colors[0].rgb), e("span", { key: "bbebf9ca89b0972376225d1708a356777dc6fcca", class: "f-body-02 w-full" }, this.colors[0].cmyk), e("eds-code-block", { key: "cb70085fe98e4c3e9f535e626b386b1c51b26fc8", code: this.colors[0].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "cfd3721992823321bb75c0e544b28fa13cabd7eb", class: "grid" }, e("span", { key: "00834f078742102f17dfa76a6ab024b0ccbcb7c9", class: "f-body-02" }, this.colors[0].pantoneC), e("span", { key: "35d7c496211ab03ce17e17e839c27bcc5a9ef56f", class: "f-body-02" }, this.colors[0].pantoneU))), e("div", { key: "baae2cbc6859b137a8588b0e9dd56d0c9e3c3acd", 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: "55e3d9d0ce260c574da96b4775ce5f3e3e7fbaf0", class: "grid" }, e("span", { key: "c29acb597734c8422532cb303af1eaf04be73bbb", class: "f-body-02" }, this.colors[1].rgb), e("span", { key: "f1d9139118ce788e0c59d0fb7e8304b8d2ad2b6b", class: "f-body-02 w-full" }, this.colors[1].cmyk), e("eds-code-block", { key: "f8d92e3e205baf3c60a776ef6928da3f45682397", code: this.colors[1].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "09c594d5fe6a642bb0b8dc813911516cb933488e", class: "grid" }, e("span", { key: "62caf5d0012613e3ce291efc0539224e20da2180", class: "f-body-02" }, this.colors[1].pantoneC), e("span", { key: "6a6ced363a3b8a3c05298fd82ab9b7ec81d580f3", class: "f-body-02" }, this.colors[1].pantoneU))))), e("eds-block-break", { key: "126929a680751e2028b373be442814d677911978" }), e("ul", { key: "522cc84b4b8e1765a97c08927d640981e0a37328", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "4db01022fbe75477a88e7c8e7474e431c126dd63", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "92c1d309578f357745dcde72aae7c54b48d1a378", 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: "f789570aa4141bd4dbdbe737fca7a666beb5e635", class: "grid" }, e("span", { key: "2d3840caf5ec39e08271b4400f9ce0e425bc796c", class: "f-body-02" }, this.colors[2].rgb), e("span", { key: "41cd0250155a4d8413fb5b35677c6121c3539ab3", class: "f-body-02 w-full" }, this.colors[2].cmyk), e("eds-code-block", { key: "c36680567bbfd9085b2151748a4dfa7e557925d8", code: this.colors[2].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "14241bc8d0354da8eba7fb06eafc6841b182796a", class: "grid" }, e("span", { key: "97bde70e3d904c55fdf1e7d8b13aff954b905644", class: "f-body-02" }, this.colors[2].pantoneC), e("span", { key: "c5734847ceebbcf235c058c7987415cd47bdba86", class: "f-body-02" }, this.colors[2].pantoneU))), e("div", { key: "0c016fdccdbb1c372b28da2c47eacbbfb7af32a8", 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: "0d34612dbff071b4abd0aa2e0b89885ab1088a60", class: "grid" }, e("span", { key: "ab9628602287dc6543c086cb6b34dd22d40af58c", class: "f-body-02" }, this.colors[3].rgb), e("span", { key: "7ca06f7d0801cf664762b274815747e75023b596", class: "f-body-02 w-full" }, this.colors[3].cmyk), e("eds-code-block", { key: "a910ecaee2d78c6be8af632b497a4fe2d9651a9e", code: this.colors[3].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "420889ad4cb54cd70ed3d10053f836e0b226eee6", class: "grid" }, e("span", { key: "cc92bf72e7dd47a8d492ef263c46d22c7f5b64b2", class: "f-body-02" }, this.colors[3].pantoneC), e("span", { key: "d740c9446d7521e4b6f3e049149d687c74615493", class: "f-body-02" }, this.colors[3].pantoneU))))), e("eds-block-break", { key: "a6c5dea6ed19042213dcb8c0d12cb3120078c284" }), e("ul", { key: "7eede8a017fc381b57f07c1d3c4cf62b4b9a7f63", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "1202837ab3483b3cb9dd71992e71ea59594596e5", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "5280e99341777daa28196e0be215f58b64d5be37", 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: "0a29d5eba0d80789df6e2df892f72a210558bc5f", class: "grid" }, e("span", { key: "b53837c45946fd2a2e2f44d1ed6ffe86fa15de5d", class: "f-body-02" }, this.colors[4].rgb), e("span", { key: "236bb0f5c879da738a5b758982262ef23537e863", class: "f-body-02 w-full" }, this.colors[4].cmyk), e("eds-code-block", { key: "ae5ed445fb1a5203745d71b9507cc1247c244d95", code: this.colors[4].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "b1ee585cd3ae08d506b42e435e00f885b49f8994", class: "grid" }, e("span", { key: "35c51bc7d60ba9fde2b6eac0ce035e0aceaad92c", class: "f-body-02" }, this.colors[4].pantoneC), e("span", { key: "c8796f41fe7ef23bafa9139c19b0807f712a8382", class: "f-body-02" }, this.colors[4].pantoneU))), e("div", { key: "e849871809560f669619b23a695f20103d5872e8", 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: "ef1de66807f52f07f65dcdcebb82db99e4488e96", class: "grid" }, e("span", { key: "60e08fa96458ca4e403ac7f44d57fa68c5bdcab8", class: "f-body-02" }, this.colors[5].rgb), e("span", { key: "8c0ca774be1ff12054bfb29ea2b56c12b776f84c", class: "f-body-02 w-full" }, this.colors[5].cmyk), e("eds-code-block", { key: "2ad43b9dc6d62df3ed3e057262aca05558781f50", code: this.colors[5].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "6f9ca87ef408575620079ca088ae00252cccd0fc", class: "grid" }, e("span", { key: "ccd038680073b25d8584f06fd1baab655cf6125c", class: "f-body-02" }, this.colors[5].pantoneC), e("span", { key: "8705f39198fa91da2b26d334dc1c89cd9f511492", class: "f-body-02" }, this.colors[5].pantoneU))))));
|
|
239
239
|
}
|
|
240
|
-
},
|
|
240
|
+
}, f = class {
|
|
241
241
|
constructor(a) {
|
|
242
242
|
c(this, a), this.colors = [
|
|
243
243
|
{
|
|
@@ -283,18 +283,18 @@ const d = class {
|
|
|
283
283
|
];
|
|
284
284
|
}
|
|
285
285
|
render() {
|
|
286
|
-
return e("ul", { key: "
|
|
286
|
+
return e("ul", { key: "e1b86872cead72320e3e4cf6cd22e672500cfcab", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "6a39321c305bb9c0f4c79932252faf0c08fd11e6", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "255fb9153e49030054666f086b2e0ac4d6d3dc0e", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, e("div", { key: "fb08851f97cefa4b06a00f7063b558607f5df19e", class: "grid" }, e("span", { key: "4a8a0dc633cca7c36e6ca981e6b85775005ce80f", class: "f-body-02" }, this.colors[0].rgb), e("span", { key: "0bebfc5eb567e030e993037f527df3af46615ff2", class: "f-body-02 w-full" }, this.colors[0].cmyk), e("eds-code-block", { key: "aa06e607647a762ed7150a5aceaeda8c7854a050", code: this.colors[0].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "5c143dd4c8afff2365aad02f68d444fd2234d90f", class: "grid" }, e("span", { key: "47c9334efb42ee8259033bf1a323519d0a048bc7", class: "f-body-02" }, this.colors[0].pantoneC || "N/A"), e("span", { key: "bca6d9635f5bcb16ef54154b2d3a2b6734cef7e7", class: "f-body-02" }, this.colors[0].pantoneU || "N/A")))), e("li", { key: "e78077ac00556ec5faa7d0ec7e3dc2b9ae7643f2", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "10f182a6515a0006f3903dfcf783349870c2e6c2", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, e("div", { key: "4ef41025e6e2bb0ebe05933f7fad707c4136c852", class: "grid" }, e("span", { key: "c2b3c48904efe628b148e080e1487dc8fba70b63", class: "f-body-02" }, this.colors[1].rgb), e("span", { key: "ae12e16d9a070b29492a385ff21b6371b9826f85", class: "f-body-02 w-full" }, this.colors[1].cmyk), e("eds-code-block", { key: "a6e980da23e2c5d0312a9d1a12432388fbba1d56", code: this.colors[1].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "a38408a780756f4e81c8d791e52eb87056755eaf", class: "grid" }, e("span", { key: "0180f83000b733914c33696ef4b6d7257efba396", class: "f-body-02" }, this.colors[1].pantoneC || "N/A"), e("span", { key: "fdaab526fcb07f4a58e4daae616da144c2f46666", class: "f-body-02" }, this.colors[1].pantoneU || "N/A")))), e("li", { key: "c771a8d62610c7255835896fe678136838c05235", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "debe404f676d76d4ee6e0bf70fc1fb596b768a72", 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: "db1beec1c3ad71ef5fcacaa0d14618acc01666f4", class: "grid" }, e("span", { key: "cc6e9c599d26813756dc0eb0c240169ea5b2856a", class: "f-body-02" }, this.colors[2].rgb), e("span", { key: "9f45b4ec7cd579040a135f63aa3b7aadb8f10ada", class: "f-body-02 w-full" }, this.colors[2].cmyk), e("eds-code-block", { key: "2ce58a56fcfd1a3b8f7855296c929c37b634bfca", code: this.colors[2].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "d494a074655c8bcf35d4021b700eafcd9acdfb54", class: "grid" }, e("span", { key: "626ae49228b52ff921b5ce2bc15b12a540618691", class: "f-body-02" }, this.colors[2].pantoneC), e("span", { key: "db8c4d3f246851fd18794e317d20f1a1f9be59b9", class: "f-body-02" }, this.colors[2].pantoneU))), e("div", { key: "f27de0de4bfff2bc26ef573a11b770f55f461425", 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: "386d0e341c37f0baef2c62a13fcba88640b5ec3a", class: "grid" }, e("span", { key: "5b5f541490612b70841e2ea62bad3b8f86587301", class: "f-body-02" }, this.colors[3].rgb), e("span", { key: "88b7fd61a6fe4f15bb37d067e8b9f28fe329de0d", class: "f-body-02 w-full" }, this.colors[3].cmyk), e("eds-code-block", { key: "7d96a904aa3703ffba953ede2e68aae605aa5921", code: this.colors[3].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "8a20e30b1c43b8f50eb8cbde0e735a54d4129e26", class: "grid" }, e("span", { key: "d843ddf7b0328f99400c106e7705aed0626d2f32", class: "f-body-02" }, this.colors[3].pantoneC), e("span", { key: "57ce96cc38ae1f0b91f512841e0738384e543cb1", class: "f-body-02" }, this.colors[3].pantoneU)))), e("li", { key: "5d96a25dcd51b35b01952ebc94c75cfa1045b8da", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "713e347acd6ee623562db92a24b87a2f36086875", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, e("div", { key: "a62ed8e1fda6deb45b131c4d7cefe355862b33ba", class: "grid" }, e("span", { key: "bb419133f1bfcd07f05d551a4dafa54331ee1c09", class: "f-body-02" }, this.colors[4].rgb), e("span", { key: "774de6f18b6ab9d5539cc6889949b7ef9a0511db", class: "f-body-02 w-full" }, this.colors[4].cmyk), e("eds-code-block", { key: "87d83ce275bfbba7a8930e1e0fcecf14dee2af59", code: this.colors[4].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "4e4acde29f939b2e7b2d4925490da515b8bcabf1", class: "grid" }, e("span", { key: "c2276899357a54e0be5d35fcb9cbc01257882a12", class: "f-body-02" }, this.colors[4].pantoneC || "N/A"), e("span", { key: "c78d9648c05583b858d75ff0f6aff57a62ff1628", class: "f-body-02" }, this.colors[4].pantoneU || "N/A")))));
|
|
291
291
|
}
|
|
292
292
|
};
|
|
293
293
|
export {
|
|
294
294
|
d as color_primary_palette,
|
|
295
295
|
o as color_secondary_palette,
|
|
296
296
|
b as color_support_palette,
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
297
|
+
n as gradient_primary_palette,
|
|
298
|
+
t as gradient_secondary_palette,
|
|
299
|
+
f as gradient_support_palette
|
|
300
300
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),c=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:"b9b1f4d9c692d3b6f80dd5e50f7c840ed2dd6139",class:"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))))))}},s=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:"f3b7eccec4f67008e8ed73c1a0ff23a542e3c516",class:"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))))))}},d=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"}]}render(){return e.h("ul",{key:"bef8701ffa7aec7ea1f0f21a2dfbe1157647bb0a",class:"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||"N/A"),e.h("span",{class:"f-body-02"},a.pantoneU||"N/A"))))))}},o=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:"783eb92c379de99659e65e7cb02a1f0ca9df8758",class:"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))))))}},b=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:"4bb98c83660ec855ba6b7faeb83386450c27f5fd"},e.h("ul",{key:"55b537cacdc2e3df835615e1658f82810633c485",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"d2f0d5c21e96579ef9a29540df473f821e2b29b6",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"e29f3000a3ee702caba1e1867b5d63be74b0d657",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},e.h("div",{key:"b1337194dd634b5820cc33707958fd0a2e0e92a6",class:"grid"},e.h("span",{key:"0385f9d05575613fcb99e8e01ee04c427ba66a8d",class:"f-body-02"},this.colors[0].rgb),e.h("span",{key:"bbebf9ca89b0972376225d1708a356777dc6fcca",class:"f-body-02 w-full"},this.colors[0].cmyk),e.h("eds-code-block",{key:"cb70085fe98e4c3e9f535e626b386b1c51b26fc8",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"cfd3721992823321bb75c0e544b28fa13cabd7eb",class:"grid"},e.h("span",{key:"00834f078742102f17dfa76a6ab024b0ccbcb7c9",class:"f-body-02"},this.colors[0].pantoneC),e.h("span",{key:"35d7c496211ab03ce17e17e839c27bcc5a9ef56f",class:"f-body-02"},this.colors[0].pantoneU))),e.h("div",{key:"baae2cbc6859b137a8588b0e9dd56d0c9e3c3acd",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},e.h("div",{key:"55e3d9d0ce260c574da96b4775ce5f3e3e7fbaf0",class:"grid"},e.h("span",{key:"c29acb597734c8422532cb303af1eaf04be73bbb",class:"f-body-02"},this.colors[1].rgb),e.h("span",{key:"f1d9139118ce788e0c59d0fb7e8304b8d2ad2b6b",class:"f-body-02 w-full"},this.colors[1].cmyk),e.h("eds-code-block",{key:"f8d92e3e205baf3c60a776ef6928da3f45682397",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"09c594d5fe6a642bb0b8dc813911516cb933488e",class:"grid"},e.h("span",{key:"62caf5d0012613e3ce291efc0539224e20da2180",class:"f-body-02"},this.colors[1].pantoneC),e.h("span",{key:"6a6ced363a3b8a3c05298fd82ab9b7ec81d580f3",class:"f-body-02"},this.colors[1].pantoneU))))),e.h("eds-block-break",{key:"126929a680751e2028b373be442814d677911978"}),e.h("ul",{key:"522cc84b4b8e1765a97c08927d640981e0a37328",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"4db01022fbe75477a88e7c8e7474e431c126dd63",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"92c1d309578f357745dcde72aae7c54b48d1a378",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},e.h("div",{key:"f789570aa4141bd4dbdbe737fca7a666beb5e635",class:"grid"},e.h("span",{key:"2d3840caf5ec39e08271b4400f9ce0e425bc796c",class:"f-body-02"},this.colors[2].rgb),e.h("span",{key:"41cd0250155a4d8413fb5b35677c6121c3539ab3",class:"f-body-02 w-full"},this.colors[2].cmyk),e.h("eds-code-block",{key:"c36680567bbfd9085b2151748a4dfa7e557925d8",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"14241bc8d0354da8eba7fb06eafc6841b182796a",class:"grid"},e.h("span",{key:"97bde70e3d904c55fdf1e7d8b13aff954b905644",class:"f-body-02"},this.colors[2].pantoneC),e.h("span",{key:"c5734847ceebbcf235c058c7987415cd47bdba86",class:"f-body-02"},this.colors[2].pantoneU))),e.h("div",{key:"0c016fdccdbb1c372b28da2c47eacbbfb7af32a8",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},e.h("div",{key:"0d34612dbff071b4abd0aa2e0b89885ab1088a60",class:"grid"},e.h("span",{key:"ab9628602287dc6543c086cb6b34dd22d40af58c",class:"f-body-02"},this.colors[3].rgb),e.h("span",{key:"7ca06f7d0801cf664762b274815747e75023b596",class:"f-body-02 w-full"},this.colors[3].cmyk),e.h("eds-code-block",{key:"a910ecaee2d78c6be8af632b497a4fe2d9651a9e",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"420889ad4cb54cd70ed3d10053f836e0b226eee6",class:"grid"},e.h("span",{key:"cc92bf72e7dd47a8d492ef263c46d22c7f5b64b2",class:"f-body-02"},this.colors[3].pantoneC),e.h("span",{key:"d740c9446d7521e4b6f3e049149d687c74615493",class:"f-body-02"},this.colors[3].pantoneU))))),e.h("eds-block-break",{key:"a6c5dea6ed19042213dcb8c0d12cb3120078c284"}),e.h("ul",{key:"7eede8a017fc381b57f07c1d3c4cf62b4b9a7f63",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"1202837ab3483b3cb9dd71992e71ea59594596e5",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"5280e99341777daa28196e0be215f58b64d5be37",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},e.h("div",{key:"0a29d5eba0d80789df6e2df892f72a210558bc5f",class:"grid"},e.h("span",{key:"b53837c45946fd2a2e2f44d1ed6ffe86fa15de5d",class:"f-body-02"},this.colors[4].rgb),e.h("span",{key:"236bb0f5c879da738a5b758982262ef23537e863",class:"f-body-02 w-full"},this.colors[4].cmyk),e.h("eds-code-block",{key:"ae5ed445fb1a5203745d71b9507cc1247c244d95",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"b1ee585cd3ae08d506b42e435e00f885b49f8994",class:"grid"},e.h("span",{key:"35c51bc7d60ba9fde2b6eac0ce035e0aceaad92c",class:"f-body-02"},this.colors[4].pantoneC),e.h("span",{key:"c8796f41fe7ef23bafa9139c19b0807f712a8382",class:"f-body-02"},this.colors[4].pantoneU))),e.h("div",{key:"e849871809560f669619b23a695f20103d5872e8",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},e.h("div",{key:"ef1de66807f52f07f65dcdcebb82db99e4488e96",class:"grid"},e.h("span",{key:"60e08fa96458ca4e403ac7f44d57fa68c5bdcab8",class:"f-body-02"},this.colors[5].rgb),e.h("span",{key:"8c0ca774be1ff12054bfb29ea2b56c12b776f84c",class:"f-body-02 w-full"},this.colors[5].cmyk),e.h("eds-code-block",{key:"2ad43b9dc6d62df3ed3e057262aca05558781f50",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"6f9ca87ef408575620079ca088ae00252cccd0fc",class:"grid"},e.h("span",{key:"ccd038680073b25d8584f06fd1baab655cf6125c",class:"f-body-02"},this.colors[5].pantoneC),e.h("span",{key:"8705f39198fa91da2b26d334dc1c89cd9f511492",class:"f-body-02"},this.colors[5].pantoneU))))))}},n=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:"e1b86872cead72320e3e4cf6cd22e672500cfcab",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"6a39321c305bb9c0f4c79932252faf0c08fd11e6",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"255fb9153e49030054666f086b2e0ac4d6d3dc0e",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},e.h("div",{key:"fb08851f97cefa4b06a00f7063b558607f5df19e",class:"grid"},e.h("span",{key:"4a8a0dc633cca7c36e6ca981e6b85775005ce80f",class:"f-body-02"},this.colors[0].rgb),e.h("span",{key:"0bebfc5eb567e030e993037f527df3af46615ff2",class:"f-body-02 w-full"},this.colors[0].cmyk),e.h("eds-code-block",{key:"aa06e607647a762ed7150a5aceaeda8c7854a050",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"5c143dd4c8afff2365aad02f68d444fd2234d90f",class:"grid"},e.h("span",{key:"47c9334efb42ee8259033bf1a323519d0a048bc7",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),e.h("span",{key:"bca6d9635f5bcb16ef54154b2d3a2b6734cef7e7",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),e.h("li",{key:"e78077ac00556ec5faa7d0ec7e3dc2b9ae7643f2",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"10f182a6515a0006f3903dfcf783349870c2e6c2",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},e.h("div",{key:"4ef41025e6e2bb0ebe05933f7fad707c4136c852",class:"grid"},e.h("span",{key:"c2b3c48904efe628b148e080e1487dc8fba70b63",class:"f-body-02"},this.colors[1].rgb),e.h("span",{key:"ae12e16d9a070b29492a385ff21b6371b9826f85",class:"f-body-02 w-full"},this.colors[1].cmyk),e.h("eds-code-block",{key:"a6e980da23e2c5d0312a9d1a12432388fbba1d56",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"a38408a780756f4e81c8d791e52eb87056755eaf",class:"grid"},e.h("span",{key:"0180f83000b733914c33696ef4b6d7257efba396",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),e.h("span",{key:"fdaab526fcb07f4a58e4daae616da144c2f46666",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),e.h("li",{key:"c771a8d62610c7255835896fe678136838c05235",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"debe404f676d76d4ee6e0bf70fc1fb596b768a72",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},e.h("div",{key:"db1beec1c3ad71ef5fcacaa0d14618acc01666f4",class:"grid"},e.h("span",{key:"cc6e9c599d26813756dc0eb0c240169ea5b2856a",class:"f-body-02"},this.colors[2].rgb),e.h("span",{key:"9f45b4ec7cd579040a135f63aa3b7aadb8f10ada",class:"f-body-02 w-full"},this.colors[2].cmyk),e.h("eds-code-block",{key:"2ce58a56fcfd1a3b8f7855296c929c37b634bfca",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"d494a074655c8bcf35d4021b700eafcd9acdfb54",class:"grid"},e.h("span",{key:"626ae49228b52ff921b5ce2bc15b12a540618691",class:"f-body-02"},this.colors[2].pantoneC),e.h("span",{key:"db8c4d3f246851fd18794e317d20f1a1f9be59b9",class:"f-body-02"},this.colors[2].pantoneU))),e.h("div",{key:"f27de0de4bfff2bc26ef573a11b770f55f461425",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},e.h("div",{key:"386d0e341c37f0baef2c62a13fcba88640b5ec3a",class:"grid"},e.h("span",{key:"5b5f541490612b70841e2ea62bad3b8f86587301",class:"f-body-02"},this.colors[3].rgb),e.h("span",{key:"88b7fd61a6fe4f15bb37d067e8b9f28fe329de0d",class:"f-body-02 w-full"},this.colors[3].cmyk),e.h("eds-code-block",{key:"7d96a904aa3703ffba953ede2e68aae605aa5921",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"8a20e30b1c43b8f50eb8cbde0e735a54d4129e26",class:"grid"},e.h("span",{key:"d843ddf7b0328f99400c106e7705aed0626d2f32",class:"f-body-02"},this.colors[3].pantoneC),e.h("span",{key:"57ce96cc38ae1f0b91f512841e0738384e543cb1",class:"f-body-02"},this.colors[3].pantoneU)))),e.h("li",{key:"5d96a25dcd51b35b01952ebc94c75cfa1045b8da",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"713e347acd6ee623562db92a24b87a2f36086875",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},e.h("div",{key:"a62ed8e1fda6deb45b131c4d7cefe355862b33ba",class:"grid"},e.h("span",{key:"bb419133f1bfcd07f05d551a4dafa54331ee1c09",class:"f-body-02"},this.colors[4].rgb),e.h("span",{key:"774de6f18b6ab9d5539cc6889949b7ef9a0511db",class:"f-body-02 w-full"},this.colors[4].cmyk),e.h("eds-code-block",{key:"87d83ce275bfbba7a8930e1e0fcecf14dee2af59",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"4e4acde29f939b2e7b2d4925490da515b8bcabf1",class:"grid"},e.h("span",{key:"c2276899357a54e0be5d35fcb9cbc01257882a12",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),e.h("span",{key:"c78d9648c05583b858d75ff0f6aff57a62ff1628",class:"f-body-02"},this.colors[4].pantoneU||"N/A")))))}};exports.color_primary_palette=c;exports.color_secondary_palette=s;exports.color_support_palette=d;exports.gradient_primary_palette=o;exports.gradient_secondary_palette=b;exports.gradient_support_palette=n;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { r as a, h as e } from "./index-C-Gy1Lax.mjs";
|
|
2
|
+
const s = [
|
|
3
|
+
{
|
|
4
|
+
background: "#9CE142"
|
|
5
|
+
},
|
|
6
|
+
{
|
|
7
|
+
background: "#00C959"
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
background: "#00A595"
|
|
11
|
+
}
|
|
12
|
+
], c = [
|
|
13
|
+
{
|
|
14
|
+
background: "#141414"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
background: "#383838"
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
background: "#CCCCCC"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
background: "#E6E6E6"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
background: "#FFFFFF"
|
|
27
|
+
}
|
|
28
|
+
], d = [
|
|
29
|
+
{
|
|
30
|
+
background: "#3FA9F5"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
background: "#0644F4"
|
|
34
|
+
}
|
|
35
|
+
], t = [
|
|
36
|
+
{
|
|
37
|
+
background: "#C461FF"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
background: "#5D3DF9"
|
|
41
|
+
}
|
|
42
|
+
], f = [
|
|
43
|
+
{
|
|
44
|
+
background: "#FFA543"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
background: "#FF4D68"
|
|
48
|
+
}
|
|
49
|
+
], r = class {
|
|
50
|
+
constructor(l) {
|
|
51
|
+
a(this, l);
|
|
52
|
+
}
|
|
53
|
+
render() {
|
|
54
|
+
return e("div", { key: "58274bc750821893f1ff6db6af0c92557e2037dc", class: "container" }, e("p", { key: "f16ae70777dc595edb9f8ef20df33721816a472a", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "c98c49daddf43987002dd69ab1c00dffbae5e69a", label: "primary", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "e466f6f7e05f68896114551f59673c707d5fd30f", label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "32dfc27beebbbab3949c7695293800a2ff552ceb", class: "flex" }, e("div", { key: "e01d74cf63c84f66d868e180589b45cbc59ebff7", class: "w-full" }, e("ul", { key: "162e9c5ed57689a94c5c59e2664bba2adfcd60fc", class: "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: "bb71abb645789030487eccdd0abaf9b223c12ec8", class: "w-full" }, e("ul", { key: "f85702460f89881d6b8642decad848affdc7002f", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, c.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: "7b5b8b9c0013a91c97f24c239bde32a727695707", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "81dc2c31eb283a2f64a1fd32329b35b1d04afc12", label: "purple", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "d90877918d973595a7b8bdacd6bb80f1f04cab5b", label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "81cf06bb6932b2120b210e7d1ee9d556cedc949b", class: "flex" }, e("div", { key: "2cc1571fe83620fcfa8f961af93b7b0e8e970eb2", class: "w-full" }, e("ul", { key: "b6b1f7f874dbd8784a0253187438c2eb6282a815", class: "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: "49a874de125699d800aee6256bb5b3bf9a0bf907", class: "w-full" }, e("ul", { key: "10d41b5ab948c87c8db43fbddefbe3453c5384a9", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, c.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: "bc7c40435b87cd31b5bbb2315b3f50fa88b5bafb", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "d5a9f4c30d9108bd8c8207ee0130a15b9c7ff53f", label: "blue", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "35c2440f2c606cd4e8e69b33850ca908f6f36a4a", label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "cf9dde65d107b20c67e0036e891ad37c1d685477", class: "flex" }, e("div", { key: "807350f20ee902df273ce35c217bcaa134502d13", class: "w-full" }, e("ul", { key: "8198d1e59cb9477978a0b78714e7884a75ce52c0", class: "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: "ed4f89cd3d5544a199d0a516e23ee877c16dad6a", class: "w-full" }, e("ul", { key: "47f8617629f34252b2d533f5932dd14b9117f601", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, c.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: "7b99385726cda59f07b66ff99e050588d5778421", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "f3719f08484d40ceb9ece89474f473cf9e44ee53", label: "redish", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "f1ee0fbf78a5da5f6a7a0836f63cc3312f68a547", label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "833dcd6ad96a0c36a127c5384d0858b879bf0b05", class: "flex" }, e("div", { key: "cf1297f1dfed3e70c184cdb3f4e116292ce1e57f", class: "w-full" }, e("ul", { key: "9d8d9e0f78348cee56f6c91b3289a90f25c088e4", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, f.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: "836dfd427a087ee512970bf52ee0612a24cfaa72", class: "w-full" }, e("ul", { key: "08e2b7603c2c093b2bd8931d1993aca89801ad1d", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, c.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
|
+
}
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
r as correct_use_of_colors
|
|
59
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],c=[{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"}],f=class{constructor(l){e.registerInstance(this,l)}render(){return e.h("div",{key:"58274bc750821893f1ff6db6af0c92557e2037dc",class:"container"},e.h("p",{key:"f16ae70777dc595edb9f8ef20df33721816a472a",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"c98c49daddf43987002dd69ab1c00dffbae5e69a",label:"primary",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",e.h("eds-link",{key:"e466f6f7e05f68896114551f59673c707d5fd30f",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),e.h("div",{key:"32dfc27beebbbab3949c7695293800a2ff552ceb",class:"flex"},e.h("div",{key:"e01d74cf63c84f66d868e180589b45cbc59ebff7",class:"w-full"},e.h("ul",{key:"162e9c5ed57689a94c5c59e2664bba2adfcd60fc",class:"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-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}}))))),e.h("div",{key:"bb71abb645789030487eccdd0abaf9b223c12ec8",class:"w-full"},e.h("ul",{key:"f85702460f89881d6b8642decad848affdc7002f",class:"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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"7b5b8b9c0013a91c97f24c239bde32a727695707",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"81dc2c31eb283a2f64a1fd32329b35b1d04afc12",label:"purple",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",e.h("eds-link",{key:"d90877918d973595a7b8bdacd6bb80f1f04cab5b",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),e.h("div",{key:"81cf06bb6932b2120b210e7d1ee9d556cedc949b",class:"flex"},e.h("div",{key:"2cc1571fe83620fcfa8f961af93b7b0e8e970eb2",class:"w-full"},e.h("ul",{key:"b6b1f7f874dbd8784a0253187438c2eb6282a815",class:"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:"49a874de125699d800aee6256bb5b3bf9a0bf907",class:"w-full"},e.h("ul",{key:"10d41b5ab948c87c8db43fbddefbe3453c5384a9",class:"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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"bc7c40435b87cd31b5bbb2315b3f50fa88b5bafb",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"d5a9f4c30d9108bd8c8207ee0130a15b9c7ff53f",label:"blue",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",e.h("eds-link",{key:"35c2440f2c606cd4e8e69b33850ca908f6f36a4a",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),e.h("div",{key:"cf9dde65d107b20c67e0036e891ad37c1d685477",class:"flex"},e.h("div",{key:"807350f20ee902df273ce35c217bcaa134502d13",class:"w-full"},e.h("ul",{key:"8198d1e59cb9477978a0b78714e7884a75ce52c0",class:"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:"ed4f89cd3d5544a199d0a516e23ee877c16dad6a",class:"w-full"},e.h("ul",{key:"47f8617629f34252b2d533f5932dd14b9117f601",class:"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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"7b99385726cda59f07b66ff99e050588d5778421",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"f3719f08484d40ceb9ece89474f473cf9e44ee53",label:"redish",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",e.h("eds-link",{key:"f1ee0fbf78a5da5f6a7a0836f63cc3312f68a547",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),e.h("div",{key:"833dcd6ad96a0c36a127c5384d0858b879bf0b05",class:"flex"},e.h("div",{key:"cf1297f1dfed3e70c184cdb3f4e116292ce1e57f",class:"w-full"},e.h("ul",{key:"9d8d9e0f78348cee56f6c91b3289a90f25c088e4",class:"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:"836dfd427a087ee512970bf52ee0612a24cfaa72",class:"w-full"},e.h("ul",{key:"08e2b7603c2c093b2bd8931d1993aca89801ad1d",class:"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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))))}};exports.correct_use_of_colors=f;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { r as n, c as o, h as e, g as a } from "./index-C-Gy1Lax.mjs";
|
|
2
|
+
import { s as r } from "./analytics-1cde8e4a-BDRcCMlV.mjs";
|
|
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-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}", s = d, l = class {
|
|
4
|
+
constructor(i) {
|
|
5
|
+
n(this, i), this.accordionChange = o(this, "accordionChange", 7), this.handleClick = () => {
|
|
6
|
+
var t;
|
|
7
|
+
this.isExpanded = !this.isExpanded, this.accordionChange.emit(this.isExpanded), this.setPanelHeight(), r({
|
|
8
|
+
category: "ui-component",
|
|
9
|
+
parentContext: null,
|
|
10
|
+
tag: this.el.tagName.toLowerCase(),
|
|
11
|
+
name: ((t = this.title) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
|
|
12
|
+
action: this.isExpanded ? "expanded" : "collapsed"
|
|
13
|
+
});
|
|
14
|
+
}, this.setPanelHeight = () => {
|
|
15
|
+
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);
|
|
16
|
+
}, 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;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Lifecycle method that sets up the initial panel height and adds a resize event listener
|
|
20
|
+
* to recalculate height on window resize.
|
|
21
|
+
*/
|
|
22
|
+
componentDidLoad() {
|
|
23
|
+
this.setPanelHeight(), window.addEventListener("resize", this.setPanelHeight);
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Lifecycle method that cleans up the resize event listener when the component is removed.
|
|
27
|
+
*/
|
|
28
|
+
disconnectedCallback() {
|
|
29
|
+
window.removeEventListener("resize", this.setPanelHeight);
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Renders the accordion structure, including header, content, description, and any slotted content.
|
|
33
|
+
* Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
|
|
34
|
+
*/
|
|
35
|
+
render() {
|
|
36
|
+
const i = this.minHeightContent ? "min-h-56" : "";
|
|
37
|
+
return e("div", { key: "00bd9a34ceb469bef74c827bd1f48bf3d4b545b6", ref: (t) => this.wrapperRef = t, class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16
|
|
38
|
+
${this.switchBg && this.isExpanded ? "bg-inverse" : "bg-default"}
|
|
39
|
+
${this.switchBg ? "hover:bg-inverse" : ""}
|
|
40
|
+
${i}` }, e("h3", { key: "ab6a953797e0a8379a01a9a2f00a4988d4fc8357", class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), e("div", { key: "cfd6f4ad2ec5e412cdf2348d188dfcf90770012d", class: "ml-auto" }, e("eds-button", { key: "beaee69d610727b397645fc0a507b234003fde5e", 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: "795f14c0930a0b0862a86451cc7b7e807cb79c37", class: "w-full" }, this.description ? e("span", { class: `text-light ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description) : null, e("section", { key: "28f6cba233cdee58743faaacc992bf7497c2ff2e", 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: "939e442c55babfd3f1750d20d9b95f664c3a67c8", ref: (t) => this.childContentRef = t, class: "accordion-content effect-color pt-20", "aria-hidden": !this.isExpanded }, e("span", { key: "648d16ed84cb3da227a10e6370004c6479789aed", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "90ca94f15e408b4b05c0eac4bd20fa21766cbb19" }))))));
|
|
41
|
+
}
|
|
42
|
+
get el() {
|
|
43
|
+
return a(this);
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
l.style = s;
|
|
47
|
+
export {
|
|
48
|
+
l as eds_accordion
|
|
49
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),o=require("./analytics-1cde8e4a-B_MD-9qW.js"),a="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=a,n=class{constructor(i){e.registerInstance(this,i),this.accordionChange=e.createEvent(this,"accordionChange",7),this.handleClick=()=>{var t;this.isExpanded=!this.isExpanded,this.accordionChange.emit(this.isExpanded),this.setPanelHeight(),o.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((t=this.title)===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.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(),window.addEventListener("resize",this.setPanelHeight)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){const i=this.minHeightContent?"min-h-56":"";return e.h("div",{key:"00bd9a34ceb469bef74c827bd1f48bf3d4b545b6",ref:t=>this.wrapperRef=t,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
|
+
${i}`},e.h("h3",{key:"ab6a953797e0a8379a01a9a2f00a4988d4fc8357",class:"mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1"},this.title),e.h("div",{key:"cfd6f4ad2ec5e412cdf2348d188dfcf90770012d",class:"ml-auto"},e.h("eds-button",{key:"beaee69d610727b397645fc0a507b234003fde5e",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:"795f14c0930a0b0862a86451cc7b7e807cb79c37",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:"28f6cba233cdee58743faaacc992bf7497c2ff2e",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:"939e442c55babfd3f1750d20d9b95f664c3a67c8",ref:t=>this.childContentRef=t,class:"accordion-content effect-color pt-20","aria-hidden":!this.isExpanded},e.h("span",{key:"648d16ed84cb3da227a10e6370004c6479789aed",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"90ca94f15e408b4b05c0eac4bd20fa21766cbb19"}))))))}get el(){return e.getElement(this)}};n.style=r;exports.eds_accordion=n;
|