@ebrains/vue 0.0.1-alpha.1 → 0.3.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/arrow-diagonal-black-8f0494c3-CYl9yYTl.mjs +4 -0
- package/arrow-diagonal-black-8f0494c3-DqsB6ni-.js +1 -0
- package/arrow-right-9322ba8a-DBcxNU_p.js +3 -0
- package/arrow-right-9322ba8a-DHq-_PPe.mjs +6 -0
- package/bluesky-cc5edd2d-DaFQc-pr.js +12 -0
- package/bluesky-cc5edd2d-DfuDDO5h.mjs +15 -0
- package/chevron-down-6144c823-DWGlv9eV.mjs +13 -0
- package/chevron-down-6144c823-D_8976Ke.js +10 -0
- package/chevron-left-ca6c66e1-DANhLw_T.mjs +12 -0
- package/chevron-left-ca6c66e1-uCH5SUhm.js +9 -0
- package/chevron-right-b88ed2d4-C7dkTMvP.js +3 -0
- package/chevron-right-b88ed2d4-CgEZBvy7.mjs +6 -0
- package/chevron-up-c66bd477-ByW7R48t.js +10 -0
- package/chevron-up-c66bd477-CETJkshq.mjs +13 -0
- package/close-87fc0d63-Cbd-ScJr.js +3 -0
- package/close-87fc0d63-DtDU2HIU.mjs +6 -0
- package/color-0ba8ed56-BVeDdJAE.js +1 -0
- package/color-0ba8ed56-D-UJpBQL.mjs +207 -0
- package/color-primary-palette_6.entry-WwN9tuB9.mjs +300 -0
- package/color-primary-palette_6.entry-_ANGnnBl.js +1 -0
- package/copy-03b72cb6-B_WCNQrG.mjs +6 -0
- package/copy-03b72cb6-CZAFAegx.js +3 -0
- package/correct-use-of-colors.entry-B312hpv9.js +1 -0
- package/correct-use-of-colors.entry-BjxRVkfm.mjs +59 -0
- package/eds-accordion.entry-RvtdAQT0.mjs +58 -0
- package/eds-accordion.entry-h9ApF51u.js +4 -0
- package/eds-alert.entry-C6VZ3ss6.js +608 -0
- package/eds-alert.entry-D5o-ZjCb.mjs +688 -0
- package/eds-avatar_17.entry-08AUpBqo.mjs +15630 -0
- package/eds-avatar_17.entry-BQZz43q9.js +14540 -0
- package/eds-card-desc_3.entry-D7hiMZ09.mjs +87 -0
- package/eds-card-desc_3.entry-Dxs_izUN.js +1 -0
- package/eds-card-generic.entry-0IAAHjtS.mjs +63 -0
- package/eds-card-generic.entry-DZYZP5oa.js +1 -0
- package/eds-card-project.entry-Ckgpwy2Y.mjs +43 -0
- package/eds-card-project.entry-D7P4K88F.js +1 -0
- package/eds-card-section.entry-B90kv8Pj.js +1 -0
- package/eds-card-section.entry-DnktDeDm.mjs +39 -0
- package/eds-card-tags.entry-CnHitp9l.js +1 -0
- package/eds-card-tags.entry-XboLA5-P.mjs +13 -0
- package/eds-card-tool.entry-CbreK2xg.js +1 -0
- package/eds-card-tool.entry-CmRu6pmc.mjs +56 -0
- package/eds-card-wrapper.entry-Buesg37A.mjs +24 -0
- package/eds-card-wrapper.entry-rBHdbwzh.js +1 -0
- package/eds-code-block.entry-DKnuVY85.mjs +1582 -0
- package/eds-code-block.entry-M3x0FsRB.js +9 -0
- package/eds-components-section.entry-BAWU9rKy.mjs +295 -0
- package/eds-components-section.entry-BEBky2Me.js +132 -0
- package/eds-docs-palettes.entry-D3DdXkoo.js +1 -0
- package/eds-docs-palettes.entry-etHagd2P.mjs +22 -0
- package/eds-docs-tokens.entry--gW4Z293.js +1 -0
- package/eds-docs-tokens.entry-CIGNTs97.mjs +30 -0
- package/eds-form.entry-D8FLPsaS.js +7153 -0
- package/eds-form.entry-zewjTpaa.mjs +7319 -0
- package/eds-frame.entry-BlOnLCrI.js +1 -0
- package/eds-frame.entry-SCGm_pju.mjs +74 -0
- package/eds-icon-arrow-diagonal.entry-CEffhVkn.mjs +13 -0
- package/eds-icon-arrow-diagonal.entry-abxXXnCe.js +1 -0
- package/eds-icon-arrow-right.entry-4zl098Gq.js +1 -0
- package/eds-icon-arrow-right.entry-DrA5pZ5q.mjs +13 -0
- package/eds-icon-bluesky.entry-BDD9os2p.js +1 -0
- package/eds-icon-bluesky.entry-CRey5aEK.mjs +13 -0
- package/eds-icon-chevron-down.entry-DA_Mq25N.js +1 -0
- package/eds-icon-chevron-down.entry-DCd5FfEN.mjs +13 -0
- package/eds-icon-chevron-left.entry-CiGlPKup.js +1 -0
- package/eds-icon-chevron-left.entry-Lmfmw6QC.mjs +13 -0
- package/eds-icon-chevron-right.entry-B2HI3b59.mjs +13 -0
- package/eds-icon-chevron-right.entry-DMwxsQGs.js +1 -0
- package/eds-icon-chevron-up.entry-CwavCcA0.mjs +13 -0
- package/eds-icon-chevron-up.entry-D9pmuoVK.js +1 -0
- package/eds-icon-close.entry-JIzBTjIa.js +1 -0
- package/eds-icon-close.entry-pxvkbolY.mjs +13 -0
- package/eds-icon-copy.entry-Begn9c9I.mjs +13 -0
- package/eds-icon-copy.entry-Ccrvu27o.js +1 -0
- package/eds-icon-eu.entry-C0ZIqXHV.js +1 -0
- package/eds-icon-eu.entry-CLI94rkv.mjs +13 -0
- package/eds-icon-facebook.entry-BIZwxPBr.js +1 -0
- package/eds-icon-facebook.entry-o2SylrAp.mjs +13 -0
- package/eds-icon-gitlab.entry-BJi35Zov.js +1 -0
- package/eds-icon-gitlab.entry-BWfZkXKF.mjs +13 -0
- package/eds-icon-linkedin.entry-B4ev6evD.js +1 -0
- package/eds-icon-linkedin.entry-Z4gD9HGr.mjs +13 -0
- package/eds-icon-loader.entry-BFeh0vtX.js +1 -0
- package/eds-icon-loader.entry-DgIgWpYk.mjs +13 -0
- package/eds-icon-mastodon.entry-BLCaUfQY.js +1 -0
- package/eds-icon-mastodon.entry-C_2paQis.mjs +13 -0
- package/eds-icon-menu.entry-CNtaXAOo.mjs +13 -0
- package/eds-icon-menu.entry-CzF-GJXn.js +1 -0
- package/eds-icon-more.entry-4gqxzs_k.mjs +13 -0
- package/eds-icon-more.entry-C-v0Cjp9.js +1 -0
- package/eds-icon-search.entry-D070uKfZ.mjs +13 -0
- package/eds-icon-search.entry-iLCAU3Et.js +1 -0
- package/eds-icon-success.entry-Ci0RTnP5.mjs +13 -0
- package/eds-icon-success.entry-DSukl_w-.js +1 -0
- package/eds-icon-twitter.entry-D6I83zuS.mjs +13 -0
- package/eds-icon-twitter.entry-I9FRjdSE.js +1 -0
- package/eds-icon-user.entry-BI7Uw3Pp.mjs +13 -0
- package/eds-icon-user.entry-DcLB78T6.js +1 -0
- package/eds-icon-youtube.entry-CR4ml_RW.mjs +13 -0
- package/eds-icon-youtube.entry-DAke-XDg.js +1 -0
- package/eds-input_7.entry-BV0VagCj.js +7167 -0
- package/eds-input_7.entry-CRNkC-uR.mjs +7368 -0
- package/eds-login.entry-DOeyfoyM.js +1 -0
- package/eds-login.entry-DmJw6ABI.mjs +46 -0
- package/eds-logo-variations.entry-U65PDVhE.js +1 -0
- package/eds-logo-variations.entry-o4lyGmhR.mjs +22 -0
- package/eds-matomo-notice.entry-tzuOtKT9.js +1 -0
- package/eds-matomo-notice.entry-y5SvHzsZ.mjs +91 -0
- package/eds-modal.entry-B7Ph4m3y.js +1 -0
- package/eds-modal.entry-BW8crUoC.mjs +65 -0
- package/eds-navigator.entry-CvKDpQVM.mjs +33 -0
- package/eds-navigator.entry-DixbL3UY.js +1 -0
- package/eds-pagination_2.entry-CRrIKRa-.mjs +241 -0
- package/eds-pagination_2.entry-DoZ-NFBH.js +1 -0
- package/eds-progress-bar.entry-Bmjv2r3W.js +1 -0
- package/eds-progress-bar.entry-sdqDGSI3.mjs +21 -0
- package/eds-rating.entry-J5lQt6oj.mjs +40 -0
- package/eds-rating.entry-dK5fopCq.js +1 -0
- package/eds-section-core_2.entry-DBjBQ_AT.js +1 -0
- package/eds-section-core_2.entry-cwkrHET8.mjs +39 -0
- package/eds-svg-repository.entry-BEJBJ538.js +192 -0
- package/eds-svg-repository.entry-UvAba6M3.mjs +293 -0
- package/eds-tab.entry-CR1nFyrH.mjs +31 -0
- package/eds-tab.entry-uQka8MTr.js +1 -0
- package/eds-tabs-content.entry-BKT7-iAV.mjs +106 -0
- package/eds-tabs-content.entry-CTM0EjTl.js +1 -0
- package/eds-tabs.entry-BKx8xHJ8.mjs +112 -0
- package/eds-tabs.entry-BWxSN8SV.js +1 -0
- package/eds-timeline.entry-B7jxBFA4.mjs +51 -0
- package/eds-timeline.entry-D9KWrb_r.js +1 -0
- package/eds-tooltip.entry-CfhqHRxF.js +1 -0
- package/eds-tooltip.entry-DJqN6_P4.mjs +69 -0
- package/eds-trl.entry-COK7rgVS.mjs +36 -0
- package/eds-trl.entry-CoySvAJL.js +1 -0
- package/eu-9ddde93a-BFtIQw9B.js +28 -0
- package/eu-9ddde93a-ft4szvR5.mjs +31 -0
- package/facebook-9cb5c17f-BcUhbrj6.mjs +15 -0
- package/facebook-9cb5c17f-Y_gvQ682.js +12 -0
- package/generated/components.d.ts +2 -1
- package/incorrect-use-of-colors.entry-D7xAYXu2.js +1 -0
- package/incorrect-use-of-colors.entry-DsNEjuWo.mjs +42 -0
- package/index-39c58238-BwYCDOHZ.mjs +44 -0
- package/index-39c58238-SQ-JC-LH.js +1 -0
- package/index-Dg2DO7q4.mjs +3558 -0
- package/index-Dvww9rdy.js +21 -0
- package/index.js +1 -21
- package/index.mjs +40 -2363
- package/keycloak-13893af6-BLzE1H6E.mjs +878 -0
- package/keycloak-13893af6-NiM3zoVg.js +9 -0
- package/linkedin-e8650abb-BkDrkjzY.js +26 -0
- package/linkedin-e8650abb-DYMdsale.mjs +29 -0
- package/loader-c9628637-ChpnbJkv.mjs +31 -0
- package/loader-c9628637-Vj8Wt1e8.js +28 -0
- package/logo-color-7f1fd803-CFgbXdt8.mjs +116 -0
- package/logo-color-7f1fd803-DRD3vZVn.js +113 -0
- package/logo-color-margins-ff8ce71b-B9nMsY9Q.mjs +119 -0
- package/logo-color-margins-ff8ce71b-Dk06zr1Z.js +116 -0
- package/logo-space.entry-Cf-keXHv.mjs +14 -0
- package/logo-space.entry-DC5fUroI.js +1 -0
- package/logo-variations-horizontal_2.entry-BWau6qh4.js +7 -0
- package/logo-variations-horizontal_2.entry-xvJ8Iiu5.mjs +29 -0
- package/logo-white-no-bg-f382f86f-DXYn3NwV.js +1011 -0
- package/logo-white-no-bg-f382f86f-YhfmNmGG.mjs +1022 -0
- package/logo-wrong-usage.entry-RcSb8NIe.mjs +14 -0
- package/logo-wrong-usage.entry-sU8NISwX.js +1 -0
- package/mastodon-3703ec61-C7iI4Hk0.mjs +15 -0
- package/mastodon-3703ec61-C9v6Olc-.js +12 -0
- package/menu-340ea948-BpnYX3gY.mjs +12 -0
- package/menu-340ea948-ZdelWVw3.js +9 -0
- package/mono-53f70232-DGi2XDlR.mjs +12 -0
- package/mono-53f70232-DgAsWvoQ.js +9 -0
- package/more-4449d549-D4HA1cRq.js +11 -0
- package/more-4449d549-rI9hOpEp.mjs +14 -0
- package/package.json +2 -2
- package/search-fbcd79c2-BMxCaeEk.js +10 -0
- package/search-fbcd79c2-rfV0PlHP.mjs +13 -0
- package/success-443809da-BD23vltm.mjs +19 -0
- package/success-443809da-BUEhLsAD.js +16 -0
- package/toastManager-d9eee791-CEYNwx25.mjs +30 -0
- package/toastManager-d9eee791-DvR_vUPI.js +1 -0
- package/token-list_3.entry-BkOkChEb.js +1 -0
- package/token-list_3.entry-CheMK1r_.mjs +247 -0
- package/token-ratios.entry-Dfz4q4qy.js +1 -0
- package/token-ratios.entry-rSMXHIix.mjs +25 -0
- package/token-spacing.entry-ByzbVlGi.js +1 -0
- package/token-spacing.entry-DvopunO1.mjs +12 -0
- package/token-typography.entry-AjIHL4M4.js +2 -0
- package/token-typography.entry-CExckWkx.mjs +213 -0
- package/twitter-ac21b505-CGWVGWM9.mjs +15 -0
- package/twitter-ac21b505-DDdHS4hB.js +12 -0
- package/user-71ebdc15-BBKQbcQD.js +14 -0
- package/user-71ebdc15-CoHlCtJg.mjs +17 -0
- package/youtube-efbfbdc4-BLTH1Jl9.js +12 -0
- package/youtube-efbfbdc4-BfySbfjR.mjs +15 -0
|
@@ -0,0 +1,300 @@
|
|
|
1
|
+
import { r as c, h as e } from "./index-Dg2DO7q4.mjs";
|
|
2
|
+
const d = class {
|
|
3
|
+
constructor(a) {
|
|
4
|
+
c(this, a), this.colors = [
|
|
5
|
+
{
|
|
6
|
+
rgb: "R156 G225 B66",
|
|
7
|
+
cmyk: "C52 M0 Y98 K0",
|
|
8
|
+
hex: "#9CE142",
|
|
9
|
+
pantoneC: "PANTONE 367 C",
|
|
10
|
+
pantoneU: "PANTONE 374 U",
|
|
11
|
+
background: "#9CE142"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
rgb: "R0 G201 B89",
|
|
15
|
+
cmyk: "C75 M0 Y80 K0",
|
|
16
|
+
hex: "#00C959",
|
|
17
|
+
pantoneC: "PANTONE 7480 C",
|
|
18
|
+
pantoneU: "PANTONE 7481 U",
|
|
19
|
+
background: "#00C959"
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
rgb: "R0 G165 B149",
|
|
23
|
+
cmyk: "C78 M8 Y49 K0",
|
|
24
|
+
hex: "#00A595",
|
|
25
|
+
pantoneC: "PANTONE 3272 C",
|
|
26
|
+
pantoneU: "PANTONE 3275 U",
|
|
27
|
+
background: "#00A595"
|
|
28
|
+
}
|
|
29
|
+
];
|
|
30
|
+
}
|
|
31
|
+
render() {
|
|
32
|
+
return e("ul", { key: "581f0978ebeda33a156d2baf3cc41a10897da1cf", 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
|
+
}
|
|
34
|
+
}, o = class {
|
|
35
|
+
constructor(a) {
|
|
36
|
+
c(this, a), this.colors = [
|
|
37
|
+
{
|
|
38
|
+
rgb: "R63 G169 B245",
|
|
39
|
+
cmyk: "C68 M13 Y0 K0",
|
|
40
|
+
hex: "#3FA9F5",
|
|
41
|
+
pantoneC: "PANTONE 298 C",
|
|
42
|
+
pantoneU: "PANTONE 298 U",
|
|
43
|
+
background: "#3FA9F5"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
rgb: "R6 G68 B244",
|
|
47
|
+
cmyk: "C92 M60 Y0 K0",
|
|
48
|
+
hex: "#0644F4",
|
|
49
|
+
pantoneC: "PANTONE 2728 C",
|
|
50
|
+
pantoneU: "PANTONE 2935 U",
|
|
51
|
+
background: "#0644F4"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
rgb: "R196 G97 B255",
|
|
55
|
+
cmyk: "C52 M67 Y0 K0",
|
|
56
|
+
hex: "#C461FF",
|
|
57
|
+
pantoneC: "PANTONE 252 C",
|
|
58
|
+
pantoneU: "PANTONE 252 U",
|
|
59
|
+
background: "#C461FF"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
rgb: "R93 G61 B249",
|
|
63
|
+
cmyk: "C83 M78 Y0 K0",
|
|
64
|
+
hex: "#5D3DF9",
|
|
65
|
+
pantoneC: "PANTONE 266 C",
|
|
66
|
+
pantoneU: "PANTONE 2735 U",
|
|
67
|
+
background: "#5D3DF9"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
rgb: "R255 G165 B67",
|
|
71
|
+
cmyk: "C0 M43 Y76 K0",
|
|
72
|
+
hex: "#FFA543",
|
|
73
|
+
pantoneC: "PANTONE 804 C",
|
|
74
|
+
pantoneU: "PANTONE 136 U",
|
|
75
|
+
background: "#FFA543"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
rgb: "R255 G77 B104",
|
|
79
|
+
cmyk: "C0 M81 Y42 K0",
|
|
80
|
+
hex: "#FF4D68",
|
|
81
|
+
pantoneC: "PANTONE 1785 C",
|
|
82
|
+
pantoneU: "PANTONE 185 U",
|
|
83
|
+
background: "#FF4D68"
|
|
84
|
+
}
|
|
85
|
+
], this.show = void 0;
|
|
86
|
+
}
|
|
87
|
+
render() {
|
|
88
|
+
return e("ul", { key: "7f2e8e7efa207bedaa1e19c0f7d87459a5c22693", 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
|
+
}
|
|
90
|
+
}, b = class {
|
|
91
|
+
constructor(a) {
|
|
92
|
+
c(this, a), this.colors = [
|
|
93
|
+
{
|
|
94
|
+
rgb: "R20 G20 B20",
|
|
95
|
+
cmyk: "C78 M69 Y61 K87",
|
|
96
|
+
hex: "#141414",
|
|
97
|
+
pantoneC: "",
|
|
98
|
+
pantoneU: "",
|
|
99
|
+
background: "#141414"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
rgb: "R56 G56 B56",
|
|
103
|
+
cmyk: "C68 M58 Y55 K63",
|
|
104
|
+
hex: "#383838",
|
|
105
|
+
pantoneC: "PANTONE 447 C",
|
|
106
|
+
pantoneU: "PANTONE Neutral Black U",
|
|
107
|
+
background: "#383838"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
rgb: "R204 G204 B204",
|
|
111
|
+
cmyk: "C23 M17 Y18 K0",
|
|
112
|
+
hex: "#CCCCCC",
|
|
113
|
+
pantoneC: "PANTONE Cool Gray 2 C",
|
|
114
|
+
pantoneU: "PANTONE Cool Gray 2 U",
|
|
115
|
+
background: "#CCCCCC"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
rgb: "R230 G230 B230",
|
|
119
|
+
cmyk: "C12 M8 Y9 K0",
|
|
120
|
+
hex: "#E6E6E6",
|
|
121
|
+
pantoneC: "PANTONE 663 C",
|
|
122
|
+
pantoneU: "PANTONE 649 U",
|
|
123
|
+
background: "#E6E6E6"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
rgb: "R255 G255 B255",
|
|
127
|
+
cmyk: "C0 M0 Y0 K0",
|
|
128
|
+
hex: "#FFFFFF",
|
|
129
|
+
pantoneC: "",
|
|
130
|
+
pantoneU: "",
|
|
131
|
+
background: "#FFFFFF"
|
|
132
|
+
}
|
|
133
|
+
];
|
|
134
|
+
}
|
|
135
|
+
render() {
|
|
136
|
+
return e("ul", { key: "6cd3d5f3128a49e9ac77abc11f46ca880bc6c195", 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
|
+
}
|
|
138
|
+
}, f = class {
|
|
139
|
+
constructor(a) {
|
|
140
|
+
c(this, a), this.colors = [
|
|
141
|
+
{
|
|
142
|
+
rgb: "R156 G225 B66",
|
|
143
|
+
cmyk: "C52 M0 Y98 K0",
|
|
144
|
+
hex: "#9CE142",
|
|
145
|
+
pantoneC: "PANTONE 367 C",
|
|
146
|
+
pantoneU: "PANTONE 374 U",
|
|
147
|
+
background: "linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
rgb: "R0 G201 B89",
|
|
151
|
+
cmyk: "C75 M0 Y80 K0",
|
|
152
|
+
hex: "#00C959",
|
|
153
|
+
pantoneC: "PANTONE 7480 C",
|
|
154
|
+
pantoneU: "PANTONE 7481 U",
|
|
155
|
+
background: "linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
rgb: "R0 G165 B149",
|
|
159
|
+
cmyk: "C78 M8 Y49 K0",
|
|
160
|
+
hex: "#00A595",
|
|
161
|
+
pantoneC: "PANTONE 3272 C",
|
|
162
|
+
pantoneU: "PANTONE 3275 U",
|
|
163
|
+
background: "linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"
|
|
164
|
+
}
|
|
165
|
+
];
|
|
166
|
+
}
|
|
167
|
+
render() {
|
|
168
|
+
return e("ul", { key: "922dbe263e6db86ed17d98d65d38e1d6f4ef25df", class: "gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
|
|
169
|
+
background: "linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"
|
|
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
|
+
}
|
|
172
|
+
}, n = class {
|
|
173
|
+
constructor(a) {
|
|
174
|
+
c(this, a), this.colors = [
|
|
175
|
+
{
|
|
176
|
+
rgb: "R63 G169 B245",
|
|
177
|
+
cmyk: "C68 M13 Y0 K0",
|
|
178
|
+
hex: "#3FA9F5",
|
|
179
|
+
pantoneC: "PANTONE 298 C",
|
|
180
|
+
pantoneU: "PANTONE 298 U",
|
|
181
|
+
background: "linear-gradient(to bottom, #3FA9F5, #3FA9F5)"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
rgb: "R6 G68 B244",
|
|
185
|
+
cmyk: "C92 M60 Y0 K0",
|
|
186
|
+
hex: "#0644F4",
|
|
187
|
+
pantoneC: "PANTONE 2728 C",
|
|
188
|
+
pantoneU: "PANTONE 2935 U",
|
|
189
|
+
background: "linear-gradient(to bottom, #3FA9F5, #0644F4)"
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
rgb: "R196 G97 B255",
|
|
193
|
+
cmyk: "C52 M67 Y0 K0",
|
|
194
|
+
hex: "#C461FF",
|
|
195
|
+
pantoneC: "PANTONE 252 C",
|
|
196
|
+
pantoneU: "PANTONE 252 U",
|
|
197
|
+
background: "linear-gradient(to bottom, #C461FF, #C461FF)"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
rgb: "R93 G61 B249",
|
|
201
|
+
cmyk: "C83 M78 Y0 K0",
|
|
202
|
+
hex: "#5D3DF9",
|
|
203
|
+
pantoneC: "PANTONE 266 C",
|
|
204
|
+
pantoneU: "PANTONE 2735 U",
|
|
205
|
+
background: "linear-gradient(to bottom, #C461FF, #5D3DF9)"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
rgb: "R255 G165 B67",
|
|
209
|
+
cmyk: "C0 M43 Y76 K0",
|
|
210
|
+
hex: "#FFA543",
|
|
211
|
+
pantoneC: "PANTONE 804 C",
|
|
212
|
+
pantoneU: "PANTONE 136 U",
|
|
213
|
+
background: "linear-gradient(to bottom, #FFA543, #FFA543)"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
rgb: "R255 G77 B104",
|
|
217
|
+
cmyk: "C0 M81 Y42 K0",
|
|
218
|
+
hex: "#FF4D68",
|
|
219
|
+
pantoneC: "PANTONE 1785 C",
|
|
220
|
+
pantoneU: "PANTONE 185 U",
|
|
221
|
+
background: "linear-gradient(to bottom, #FFA543, #FF4D68)"
|
|
222
|
+
}
|
|
223
|
+
];
|
|
224
|
+
}
|
|
225
|
+
render() {
|
|
226
|
+
return e("div", { key: "29353679b15fce11ec2e357704cffd6a2d1389d4" }, e("ul", { key: "7a262e1c8f17226c6639a00e1829d4f0927f988d", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "f3dfcbe6da3ee882ae9100f95fe68788cd82195f", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "83e3ac5d6f64e18e38e179251d58ff3ed23019a3", class: "effect-height flex items-center justify-between p-16", style: {
|
|
227
|
+
background: this.colors[0].background
|
|
228
|
+
} }, e("div", { key: "ebc2424dd2950cc2704351456d4d974051e0dd93", class: "grid" }, e("span", { key: "3fdfb110070a8795a1bb1aea12447bc2556937cc", class: "f-body-02" }, this.colors[0].rgb), e("span", { key: "0b929d1ddd40e67bc8cd0248fc7bf0c0f8a11cb7", class: "f-body-02 w-full" }, this.colors[0].cmyk), e("eds-code-block", { key: "3f4ab8d6b91afeaba20c273b8ede74593d452bf0", code: this.colors[0].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "80b6a23a151e6b71630071f2d51c03e6b8c957ff", class: "grid" }, e("span", { key: "c86531490e51f5559d4293bc75bb2477d23d1593", class: "f-body-02" }, this.colors[0].pantoneC), e("span", { key: "5bbc4e02eb2845508c6de7715f5fe202a36249a5", class: "f-body-02" }, this.colors[0].pantoneU))), e("div", { key: "050d2770d4c2e6395dc5350c9f29860ecf3d7e46", class: "effect-height flex items-center justify-between p-16", style: {
|
|
229
|
+
background: this.colors[1].background
|
|
230
|
+
} }, e("div", { key: "20a5a6748573d6e059ec81d00a737355cfd7f934", class: "grid" }, e("span", { key: "a63a0ea4301f11e4984f3749c087041acedb94b4", class: "f-body-02" }, this.colors[1].rgb), e("span", { key: "d986ecee52e15de1bbd58c48109f8c89d0cf19a2", class: "f-body-02 w-full" }, this.colors[1].cmyk), e("eds-code-block", { key: "d35bb3c1cb26aa9a3828cecfde1b32f428e8b1af", code: this.colors[1].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "8a616b789a99d3721ccc1f102131c2aba1951106", class: "grid" }, e("span", { key: "03d172bbc56a4535d20051bb2ab1bfb4c0889586", class: "f-body-02" }, this.colors[1].pantoneC), e("span", { key: "66f1656d1d41f1616175285cf8f7e7089c9f2657", class: "f-body-02" }, this.colors[1].pantoneU))))), e("eds-block-break", { key: "85a7244a69f0d3af26ea5f148917183e2431140e" }), e("ul", { key: "eb44b6b21fc75b1fd22e1aee42fac1aa99155b0d", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "ecb50392387996034d1f4211d5336d2071927844", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "f45bf292bf11cb440731ff7bc67e5b364cb7b6c1", class: "effect-height flex items-center justify-between p-16", style: {
|
|
231
|
+
background: this.colors[2].background
|
|
232
|
+
} }, e("div", { key: "981db4da9bdbc0f60ba6e8fd83840101a815550f", class: "grid" }, e("span", { key: "d6aaf058991f0d7e1c4d5d7bfa17b0342880cb9c", class: "f-body-02" }, this.colors[2].rgb), e("span", { key: "cd63d8d64b9fa30f7a568125f61d3735c3596f0b", class: "f-body-02 w-full" }, this.colors[2].cmyk), e("eds-code-block", { key: "aca8d6c9668168c6d4b71cb5039e0af4cd419e30", code: this.colors[2].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "ed16477727fe22372cbcd730c4e9cc67f5b35ed8", class: "grid" }, e("span", { key: "4b6989756eb826d93b5b7d71e874f62914d221df", class: "f-body-02" }, this.colors[2].pantoneC), e("span", { key: "a4e3d7e9f3582a0fc5dfabbfc9feb5bb969c2933", class: "f-body-02" }, this.colors[2].pantoneU))), e("div", { key: "d23b28073abf3c16b3f8d58744fb5f66877cdd94", class: "effect-height flex items-center justify-between p-16", style: {
|
|
233
|
+
background: this.colors[3].background
|
|
234
|
+
} }, e("div", { key: "1c96adb58e67d7cada4b4ba382ca2fcd37f0dfd8", class: "grid" }, e("span", { key: "beaab441ab5852d1141b509a161123ab0f743e7c", class: "f-body-02" }, this.colors[3].rgb), e("span", { key: "d2e57f4fd72ff1ef9c84f27e81c8c6b03ec50f66", class: "f-body-02 w-full" }, this.colors[3].cmyk), e("eds-code-block", { key: "48772cedf0b4ad119e14696e58203efce7bb3559", code: this.colors[3].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "0e233bc33432cdd2149ab20b64464d03de22bcef", class: "grid" }, e("span", { key: "b0f41ae03bfd3bedf2ebd60b6a4b30c677395da0", class: "f-body-02" }, this.colors[3].pantoneC), e("span", { key: "433f30e367352cbd24668dac2ecf741b9f81febe", class: "f-body-02" }, this.colors[3].pantoneU))))), e("eds-block-break", { key: "a862789d835c146d140b634782eefa7b48139597" }), e("ul", { key: "9fe132435b11fa93057df3d747dfe36f04bfd997", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "e8438aedc62f4d0195a3c4c1c714ba99c6f7b67f", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "9928ba20be7b9100e437345a4c5b03bf6d495707", class: "effect-height flex items-center justify-between p-16", style: {
|
|
235
|
+
background: this.colors[4].background
|
|
236
|
+
} }, e("div", { key: "1cd2d6a8ec580b4094335d3c56acfbb398a96c28", class: "grid" }, e("span", { key: "dbbd548a12bcc861526309132e685a97714de1d5", class: "f-body-02" }, this.colors[4].rgb), e("span", { key: "93d38512e45747e4277169ee3221c36f96862f29", class: "f-body-02 w-full" }, this.colors[4].cmyk), e("eds-code-block", { key: "b04c9679ea48bf89e70cc969ecd42984ce3c7286", code: this.colors[4].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "4a6130bdeb963c9674100528e2ef24a2245acbab", class: "grid" }, e("span", { key: "7f49f52d514e36d7886a1aecb3c92c7148dcf595", class: "f-body-02" }, this.colors[4].pantoneC), e("span", { key: "0d9a53c5262183a24114f762175f1d9fe5299950", class: "f-body-02" }, this.colors[4].pantoneU))), e("div", { key: "26a6e6ca4a67e5ff01d4fcb75e40fdb1456ca62f", class: "effect-height flex items-center justify-between p-16", style: {
|
|
237
|
+
background: this.colors[5].background
|
|
238
|
+
} }, e("div", { key: "ff5052b9aa74a3edb7d3ba6d1c75b9073b969b31", class: "grid" }, e("span", { key: "b69e9f4646835b689fd46c6f84b8b35dba1500a1", class: "f-body-02" }, this.colors[5].rgb), e("span", { key: "a459cc1600cb4072e6d1cfbcae75d17cf14fbbfe", class: "f-body-02 w-full" }, this.colors[5].cmyk), e("eds-code-block", { key: "55f9185213f01a7891a4e8ff54f4f26759370ef8", code: this.colors[5].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "2f3bbbcdf402f0da4bade772b3cadb1b8cb3370c", class: "grid" }, e("span", { key: "818372e4673ef5c8e35085702a559b744a5cbe8c", class: "f-body-02" }, this.colors[5].pantoneC), e("span", { key: "2bc994826618735b82fd93fe039328a2ff4f6f95", class: "f-body-02" }, this.colors[5].pantoneU))))));
|
|
239
|
+
}
|
|
240
|
+
}, t = class {
|
|
241
|
+
constructor(a) {
|
|
242
|
+
c(this, a), this.colors = [
|
|
243
|
+
{
|
|
244
|
+
rgb: "R20 G20 B20",
|
|
245
|
+
cmyk: "C78 M69 Y61 K87",
|
|
246
|
+
hex: "#141414",
|
|
247
|
+
pantoneC: "",
|
|
248
|
+
pantoneU: "",
|
|
249
|
+
background: "#141414"
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
rgb: "R56 G56 B56",
|
|
253
|
+
cmyk: "C68 M58 Y55 K63",
|
|
254
|
+
hex: "#383838",
|
|
255
|
+
pantoneC: "PANTONE 447 C",
|
|
256
|
+
pantoneU: "PANTONE Neutral Black U",
|
|
257
|
+
background: "#383838"
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
rgb: "R204 G204 B204",
|
|
261
|
+
cmyk: "C23 M17 Y18 K0",
|
|
262
|
+
hex: "#CCCCCC",
|
|
263
|
+
pantoneC: "PANTONE Cool Gray 2 C",
|
|
264
|
+
pantoneU: "PANTONE Cool Gray 2 U",
|
|
265
|
+
background: "linear-gradient(to bottom, #CCCCCC, #CCCCCC)"
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
rgb: "R230 G230 B230",
|
|
269
|
+
cmyk: "C12 M8 Y9 K0",
|
|
270
|
+
hex: "#E6E6E6",
|
|
271
|
+
pantoneC: "PANTONE 663 C",
|
|
272
|
+
pantoneU: "PANTONE 649 U",
|
|
273
|
+
background: "linear-gradient(to bottom, #CCCCCC, #E6E6E6)"
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
rgb: "R255 G255 B255",
|
|
277
|
+
cmyk: "C0 M0 Y0 K0",
|
|
278
|
+
hex: "#FFFFFF",
|
|
279
|
+
pantoneC: "",
|
|
280
|
+
pantoneU: "",
|
|
281
|
+
background: "#FFFFFF"
|
|
282
|
+
}
|
|
283
|
+
];
|
|
284
|
+
}
|
|
285
|
+
render() {
|
|
286
|
+
return e("ul", { key: "e5444717497402cac34586943ffd10abd2e77148", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "84f6b65181b6f2237b7ef261445a2e58935975ab", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "b9eb17a05b1a479e46adf3908ede6d2a74e47e91", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, e("div", { key: "74cb2cf74997cf993557cbf06158578a45439965", class: "grid" }, e("span", { key: "29c00a82880aff024927e29c95fde61016553d5d", class: "f-body-02" }, this.colors[0].rgb), e("span", { key: "db89f95d9c30eb90ba6d7f9cd12c793f8a500b00", class: "f-body-02 w-full" }, this.colors[0].cmyk), e("eds-code-block", { key: "d050e9d7910ed8ac88f4f791a2c8a1edaadcb0ac", code: this.colors[0].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "d2b688154a3d1f61df4dcc1f735eae9747011d01", class: "grid" }, e("span", { key: "2a204759a52f881b2d6b0d40116bf00bbda3aed2", class: "f-body-02" }, this.colors[0].pantoneC || "N/A"), e("span", { key: "9023f33ba5182558f12dfb119ed4338649638bd7", class: "f-body-02" }, this.colors[0].pantoneU || "N/A")))), e("li", { key: "55a4cf54a4dbc1b5c7f9962c571cbb971cba0d93", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "b4190fda8834ddfe5e53e90d357cc1835e7d16ce", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, e("div", { key: "cf5415f31d46d7a966fa3da040aec720c0241673", class: "grid" }, e("span", { key: "4fb475890391784e8be7c40d0c74c02a492739f7", class: "f-body-02" }, this.colors[1].rgb), e("span", { key: "02f5bd1fcb7be45141963bb1d723646195978d49", class: "f-body-02 w-full" }, this.colors[1].cmyk), e("eds-code-block", { key: "781791e59a86c8687d9afe6d729161acf05fc9dd", code: this.colors[1].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "dd84d9b36892ff47481babfb2fbb8a9082f43219", class: "grid" }, e("span", { key: "df5ef60b6866f46bafcd93d8f82498090102a520", class: "f-body-02" }, this.colors[1].pantoneC || "N/A"), e("span", { key: "a8cf80fcb9f7fef12daf32055c61fdb33ee38d67", class: "f-body-02" }, this.colors[1].pantoneU || "N/A")))), e("li", { key: "2ed0376ad5484fadac08c530450e993fa6145328", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "30ba72591ea4537407b2220a85a961fce0fc54e5", class: "effect-height flex items-center justify-between p-16", style: {
|
|
287
|
+
background: this.colors[2].background
|
|
288
|
+
} }, e("div", { key: "641ea920703268846558c852fe087fa9546e14b7", class: "grid" }, e("span", { key: "f672422e13deb40e9dfaddd6f9855b2de28eab5b", class: "f-body-02" }, this.colors[2].rgb), e("span", { key: "008794c76fb2713438c198c914e718efbbfc7b5e", class: "f-body-02 w-full" }, this.colors[2].cmyk), e("eds-code-block", { key: "ee1cfa3a78f670c74e00e96b6415f85715334526", code: this.colors[2].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "295c044bb9cc9ed3a85bb488225db4401f0ea542", class: "grid" }, e("span", { key: "9d7dbf15fd44ce3d3e45a39324ad3a60d7ae30f0", class: "f-body-02" }, this.colors[2].pantoneC), e("span", { key: "d639d12c3215caf3f4f1e8a4ae062b540b6af50d", class: "f-body-02" }, this.colors[2].pantoneU))), e("div", { key: "04e95d8b1a6f7dcdbc465263382e36d05f79d602", class: "effect-height flex items-center justify-between p-16", style: {
|
|
289
|
+
background: this.colors[3].background
|
|
290
|
+
} }, e("div", { key: "e67079bbbdfa1853a2f069f08c52a8388cce688a", class: "grid" }, e("span", { key: "43be6b7785066c0d51aa87e987fb672a758de8bb", class: "f-body-02" }, this.colors[3].rgb), e("span", { key: "791e968b11a9dafefac8fe0eda01b04ab4911802", class: "f-body-02 w-full" }, this.colors[3].cmyk), e("eds-code-block", { key: "5831fd1e75f8ed0d2edc29fbc439389275adf59e", code: this.colors[3].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "09329acac8fbc33edada7a7c10c675631a240ea2", class: "grid" }, e("span", { key: "42f70fa2578b40e189b95cd1d4c56ccd84cdce69", class: "f-body-02" }, this.colors[3].pantoneC), e("span", { key: "2b8dfefd1e2dff08aa17b234a04cff60e3eb9d7a", class: "f-body-02" }, this.colors[3].pantoneU)))), e("li", { key: "e3a39fb7ad23526623bfea88cdab8d320847365d", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "cfde16c94675c5c9b510e3752f875655c9d098e2", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, e("div", { key: "1f8a8bd2e746c187323841ced84eec52d2c2f2f1", class: "grid" }, e("span", { key: "920fc68ae73790a37c927dabf687ccaf5e248841", class: "f-body-02" }, this.colors[4].rgb), e("span", { key: "40205cf5666e6ba44ca07a09dc08e54f2f9cad56", class: "f-body-02 w-full" }, this.colors[4].cmyk), e("eds-code-block", { key: "8a855110b362569cc9926a09772d12f133aa20b6", code: this.colors[4].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "a69c90cfac79b0a7ba5fbd921117a12ce997c228", class: "grid" }, e("span", { key: "bc06aaaaececad3b81e4884380e17fe773f97570", class: "f-body-02" }, this.colors[4].pantoneC || "N/A"), e("span", { key: "15baae3dafc6b53322e1a67956af1f533ea402f7", class: "f-body-02" }, this.colors[4].pantoneU || "N/A")))));
|
|
291
|
+
}
|
|
292
|
+
};
|
|
293
|
+
export {
|
|
294
|
+
d as color_primary_palette,
|
|
295
|
+
o as color_secondary_palette,
|
|
296
|
+
b as color_support_palette,
|
|
297
|
+
f as gradient_primary_palette,
|
|
298
|
+
n as gradient_secondary_palette,
|
|
299
|
+
t as gradient_support_palette
|
|
300
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.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:"581f0978ebeda33a156d2baf3cc41a10897da1cf",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:"7f2e8e7efa207bedaa1e19c0f7d87459a5c22693",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:"6cd3d5f3128a49e9ac77abc11f46ca880bc6c195",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:"922dbe263e6db86ed17d98d65d38e1d6f4ef25df",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:"29353679b15fce11ec2e357704cffd6a2d1389d4"},e.h("ul",{key:"7a262e1c8f17226c6639a00e1829d4f0927f988d",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"f3dfcbe6da3ee882ae9100f95fe68788cd82195f",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"83e3ac5d6f64e18e38e179251d58ff3ed23019a3",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},e.h("div",{key:"ebc2424dd2950cc2704351456d4d974051e0dd93",class:"grid"},e.h("span",{key:"3fdfb110070a8795a1bb1aea12447bc2556937cc",class:"f-body-02"},this.colors[0].rgb),e.h("span",{key:"0b929d1ddd40e67bc8cd0248fc7bf0c0f8a11cb7",class:"f-body-02 w-full"},this.colors[0].cmyk),e.h("eds-code-block",{key:"3f4ab8d6b91afeaba20c273b8ede74593d452bf0",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"80b6a23a151e6b71630071f2d51c03e6b8c957ff",class:"grid"},e.h("span",{key:"c86531490e51f5559d4293bc75bb2477d23d1593",class:"f-body-02"},this.colors[0].pantoneC),e.h("span",{key:"5bbc4e02eb2845508c6de7715f5fe202a36249a5",class:"f-body-02"},this.colors[0].pantoneU))),e.h("div",{key:"050d2770d4c2e6395dc5350c9f29860ecf3d7e46",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},e.h("div",{key:"20a5a6748573d6e059ec81d00a737355cfd7f934",class:"grid"},e.h("span",{key:"a63a0ea4301f11e4984f3749c087041acedb94b4",class:"f-body-02"},this.colors[1].rgb),e.h("span",{key:"d986ecee52e15de1bbd58c48109f8c89d0cf19a2",class:"f-body-02 w-full"},this.colors[1].cmyk),e.h("eds-code-block",{key:"d35bb3c1cb26aa9a3828cecfde1b32f428e8b1af",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"8a616b789a99d3721ccc1f102131c2aba1951106",class:"grid"},e.h("span",{key:"03d172bbc56a4535d20051bb2ab1bfb4c0889586",class:"f-body-02"},this.colors[1].pantoneC),e.h("span",{key:"66f1656d1d41f1616175285cf8f7e7089c9f2657",class:"f-body-02"},this.colors[1].pantoneU))))),e.h("eds-block-break",{key:"85a7244a69f0d3af26ea5f148917183e2431140e"}),e.h("ul",{key:"eb44b6b21fc75b1fd22e1aee42fac1aa99155b0d",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"ecb50392387996034d1f4211d5336d2071927844",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"f45bf292bf11cb440731ff7bc67e5b364cb7b6c1",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},e.h("div",{key:"981db4da9bdbc0f60ba6e8fd83840101a815550f",class:"grid"},e.h("span",{key:"d6aaf058991f0d7e1c4d5d7bfa17b0342880cb9c",class:"f-body-02"},this.colors[2].rgb),e.h("span",{key:"cd63d8d64b9fa30f7a568125f61d3735c3596f0b",class:"f-body-02 w-full"},this.colors[2].cmyk),e.h("eds-code-block",{key:"aca8d6c9668168c6d4b71cb5039e0af4cd419e30",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"ed16477727fe22372cbcd730c4e9cc67f5b35ed8",class:"grid"},e.h("span",{key:"4b6989756eb826d93b5b7d71e874f62914d221df",class:"f-body-02"},this.colors[2].pantoneC),e.h("span",{key:"a4e3d7e9f3582a0fc5dfabbfc9feb5bb969c2933",class:"f-body-02"},this.colors[2].pantoneU))),e.h("div",{key:"d23b28073abf3c16b3f8d58744fb5f66877cdd94",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},e.h("div",{key:"1c96adb58e67d7cada4b4ba382ca2fcd37f0dfd8",class:"grid"},e.h("span",{key:"beaab441ab5852d1141b509a161123ab0f743e7c",class:"f-body-02"},this.colors[3].rgb),e.h("span",{key:"d2e57f4fd72ff1ef9c84f27e81c8c6b03ec50f66",class:"f-body-02 w-full"},this.colors[3].cmyk),e.h("eds-code-block",{key:"48772cedf0b4ad119e14696e58203efce7bb3559",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"0e233bc33432cdd2149ab20b64464d03de22bcef",class:"grid"},e.h("span",{key:"b0f41ae03bfd3bedf2ebd60b6a4b30c677395da0",class:"f-body-02"},this.colors[3].pantoneC),e.h("span",{key:"433f30e367352cbd24668dac2ecf741b9f81febe",class:"f-body-02"},this.colors[3].pantoneU))))),e.h("eds-block-break",{key:"a862789d835c146d140b634782eefa7b48139597"}),e.h("ul",{key:"9fe132435b11fa93057df3d747dfe36f04bfd997",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"e8438aedc62f4d0195a3c4c1c714ba99c6f7b67f",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"9928ba20be7b9100e437345a4c5b03bf6d495707",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},e.h("div",{key:"1cd2d6a8ec580b4094335d3c56acfbb398a96c28",class:"grid"},e.h("span",{key:"dbbd548a12bcc861526309132e685a97714de1d5",class:"f-body-02"},this.colors[4].rgb),e.h("span",{key:"93d38512e45747e4277169ee3221c36f96862f29",class:"f-body-02 w-full"},this.colors[4].cmyk),e.h("eds-code-block",{key:"b04c9679ea48bf89e70cc969ecd42984ce3c7286",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"4a6130bdeb963c9674100528e2ef24a2245acbab",class:"grid"},e.h("span",{key:"7f49f52d514e36d7886a1aecb3c92c7148dcf595",class:"f-body-02"},this.colors[4].pantoneC),e.h("span",{key:"0d9a53c5262183a24114f762175f1d9fe5299950",class:"f-body-02"},this.colors[4].pantoneU))),e.h("div",{key:"26a6e6ca4a67e5ff01d4fcb75e40fdb1456ca62f",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},e.h("div",{key:"ff5052b9aa74a3edb7d3ba6d1c75b9073b969b31",class:"grid"},e.h("span",{key:"b69e9f4646835b689fd46c6f84b8b35dba1500a1",class:"f-body-02"},this.colors[5].rgb),e.h("span",{key:"a459cc1600cb4072e6d1cfbcae75d17cf14fbbfe",class:"f-body-02 w-full"},this.colors[5].cmyk),e.h("eds-code-block",{key:"55f9185213f01a7891a4e8ff54f4f26759370ef8",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"2f3bbbcdf402f0da4bade772b3cadb1b8cb3370c",class:"grid"},e.h("span",{key:"818372e4673ef5c8e35085702a559b744a5cbe8c",class:"f-body-02"},this.colors[5].pantoneC),e.h("span",{key:"2bc994826618735b82fd93fe039328a2ff4f6f95",class:"f-body-02"},this.colors[5].pantoneU))))))}},f=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:"e5444717497402cac34586943ffd10abd2e77148",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"84f6b65181b6f2237b7ef261445a2e58935975ab",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"b9eb17a05b1a479e46adf3908ede6d2a74e47e91",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},e.h("div",{key:"74cb2cf74997cf993557cbf06158578a45439965",class:"grid"},e.h("span",{key:"29c00a82880aff024927e29c95fde61016553d5d",class:"f-body-02"},this.colors[0].rgb),e.h("span",{key:"db89f95d9c30eb90ba6d7f9cd12c793f8a500b00",class:"f-body-02 w-full"},this.colors[0].cmyk),e.h("eds-code-block",{key:"d050e9d7910ed8ac88f4f791a2c8a1edaadcb0ac",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"d2b688154a3d1f61df4dcc1f735eae9747011d01",class:"grid"},e.h("span",{key:"2a204759a52f881b2d6b0d40116bf00bbda3aed2",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),e.h("span",{key:"9023f33ba5182558f12dfb119ed4338649638bd7",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),e.h("li",{key:"55a4cf54a4dbc1b5c7f9962c571cbb971cba0d93",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"b4190fda8834ddfe5e53e90d357cc1835e7d16ce",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},e.h("div",{key:"cf5415f31d46d7a966fa3da040aec720c0241673",class:"grid"},e.h("span",{key:"4fb475890391784e8be7c40d0c74c02a492739f7",class:"f-body-02"},this.colors[1].rgb),e.h("span",{key:"02f5bd1fcb7be45141963bb1d723646195978d49",class:"f-body-02 w-full"},this.colors[1].cmyk),e.h("eds-code-block",{key:"781791e59a86c8687d9afe6d729161acf05fc9dd",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"dd84d9b36892ff47481babfb2fbb8a9082f43219",class:"grid"},e.h("span",{key:"df5ef60b6866f46bafcd93d8f82498090102a520",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),e.h("span",{key:"a8cf80fcb9f7fef12daf32055c61fdb33ee38d67",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),e.h("li",{key:"2ed0376ad5484fadac08c530450e993fa6145328",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"30ba72591ea4537407b2220a85a961fce0fc54e5",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},e.h("div",{key:"641ea920703268846558c852fe087fa9546e14b7",class:"grid"},e.h("span",{key:"f672422e13deb40e9dfaddd6f9855b2de28eab5b",class:"f-body-02"},this.colors[2].rgb),e.h("span",{key:"008794c76fb2713438c198c914e718efbbfc7b5e",class:"f-body-02 w-full"},this.colors[2].cmyk),e.h("eds-code-block",{key:"ee1cfa3a78f670c74e00e96b6415f85715334526",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"295c044bb9cc9ed3a85bb488225db4401f0ea542",class:"grid"},e.h("span",{key:"9d7dbf15fd44ce3d3e45a39324ad3a60d7ae30f0",class:"f-body-02"},this.colors[2].pantoneC),e.h("span",{key:"d639d12c3215caf3f4f1e8a4ae062b540b6af50d",class:"f-body-02"},this.colors[2].pantoneU))),e.h("div",{key:"04e95d8b1a6f7dcdbc465263382e36d05f79d602",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},e.h("div",{key:"e67079bbbdfa1853a2f069f08c52a8388cce688a",class:"grid"},e.h("span",{key:"43be6b7785066c0d51aa87e987fb672a758de8bb",class:"f-body-02"},this.colors[3].rgb),e.h("span",{key:"791e968b11a9dafefac8fe0eda01b04ab4911802",class:"f-body-02 w-full"},this.colors[3].cmyk),e.h("eds-code-block",{key:"5831fd1e75f8ed0d2edc29fbc439389275adf59e",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"09329acac8fbc33edada7a7c10c675631a240ea2",class:"grid"},e.h("span",{key:"42f70fa2578b40e189b95cd1d4c56ccd84cdce69",class:"f-body-02"},this.colors[3].pantoneC),e.h("span",{key:"2b8dfefd1e2dff08aa17b234a04cff60e3eb9d7a",class:"f-body-02"},this.colors[3].pantoneU)))),e.h("li",{key:"e3a39fb7ad23526623bfea88cdab8d320847365d",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"cfde16c94675c5c9b510e3752f875655c9d098e2",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},e.h("div",{key:"1f8a8bd2e746c187323841ced84eec52d2c2f2f1",class:"grid"},e.h("span",{key:"920fc68ae73790a37c927dabf687ccaf5e248841",class:"f-body-02"},this.colors[4].rgb),e.h("span",{key:"40205cf5666e6ba44ca07a09dc08e54f2f9cad56",class:"f-body-02 w-full"},this.colors[4].cmyk),e.h("eds-code-block",{key:"8a855110b362569cc9926a09772d12f133aa20b6",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"a69c90cfac79b0a7ba5fbd921117a12ce997c228",class:"grid"},e.h("span",{key:"bc06aaaaececad3b81e4884380e17fe773f97570",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),e.h("span",{key:"15baae3dafc6b53322e1a67956af1f533ea402f7",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=f;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
const o = `<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
2
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
|
|
3
|
+
</svg>`;
|
|
4
|
+
export {
|
|
5
|
+
o as c
|
|
6
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";const o=`<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
2
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
|
|
3
|
+
</svg>`;exports.copy=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.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"}],i=class{constructor(l){e.registerInstance(this,l)}render(){return e.h("div",{key:"33f38f14e5b6e7271ae26608fb1a1ed0c7930c7c",class:"container"},e.h("p",{key:"4857375e983add7d8e5e0a0d9896641774be018e",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"1c6bd69472074babf8f830fdba9be31e73afcd88",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:"ae3429fadbea001f01731d3c15f28865d668a50a",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:"d8c6b9ab88abbf6194a4fb26120244982b59c2c4",class:"flex"},e.h("div",{key:"fc7f854940caabb9e032999f51732b64555e96e7",class:"w-full"},e.h("ul",{key:"99c6a2e47c683ac38f2a14feec80177c0cf1c174",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-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}}))))),e.h("div",{key:"91048e89cff083356c589c0f1bfecdd482e0c797",class:"w-full"},e.h("ul",{key:"6ee69388227089a5224a6d249c8e1eea4efde128",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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"c0a8e42942f2655648aa2ec3ce74bbf8d043ba63",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"3f272298bcd7d0e6ad791edc408ef636349fbf7d",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:"9a0b28f388483944aa4b053b9f8e807c1383431e",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:"27ab1cdb936918fafe122c5a569c83322043bb79",class:"flex"},e.h("div",{key:"037b9916ff3a3e8c2e9db64b650d44a57aedbcf9",class:"w-full"},e.h("ul",{key:"60f4f6290b31a29852fb934c678edcaa61c8e930",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:"36397292a31417703736b3be5b77e17241675dd9",class:"w-full"},e.h("ul",{key:"20a9e6bb396c184c2718a18554eb1b4828817379",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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"0b89819b9fce1dff39b06b70873d651b7a1c84ac",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"9b3e7d46ac8116ff5f47f895bb06e89cd49c4e03",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:"94c3384e546bcae55d5634064a37436b4cdaab0f",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:"7e3fe503559fa6865b824fd7f93dfdf8ed368f34",class:"flex"},e.h("div",{key:"4ed98a3b92ba8b73e3cd67dec625b4b8dfb34ee1",class:"w-full"},e.h("ul",{key:"0ccfd018568eb834ae05771976122736f5944205",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:"d2cef9f5bd8ce7fb103e22a8964cee88853c1162",class:"w-full"},e.h("ul",{key:"24301ce590bd1530316f351202bd76fafaa7dda5",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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))),e.h("p",{key:"748852527301ab6465b593f5f271dc6dcef9d198",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"f035467c04170412a1b06f05b8675b6be57e8aa2",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:"6e4eb577c6582a160b8282b54a6edfc58f20926b",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:"9209fd1ab3092cd21dd81a3328171c8de4fb8bca",class:"flex"},e.h("div",{key:"dc71b931a70fbd31a4f72814b23a1d97933bc721",class:"w-full"},e.h("ul",{key:"d3f6f25439b6fbc8e8c08b39bf46de9ce52482fa",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:"78d64d48a72836043c53e485269402bf566a5d98",class:"w-full"},e.h("ul",{key:"6eb824d03f4d0e2d3966963c899473e242b31dc6",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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:l.background}})))))))}};exports.correct_use_of_colors=i;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { r as c, h as e } from "./index-Dg2DO7q4.mjs";
|
|
2
|
+
const s = [
|
|
3
|
+
{
|
|
4
|
+
background: "#9CE142"
|
|
5
|
+
},
|
|
6
|
+
{
|
|
7
|
+
background: "#00C959"
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
background: "#00A595"
|
|
11
|
+
}
|
|
12
|
+
], a = [
|
|
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
|
+
], o = [
|
|
43
|
+
{
|
|
44
|
+
background: "#FFA543"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
background: "#FF4D68"
|
|
48
|
+
}
|
|
49
|
+
], f = class {
|
|
50
|
+
constructor(l) {
|
|
51
|
+
c(this, l);
|
|
52
|
+
}
|
|
53
|
+
render() {
|
|
54
|
+
return e("div", { key: "33f38f14e5b6e7271ae26608fb1a1ed0c7930c7c", class: "container" }, e("p", { key: "4857375e983add7d8e5e0a0d9896641774be018e", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "1c6bd69472074babf8f830fdba9be31e73afcd88", 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: "ae3429fadbea001f01731d3c15f28865d668a50a", 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: "d8c6b9ab88abbf6194a4fb26120244982b59c2c4", class: "flex" }, e("div", { key: "fc7f854940caabb9e032999f51732b64555e96e7", class: "w-full" }, e("ul", { key: "99c6a2e47c683ac38f2a14feec80177c0cf1c174", 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: "91048e89cff083356c589c0f1bfecdd482e0c797", class: "w-full" }, e("ul", { key: "6ee69388227089a5224a6d249c8e1eea4efde128", class: "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: "c0a8e42942f2655648aa2ec3ce74bbf8d043ba63", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "3f272298bcd7d0e6ad791edc408ef636349fbf7d", 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: "9a0b28f388483944aa4b053b9f8e807c1383431e", 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: "27ab1cdb936918fafe122c5a569c83322043bb79", class: "flex" }, e("div", { key: "037b9916ff3a3e8c2e9db64b650d44a57aedbcf9", class: "w-full" }, e("ul", { key: "60f4f6290b31a29852fb934c678edcaa61c8e930", 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: "36397292a31417703736b3be5b77e17241675dd9", class: "w-full" }, e("ul", { key: "20a9e6bb396c184c2718a18554eb1b4828817379", class: "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: "0b89819b9fce1dff39b06b70873d651b7a1c84ac", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "9b3e7d46ac8116ff5f47f895bb06e89cd49c4e03", 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: "94c3384e546bcae55d5634064a37436b4cdaab0f", 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: "7e3fe503559fa6865b824fd7f93dfdf8ed368f34", class: "flex" }, e("div", { key: "4ed98a3b92ba8b73e3cd67dec625b4b8dfb34ee1", class: "w-full" }, e("ul", { key: "0ccfd018568eb834ae05771976122736f5944205", 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: "d2cef9f5bd8ce7fb103e22a8964cee88853c1162", class: "w-full" }, e("ul", { key: "24301ce590bd1530316f351202bd76fafaa7dda5", class: "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: "748852527301ab6465b593f5f271dc6dcef9d198", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "f035467c04170412a1b06f05b8675b6be57e8aa2", 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: "6e4eb577c6582a160b8282b54a6edfc58f20926b", 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: "9209fd1ab3092cd21dd81a3328171c8de4fb8bca", class: "flex" }, e("div", { key: "dc71b931a70fbd31a4f72814b23a1d97933bc721", class: "w-full" }, e("ul", { key: "d3f6f25439b6fbc8e8c08b39bf46de9ce52482fa", class: "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: "78d64d48a72836043c53e485269402bf566a5d98", class: "w-full" }, e("ul", { key: "6eb824d03f4d0e2d3966963c899473e242b31dc6", class: "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
|
+
}
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
f as correct_use_of_colors
|
|
59
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { r as n, c as o, h as e, g as a } from "./index-Dg2DO7q4.mjs";
|
|
2
|
+
const r = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}", d = r, s = class {
|
|
3
|
+
constructor(t) {
|
|
4
|
+
n(this, t), this.accordionChange = o(this, "accordionChange", 7), this.handleClick = () => {
|
|
5
|
+
this.isExpanded = !this.isExpanded, this.accordionChange.emit(this.isExpanded), this.setPanelHeight();
|
|
6
|
+
}, this.setPanelHeight = () => {
|
|
7
|
+
this.childContentRef && (this.shortContent = this.wrapperRef.scrollWidth > 830 && !this.description ? this.childContentRef.scrollHeight <= 80 : this.childContentRef.scrollHeight <= 20, this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0);
|
|
8
|
+
}, this.title = void 0, this.description = void 0, this.switchBg = !0, this.expanded = !1, this.clampText = !0, this.minHeightContent = !1, this.isExpanded = this.expanded, this.panelHeight = 0, this.shortContent = !1;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Lifecycle method that sets up the initial panel height and adds a resize event listener
|
|
12
|
+
* to recalculate height on window resize.
|
|
13
|
+
*/
|
|
14
|
+
componentDidLoad() {
|
|
15
|
+
this.setPanelHeight();
|
|
16
|
+
const t = this.el.shadowRoot.querySelector("eds-button");
|
|
17
|
+
this.emitContext(t), window.addEventListener("resize", this.setPanelHeight);
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Emits a custom event called `parentContext` for a given link element.
|
|
21
|
+
* This event provides context information about the breadcrumb component.
|
|
22
|
+
*
|
|
23
|
+
* @param linkElement - The link element to which the event will be dispatched.
|
|
24
|
+
*/
|
|
25
|
+
emitContext(t) {
|
|
26
|
+
const i = new CustomEvent("parentContext", {
|
|
27
|
+
detail: {
|
|
28
|
+
componentName: this.el.tagName.toLowerCase(),
|
|
29
|
+
identifier: null
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
t.dispatchEvent(i);
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Lifecycle method that cleans up the resize event listener when the component is removed.
|
|
36
|
+
*/
|
|
37
|
+
disconnectedCallback() {
|
|
38
|
+
window.removeEventListener("resize", this.setPanelHeight);
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Renders the accordion structure, including header, content, description, and any slotted content.
|
|
42
|
+
* Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
|
|
43
|
+
*/
|
|
44
|
+
render() {
|
|
45
|
+
const t = this.minHeightContent ? "min-h-56" : "";
|
|
46
|
+
return e("div", { key: "1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f", ref: (i) => this.wrapperRef = i, class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16
|
|
47
|
+
${this.switchBg && this.isExpanded ? "bg-inverse" : "bg-default"}
|
|
48
|
+
${this.switchBg ? "hover:bg-inverse" : ""}
|
|
49
|
+
${t}` }, e("h3", { key: "4490bdc1a18b99850e8db8ae1c38fcb37912ec0d", class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), e("div", { key: "82df433a9cc6805a735300fd1bb52f41c639c992", class: "ml-auto" }, e("eds-button", { key: "9965d5eecfa02fbea08c23c44d325417767f6495", id: "accordionId", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-controls": "accordionId", class: "effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none", onClick: this.handleClick, icon: "chevron-down" })), e("div", { key: "7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce", class: "w-full" }, this.description ? e("span", { class: `text-light ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description) : null, e("section", { key: "cb122dd5433d7012cba6f3769f79e92a155c45d7", id: "sectionId", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? "overflow-hidden" : ""}`, style: { height: this.isExpanded ? "auto" : "0" } }, e("div", { key: "0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f", ref: (i) => this.childContentRef = i, class: "accordion-content effect-color pt-20", "aria-hidden": !this.isExpanded }, e("span", { key: "d119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "b2a6917ec65bc808389a2d1c77cd1183f00cbaa1" }))))));
|
|
50
|
+
}
|
|
51
|
+
get el() {
|
|
52
|
+
return a(this);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
s.style = d;
|
|
56
|
+
export {
|
|
57
|
+
s as eds_accordion
|
|
58
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),o="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}",r=o,n=class{constructor(t){e.registerInstance(this,t),this.accordionChange=e.createEvent(this,"accordionChange",7),this.handleClick=()=>{this.isExpanded=!this.isExpanded,this.accordionChange.emit(this.isExpanded),this.setPanelHeight()},this.setPanelHeight=()=>{this.childContentRef&&(this.shortContent=this.wrapperRef.scrollWidth>830&&!this.description?this.childContentRef.scrollHeight<=80:this.childContentRef.scrollHeight<=20,this.panelHeight=this.isExpanded&&!this.shortContent?this.childContentRef.scrollHeight:0)},this.title=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.minHeightContent=!1,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1}componentDidLoad(){this.setPanelHeight();const t=this.el.shadowRoot.querySelector("eds-button");this.emitContext(t),window.addEventListener("resize",this.setPanelHeight)}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(i)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){const t=this.minHeightContent?"min-h-56":"";return e.h("div",{key:"1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f",ref:i=>this.wrapperRef=i,class:`container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16
|
|
2
|
+
${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"}
|
|
3
|
+
${this.switchBg?"hover:bg-inverse":""}
|
|
4
|
+
${t}`},e.h("h3",{key:"4490bdc1a18b99850e8db8ae1c38fcb37912ec0d",class:"mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1"},this.title),e.h("div",{key:"82df433a9cc6805a735300fd1bb52f41c639c992",class:"ml-auto"},e.h("eds-button",{key:"9965d5eecfa02fbea08c23c44d325417767f6495",id:"accordionId",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-controls":"accordionId",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),e.h("div",{key:"7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce",class:"w-full"},this.description?e.h("span",{class:`text-light ${!this.isExpanded&&this.clampText?"line-clamp-1":""}`},this.description):null,e.h("section",{key:"cb122dd5433d7012cba6f3769f79e92a155c45d7",id:"sectionId","aria-hidden":!this.isExpanded,class:`z-1 effect-height relative h-0 w-full ${!this.isExpanded&&this.clampText?"overflow-hidden":""}`,style:{height:this.isExpanded?"auto":"0"}},e.h("div",{key:"0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f",ref:i=>this.childContentRef=i,class:"accordion-content effect-color pt-20","aria-hidden":!this.isExpanded},e.h("span",{key:"d119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"b2a6917ec65bc808389a2d1c77cd1183f00cbaa1"}))))))}get el(){return e.getElement(this)}};n.style=r;exports.eds_accordion=n;
|