@ebrains/vue 0.0.1-alpha.0 → 0.2.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-CfqMCd3g.mjs +300 -0
- package/color-primary-palette_6.entry-CoXWiKJ3.js +1 -0
- package/copy-03b72cb6-B_WCNQrG.mjs +6 -0
- package/copy-03b72cb6-CZAFAegx.js +3 -0
- package/correct-use-of-colors.entry-CfXsWbhB.js +1 -0
- package/correct-use-of-colors.entry-CotQESQa.mjs +59 -0
- package/eds-accordion.entry-BsT7Ved4.mjs +58 -0
- package/eds-accordion.entry-BvDNoDvv.js +4 -0
- package/eds-alert_28.entry-Ctl9tHqr.js +29465 -0
- package/eds-alert_28.entry-DbTB72ow.mjs +30921 -0
- package/eds-block-break.entry-B8gP4ig9.mjs +13 -0
- package/eds-block-break.entry-L9LG-PtO.js +1 -0
- package/eds-breadcrumb.entry-C6mAAYNs.js +1 -0
- package/eds-breadcrumb.entry-Dio_2hx4.mjs +114 -0
- package/eds-card-project.entry-CKYhNPPH.mjs +43 -0
- package/eds-card-project.entry-XK15egnP.js +1 -0
- package/eds-card-section.entry-B7jR75ty.js +1 -0
- package/eds-card-section.entry-x8CPk5NZ.mjs +33 -0
- package/eds-card-tags.entry-Bvn8dDXI.mjs +13 -0
- package/eds-card-tags.entry-CndclGXB.js +1 -0
- package/eds-card-tool.entry-DFuXjfhh.mjs +56 -0
- package/eds-card-tool.entry-DZqHML8u.js +1 -0
- package/eds-card-wrapper.entry-C_r0u0Fd.js +1 -0
- package/eds-card-wrapper.entry-DNnlCvMe.mjs +24 -0
- package/eds-code-block.entry-ClmjgThG.js +9 -0
- package/eds-code-block.entry-DwfHDe4j.mjs +1582 -0
- package/eds-components-section.entry-8sEheaoX.js +130 -0
- package/eds-components-section.entry-BSRNSdwF.mjs +244 -0
- package/eds-docs-palettes.entry-BlQEI2Bl.mjs +22 -0
- package/eds-docs-palettes.entry-Gi9kzOYC.js +1 -0
- package/eds-docs-tokens.entry-Bxzd9uSz.mjs +30 -0
- package/eds-docs-tokens.entry-G6O1zRxS.js +1 -0
- package/eds-footer.entry-9xXgg22T.mjs +29 -0
- package/eds-footer.entry-DqnRHQ32.js +1 -0
- package/eds-frame.entry-Bz-23eT7.js +1 -0
- package/eds-frame.entry-YVbNIAAz.mjs +74 -0
- package/eds-fullscreen-menu.entry-4kxB1p-j.mjs +74 -0
- package/eds-fullscreen-menu.entry-DwOubHgX.js +1 -0
- package/eds-icon-arrow-diagonal.entry-C06V6TIW.js +1 -0
- package/eds-icon-arrow-diagonal.entry-Ky6NoFbS.mjs +13 -0
- package/eds-icon-arrow-right.entry-BPHnm7pX.mjs +13 -0
- package/eds-icon-arrow-right.entry-Dv17zi29.js +1 -0
- package/eds-icon-bluesky.entry-7_AzEVLl.mjs +13 -0
- package/eds-icon-bluesky.entry-DQshm0EA.js +1 -0
- package/eds-icon-chevron-down.entry-BlnVbI1I.js +1 -0
- package/eds-icon-chevron-down.entry-DkcBkTRK.mjs +13 -0
- package/eds-icon-chevron-left.entry-BTxaVVnF.js +1 -0
- package/eds-icon-chevron-left.entry-BwhZiPKE.mjs +13 -0
- package/eds-icon-chevron-right.entry-BPKLFXW0.mjs +13 -0
- package/eds-icon-chevron-right.entry-c4irNhqS.js +1 -0
- package/eds-icon-chevron-up.entry-CFiZyc6u.js +1 -0
- package/eds-icon-chevron-up.entry-oja5yYhS.mjs +13 -0
- package/eds-icon-close.entry-5BdzrFmk.mjs +13 -0
- package/eds-icon-close.entry-DQD_dDo5.js +1 -0
- package/eds-icon-copy.entry-CQ237xrq.js +1 -0
- package/eds-icon-copy.entry-jpUaAQ7k.mjs +13 -0
- package/eds-icon-eu.entry-CjCnJWwP.js +1 -0
- package/eds-icon-eu.entry-gJ234Xni.mjs +13 -0
- package/eds-icon-facebook.entry-BHUSe9LK.js +1 -0
- package/eds-icon-facebook.entry-Ch94iA-s.mjs +13 -0
- package/eds-icon-gitlab.entry-B06LmNCU.mjs +13 -0
- package/eds-icon-gitlab.entry-j6RBYOBc.js +1 -0
- package/eds-icon-linkedin.entry-CMW1rKpG.mjs +13 -0
- package/eds-icon-linkedin.entry-DouHzclR.js +1 -0
- package/eds-icon-loader.entry-BlGbpEzt.js +1 -0
- package/eds-icon-loader.entry-Cx_ffiBq.mjs +13 -0
- package/eds-icon-mastodon.entry-C4ITVPfN.mjs +13 -0
- package/eds-icon-mastodon.entry-Cpl3lSng.js +1 -0
- package/eds-icon-menu.entry-BcPeEfV2.js +1 -0
- package/eds-icon-menu.entry-DvQARmJU.mjs +13 -0
- package/eds-icon-more.entry-BoAVOpyT.mjs +13 -0
- package/eds-icon-more.entry-m61loZHO.js +1 -0
- package/eds-icon-search.entry-BJMtVlnR.js +1 -0
- package/eds-icon-search.entry-D-nQvhug.mjs +13 -0
- package/eds-icon-success.entry-D8S7QlRm.mjs +13 -0
- package/eds-icon-success.entry-DvIchNgX.js +1 -0
- package/eds-icon-twitter.entry-CD1nT3iI.js +1 -0
- package/eds-icon-twitter.entry-DD48tnaV.mjs +13 -0
- package/eds-icon-user.entry-DDRH46_Z.js +1 -0
- package/eds-icon-user.entry-DSPBBAZa.mjs +13 -0
- package/eds-icon-youtube.entry-BRyOsCV-.mjs +13 -0
- package/eds-icon-youtube.entry-CfpQHgDF.js +1 -0
- package/eds-login.entry-CY0ZugpF.js +1 -0
- package/eds-login.entry-bC6f6bvF.mjs +46 -0
- package/eds-matomo-notice.entry-DGHq-ICP.mjs +91 -0
- package/eds-matomo-notice.entry-DanLI8VZ.js +1 -0
- package/eds-modal.entry-Bikh63fB.mjs +65 -0
- package/eds-modal.entry-TMxTmjgT.js +1 -0
- package/eds-navigator.entry-CUAf3hTM.js +1 -0
- package/eds-navigator.entry-D-fIKqub.mjs +33 -0
- package/eds-pagination.entry-C8g4pxcm.js +1 -0
- package/eds-pagination.entry-D6iJH84k.mjs +128 -0
- package/eds-rating.entry-B2lhi19L.mjs +40 -0
- package/eds-rating.entry-BdE-bKae.js +1 -0
- package/eds-section-core_2.entry-BRNJshCh.js +1 -0
- package/eds-section-core_2.entry-CqFyAWoq.mjs +39 -0
- package/eds-social-networks.entry-6VfWBLuR.js +1 -0
- package/eds-social-networks.entry-BgiRVGXx.mjs +50 -0
- package/eds-svg-repository.entry-BdZya_DA.js +192 -0
- package/eds-svg-repository.entry-qaL9fhLI.mjs +287 -0
- package/eds-tab.entry-BqqMdTQv.mjs +31 -0
- package/eds-tab.entry-C6q7naM_.js +1 -0
- package/eds-table.entry-BojRZdP2.mjs +112 -0
- package/eds-table.entry-ShWS4LWJ.js +1 -0
- package/eds-tabs-content.entry-D9b289Td.mjs +106 -0
- package/eds-tabs-content.entry-H__1SNbo.js +1 -0
- package/eds-tabs.entry-DGHlnSwh.js +1 -0
- package/eds-tabs.entry-KsWwc6xS.mjs +95 -0
- package/eds-tooltip.entry-BI1EvTiw.js +1 -0
- package/eds-tooltip.entry-ByxJjA_6.mjs +69 -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 +0 -1
- package/incorrect-use-of-colors.entry-C7xABbpE.js +1 -0
- package/incorrect-use-of-colors.entry-DNOV6p4p.mjs +42 -0
- package/index-39c58238-BwYCDOHZ.mjs +44 -0
- package/index-39c58238-SQ-JC-LH.js +1 -0
- package/index-BGGkUjck.js +21 -0
- package/index-DQrtrXyM.mjs +3529 -0
- package/index.js +1 -21
- package/index.mjs +38 -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-DpgwdyOK.js +1 -0
- package/logo-space.entry-OauRHmO8.mjs +14 -0
- package/logo-variations-horizontal.entry-BG8fM5Bs.js +4 -0
- package/logo-variations-horizontal.entry-BicKkgRN.mjs +16 -0
- package/logo-variations-vertical.entry-CXVFf9-0.mjs +16 -0
- package/logo-variations-vertical.entry-DJ-IpAyZ.js +4 -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-7MfyIkPp.js +1 -0
- package/logo-wrong-usage.entry-CH7JMqbI.mjs +14 -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 -3
- 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-CVZDegic.js +1 -0
- package/token-list_3.entry-Ca9muGhp.mjs +247 -0
- package/token-ratios.entry-D3JWYlHy.mjs +25 -0
- package/token-ratios.entry-DGMJ2vJj.js +1 -0
- package/token-spacing.entry-CdrdqAOb.js +1 -0
- package/token-spacing.entry-CjITQ8pH.mjs +12 -0
- package/token-typography.entry-C8CdhyIM.js +2 -0
- package/token-typography.entry-DwUOTznz.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-DQrtrXyM.mjs";
|
|
2
|
+
const s = 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: "20dce1081c2a9213d9df3bb19f14445881892809", 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: "1eb0e9d0b681be4049209e60ab72bfd36cb09731", 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: "c3dfdc3ab9ac3dcfbe1b82c7725d548d9f10a7ad", 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: "f943b364e509b687251bc9f75a6de5292f31533e", 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: "bdc18e3d665665553343829c723199b442e19d45" }, e("ul", { key: "d8eaca9e80b609d02bc8110f18df5e160df31a82", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "c5aebad3d86550c6cf1a838df3e8c9ec9747cb66", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "23b9e4b23e828626a764ef259015b9d257bc0c0a", class: "effect-height flex items-center justify-between p-16", style: {
|
|
227
|
+
background: this.colors[0].background
|
|
228
|
+
} }, e("div", { key: "a91c4fa791b2047cc5269c7904a128850e4d0fb1", class: "grid" }, e("span", { key: "cf468a9a5668b8985bfb017c388700aa15004c14", class: "f-body-02" }, this.colors[0].rgb), e("span", { key: "562785dd94ded6d876aa99255996dcdb29ab1697", class: "f-body-02 w-full" }, this.colors[0].cmyk), e("eds-code-block", { key: "1864b7d5a62e7936b23c6db3aaf2265e1b7e9d05", code: this.colors[0].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "21c102281f3d0190931f4c51ceec86bb6d47f329", class: "grid" }, e("span", { key: "f6f6afb11df2a294083285ddd4f571e36693490c", class: "f-body-02" }, this.colors[0].pantoneC), e("span", { key: "0e14a45108fe727bb8be3035138eb5b814417062", class: "f-body-02" }, this.colors[0].pantoneU))), e("div", { key: "2d4142003fce425659f61711f1d6f1c99883753e", class: "effect-height flex items-center justify-between p-16", style: {
|
|
229
|
+
background: this.colors[1].background
|
|
230
|
+
} }, e("div", { key: "4d2d09712751c9c9a6d65b5fa17b940c2052ab22", class: "grid" }, e("span", { key: "d114fd9cb9b365c5c671e5949437d666b82ad565", class: "f-body-02" }, this.colors[1].rgb), e("span", { key: "185b7450294ffe29066af38007e0c49ef63e076f", class: "f-body-02 w-full" }, this.colors[1].cmyk), e("eds-code-block", { key: "351efdce5d3fac3feaf0bf2f7893dc27c2d75342", code: this.colors[1].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "3bf2699a9868e389f992ff48d4c39d488a4abbfc", class: "grid" }, e("span", { key: "a681050804433e72304d96ec086fafb8cbc51173", class: "f-body-02" }, this.colors[1].pantoneC), e("span", { key: "95c9809b141e92a409a5a627ceb768520c9c4ece", class: "f-body-02" }, this.colors[1].pantoneU))))), e("eds-block-break", { key: "66ef5f885a5c19fafa1b0fff70d1b9030a7134b0" }), e("ul", { key: "64c01dd159b84674852efb2fe3745408bae602d8", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "3f26394aa89b38a2da75745a2e10cd667b384794", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "02175a5dee1685aa806f7f11f38b1fc10bc3e39f", class: "effect-height flex items-center justify-between p-16", style: {
|
|
231
|
+
background: this.colors[2].background
|
|
232
|
+
} }, e("div", { key: "f32d9cfe7b4f685cd763c782978f74e5e9a89163", class: "grid" }, e("span", { key: "553c770c44856f9cd9c1889469d23cda5f287cc0", class: "f-body-02" }, this.colors[2].rgb), e("span", { key: "bbf13e0c6a19b0e916fff6c9d327a647e7a6fbf8", class: "f-body-02 w-full" }, this.colors[2].cmyk), e("eds-code-block", { key: "b06f51bea3fc1e9163cc05db89394eba7043f6c7", code: this.colors[2].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "3aa123886f1a945552885d37698229f5cd0a2966", class: "grid" }, e("span", { key: "3016782b49158e04f6d45ad64cee65b39e878fa4", class: "f-body-02" }, this.colors[2].pantoneC), e("span", { key: "21d1948bdaa6bfbb6089657f74ee8fa0ecbebace", class: "f-body-02" }, this.colors[2].pantoneU))), e("div", { key: "f47d2389491869cd32b738a3b90018115afbcb54", class: "effect-height flex items-center justify-between p-16", style: {
|
|
233
|
+
background: this.colors[3].background
|
|
234
|
+
} }, e("div", { key: "f1f01d85a7c3be1ad5ed8b853f79eedf6330e82e", class: "grid" }, e("span", { key: "f649a7e8e05bb5831c23a7411843cd98ed2ed96f", class: "f-body-02" }, this.colors[3].rgb), e("span", { key: "455e57d9ca09d6e77bdc0991712e808bdca0e6e5", class: "f-body-02 w-full" }, this.colors[3].cmyk), e("eds-code-block", { key: "7fb2003ba7dd3d1f24aebdd90c87bd805ad0cd3a", code: this.colors[3].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "e0d3fedab453a4bec2d84aaf62b4a80c82a2db86", class: "grid" }, e("span", { key: "5286c2010275bc886814b513cf4d84e7094621fd", class: "f-body-02" }, this.colors[3].pantoneC), e("span", { key: "3593537296fa34b31d417242664384f7a8d87583", class: "f-body-02" }, this.colors[3].pantoneU))))), e("eds-block-break", { key: "5cfec71639c53573ba390860973e8a2ba1fd5c44" }), e("ul", { key: "117e15fcee91fc3f01af739bd73bfd34cdf56e7a", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "301626130c8f9737f05a3d4b070ff1fd6adf177f", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "c58c6cef85dbf3fb3fddd6bfceb0bf1d39590f5c", class: "effect-height flex items-center justify-between p-16", style: {
|
|
235
|
+
background: this.colors[4].background
|
|
236
|
+
} }, e("div", { key: "f5a2a3cbfa9c62bf0073a176474b41a6fcf684a1", class: "grid" }, e("span", { key: "b4af0df345df2de8031bf404ebae2f048fd9c5c9", class: "f-body-02" }, this.colors[4].rgb), e("span", { key: "79e7576ed0036fb4339b12e8c4b3fe327685879d", class: "f-body-02 w-full" }, this.colors[4].cmyk), e("eds-code-block", { key: "b409249f4fb37f56251bb1305f4062d89bdf6b0e", code: this.colors[4].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "84fe567c909d8c1f4923b9be35b7548a95a11eea", class: "grid" }, e("span", { key: "6bf3c87341ab929749913400f1a2f9773bb03a97", class: "f-body-02" }, this.colors[4].pantoneC), e("span", { key: "237e9a04a4c7dc25ed19d021dc292053034e8113", class: "f-body-02" }, this.colors[4].pantoneU))), e("div", { key: "d2c85d6e08bdb41850d4a93b7a6e18b683583d8f", class: "effect-height flex items-center justify-between p-16", style: {
|
|
237
|
+
background: this.colors[5].background
|
|
238
|
+
} }, e("div", { key: "832782a24170ba86015d59bbc7e59654fe8e6537", class: "grid" }, e("span", { key: "9b45e512e6068874f829260378f2e2545d098e05", class: "f-body-02" }, this.colors[5].rgb), e("span", { key: "31c2ef651c4fd295921910828388d6aaeba21c9e", class: "f-body-02 w-full" }, this.colors[5].cmyk), e("eds-code-block", { key: "3d238f2e4d97604c411f5ad38787cf2d6fc9771a", code: this.colors[5].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "b96d4416fc2fb060ccc197020ae8ee8a2fc05aa5", class: "grid" }, e("span", { key: "83b4399412447ab4c3ab43a75d6b82c069b37b76", class: "f-body-02" }, this.colors[5].pantoneC), e("span", { key: "4af3fd1f49acae167a909e1ceb21203bdff66690", 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: "c7a9e89b9da867c127705056cdb10a6985bcfa43", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "47cd16f026680ac4885a87fda5a7334b51412236", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "4a400afaa3dada2350a4f0c22f68e31c68f8fbb5", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, e("div", { key: "b42a6ea902b8ceb2b59625dd505e8a9dd76eaef5", class: "grid" }, e("span", { key: "50d914814be2695d1479e4503e6ba29494769333", class: "f-body-02" }, this.colors[0].rgb), e("span", { key: "c9c2900f6e5a03cce2d692270efeb6196f5247d9", class: "f-body-02 w-full" }, this.colors[0].cmyk), e("eds-code-block", { key: "bc07b6e90d9b426ef20bf0b61dfd1cf9ffeb9c28", code: this.colors[0].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "29a0057038daa5a5eceb64607658c7016fd55dce", class: "grid" }, e("span", { key: "a94716477804b07614ffdc0fe543e8828ad39c24", class: "f-body-02" }, this.colors[0].pantoneC || "N/A"), e("span", { key: "83be94becd5d45b4547e204d89725b3b6ac2cf9f", class: "f-body-02" }, this.colors[0].pantoneU || "N/A")))), e("li", { key: "0ea4a2a1e82af5d75003a518d39cf256707e7bc9", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "fbf46dbacd066c848b32c0cc5450a27f27ac9fff", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, e("div", { key: "1ee3cf46b024449c1ef3b574d444a7c46c681329", class: "grid" }, e("span", { key: "9f330c8d91f92cdf265b533a6452b0bcbb750b59", class: "f-body-02" }, this.colors[1].rgb), e("span", { key: "8233d8e3edd2e56cf0c21ef41ad3fbc9304081d6", class: "f-body-02 w-full" }, this.colors[1].cmyk), e("eds-code-block", { key: "b5fe02b9ebba2007e79bea4dc626529dfb079387", code: this.colors[1].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "9cc0560cd2b01ba2dd28cbcdd6498112824840ee", class: "grid" }, e("span", { key: "239157d8d24f5ad8384479c2cb01c98b175d1ba9", class: "f-body-02" }, this.colors[1].pantoneC || "N/A"), e("span", { key: "3bf35bb7d4d6b40469dcf7fad11e91280f509dcd", class: "f-body-02" }, this.colors[1].pantoneU || "N/A")))), e("li", { key: "ce422b2cd0e6aa04b479fc65051a84a6df6b7885", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "be5b32ca29a572fe6259f1ce38cb619ff891dd10", class: "effect-height flex items-center justify-between p-16", style: {
|
|
287
|
+
background: this.colors[2].background
|
|
288
|
+
} }, e("div", { key: "316e83dc0cb32df5dc95bc926f628a17c83ee7ff", class: "grid" }, e("span", { key: "137f7cd7f0bbac24cfc12cf7c9bc0f3cf79f697d", class: "f-body-02" }, this.colors[2].rgb), e("span", { key: "22b0307ccd12d25b42b8253b78a1b82a52bd5ebc", class: "f-body-02 w-full" }, this.colors[2].cmyk), e("eds-code-block", { key: "1e27dd1221baeead37dda20d2869f446b1098655", code: this.colors[2].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "6d2a34842470d26a49e56f1ac87991de251d437c", class: "grid" }, e("span", { key: "7e2213e4f1f51e26779bb20ad5f5ad228c71be95", class: "f-body-02" }, this.colors[2].pantoneC), e("span", { key: "59424be94d66cb7fc4cc25f4b470179f145d31cf", class: "f-body-02" }, this.colors[2].pantoneU))), e("div", { key: "3abe2e221fb94bfe2d3a1808496a195753e50b92", class: "effect-height flex items-center justify-between p-16", style: {
|
|
289
|
+
background: this.colors[3].background
|
|
290
|
+
} }, e("div", { key: "24502f470ddb1881655b6c19216f0702b3728d26", class: "grid" }, e("span", { key: "b0a86c800dafa141d5d665d1cfcf4dde204f9594", class: "f-body-02" }, this.colors[3].rgb), e("span", { key: "20309cdbfff6bb0953025e82c06343f83fd6f878", class: "f-body-02 w-full" }, this.colors[3].cmyk), e("eds-code-block", { key: "d83e2351a1f717716d339638b10bdc96d1acaeda", code: this.colors[3].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "0fda1734b7ab96453af9316695c66bb03917d1f6", class: "grid" }, e("span", { key: "692a1cecedf32db4783840ba0d6c5b9d7db3ee50", class: "f-body-02" }, this.colors[3].pantoneC), e("span", { key: "be23c5a7bd828f00d123cf20febea767cbe0f9b3", class: "f-body-02" }, this.colors[3].pantoneU)))), e("li", { key: "d584c32630f9b58355cf3b772ebdf8cdaac2d060", class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { key: "78f22604defd15a5d43e2eaa79e254b7415976b7", class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, e("div", { key: "d216e68addbd780486b699672033c27ff68a8034", class: "grid" }, e("span", { key: "1c26437a530d3b09c5a3e92cf14d243aa86c0956", class: "f-body-02" }, this.colors[4].rgb), e("span", { key: "e9ee2088dfad82523f799663e1b9a1aeaac2529b", class: "f-body-02 w-full" }, this.colors[4].cmyk), e("eds-code-block", { key: "f8ef23e2a5027609ddf4be44c7c3b1096586bd04", code: this.colors[4].hex, style: { minWidth: "150px", marginRight: "5px" } })), e("div", { key: "7f36d8b56cb6475c4a852d6aa7d242e1a241ca10", class: "grid" }, e("span", { key: "abe78109be71d80d68347ded8794d0bed31f66a0", class: "f-body-02" }, this.colors[4].pantoneC || "N/A"), e("span", { key: "d2e2343639db85544e1819b59460d0ef2b1c1317", class: "f-body-02" }, this.colors[4].pantoneU || "N/A")))));
|
|
291
|
+
}
|
|
292
|
+
};
|
|
293
|
+
export {
|
|
294
|
+
s 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-BGGkUjck.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:"20dce1081c2a9213d9df3bb19f14445881892809",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:"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:"1eb0e9d0b681be4049209e60ab72bfd36cb09731",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:"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:"c3dfdc3ab9ac3dcfbe1b82c7725d548d9f10a7ad",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:"f943b364e509b687251bc9f75a6de5292f31533e",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:"bdc18e3d665665553343829c723199b442e19d45"},e.h("ul",{key:"d8eaca9e80b609d02bc8110f18df5e160df31a82",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"c5aebad3d86550c6cf1a838df3e8c9ec9747cb66",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"23b9e4b23e828626a764ef259015b9d257bc0c0a",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},e.h("div",{key:"a91c4fa791b2047cc5269c7904a128850e4d0fb1",class:"grid"},e.h("span",{key:"cf468a9a5668b8985bfb017c388700aa15004c14",class:"f-body-02"},this.colors[0].rgb),e.h("span",{key:"562785dd94ded6d876aa99255996dcdb29ab1697",class:"f-body-02 w-full"},this.colors[0].cmyk),e.h("eds-code-block",{key:"1864b7d5a62e7936b23c6db3aaf2265e1b7e9d05",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"21c102281f3d0190931f4c51ceec86bb6d47f329",class:"grid"},e.h("span",{key:"f6f6afb11df2a294083285ddd4f571e36693490c",class:"f-body-02"},this.colors[0].pantoneC),e.h("span",{key:"0e14a45108fe727bb8be3035138eb5b814417062",class:"f-body-02"},this.colors[0].pantoneU))),e.h("div",{key:"2d4142003fce425659f61711f1d6f1c99883753e",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},e.h("div",{key:"4d2d09712751c9c9a6d65b5fa17b940c2052ab22",class:"grid"},e.h("span",{key:"d114fd9cb9b365c5c671e5949437d666b82ad565",class:"f-body-02"},this.colors[1].rgb),e.h("span",{key:"185b7450294ffe29066af38007e0c49ef63e076f",class:"f-body-02 w-full"},this.colors[1].cmyk),e.h("eds-code-block",{key:"351efdce5d3fac3feaf0bf2f7893dc27c2d75342",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"3bf2699a9868e389f992ff48d4c39d488a4abbfc",class:"grid"},e.h("span",{key:"a681050804433e72304d96ec086fafb8cbc51173",class:"f-body-02"},this.colors[1].pantoneC),e.h("span",{key:"95c9809b141e92a409a5a627ceb768520c9c4ece",class:"f-body-02"},this.colors[1].pantoneU))))),e.h("eds-block-break",{key:"66ef5f885a5c19fafa1b0fff70d1b9030a7134b0"}),e.h("ul",{key:"64c01dd159b84674852efb2fe3745408bae602d8",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"3f26394aa89b38a2da75745a2e10cd667b384794",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"02175a5dee1685aa806f7f11f38b1fc10bc3e39f",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},e.h("div",{key:"f32d9cfe7b4f685cd763c782978f74e5e9a89163",class:"grid"},e.h("span",{key:"553c770c44856f9cd9c1889469d23cda5f287cc0",class:"f-body-02"},this.colors[2].rgb),e.h("span",{key:"bbf13e0c6a19b0e916fff6c9d327a647e7a6fbf8",class:"f-body-02 w-full"},this.colors[2].cmyk),e.h("eds-code-block",{key:"b06f51bea3fc1e9163cc05db89394eba7043f6c7",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"3aa123886f1a945552885d37698229f5cd0a2966",class:"grid"},e.h("span",{key:"3016782b49158e04f6d45ad64cee65b39e878fa4",class:"f-body-02"},this.colors[2].pantoneC),e.h("span",{key:"21d1948bdaa6bfbb6089657f74ee8fa0ecbebace",class:"f-body-02"},this.colors[2].pantoneU))),e.h("div",{key:"f47d2389491869cd32b738a3b90018115afbcb54",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},e.h("div",{key:"f1f01d85a7c3be1ad5ed8b853f79eedf6330e82e",class:"grid"},e.h("span",{key:"f649a7e8e05bb5831c23a7411843cd98ed2ed96f",class:"f-body-02"},this.colors[3].rgb),e.h("span",{key:"455e57d9ca09d6e77bdc0991712e808bdca0e6e5",class:"f-body-02 w-full"},this.colors[3].cmyk),e.h("eds-code-block",{key:"7fb2003ba7dd3d1f24aebdd90c87bd805ad0cd3a",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"e0d3fedab453a4bec2d84aaf62b4a80c82a2db86",class:"grid"},e.h("span",{key:"5286c2010275bc886814b513cf4d84e7094621fd",class:"f-body-02"},this.colors[3].pantoneC),e.h("span",{key:"3593537296fa34b31d417242664384f7a8d87583",class:"f-body-02"},this.colors[3].pantoneU))))),e.h("eds-block-break",{key:"5cfec71639c53573ba390860973e8a2ba1fd5c44"}),e.h("ul",{key:"117e15fcee91fc3f01af739bd73bfd34cdf56e7a",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"301626130c8f9737f05a3d4b070ff1fd6adf177f",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"c58c6cef85dbf3fb3fddd6bfceb0bf1d39590f5c",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},e.h("div",{key:"f5a2a3cbfa9c62bf0073a176474b41a6fcf684a1",class:"grid"},e.h("span",{key:"b4af0df345df2de8031bf404ebae2f048fd9c5c9",class:"f-body-02"},this.colors[4].rgb),e.h("span",{key:"79e7576ed0036fb4339b12e8c4b3fe327685879d",class:"f-body-02 w-full"},this.colors[4].cmyk),e.h("eds-code-block",{key:"b409249f4fb37f56251bb1305f4062d89bdf6b0e",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"84fe567c909d8c1f4923b9be35b7548a95a11eea",class:"grid"},e.h("span",{key:"6bf3c87341ab929749913400f1a2f9773bb03a97",class:"f-body-02"},this.colors[4].pantoneC),e.h("span",{key:"237e9a04a4c7dc25ed19d021dc292053034e8113",class:"f-body-02"},this.colors[4].pantoneU))),e.h("div",{key:"d2c85d6e08bdb41850d4a93b7a6e18b683583d8f",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},e.h("div",{key:"832782a24170ba86015d59bbc7e59654fe8e6537",class:"grid"},e.h("span",{key:"9b45e512e6068874f829260378f2e2545d098e05",class:"f-body-02"},this.colors[5].rgb),e.h("span",{key:"31c2ef651c4fd295921910828388d6aaeba21c9e",class:"f-body-02 w-full"},this.colors[5].cmyk),e.h("eds-code-block",{key:"3d238f2e4d97604c411f5ad38787cf2d6fc9771a",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"b96d4416fc2fb060ccc197020ae8ee8a2fc05aa5",class:"grid"},e.h("span",{key:"83b4399412447ab4c3ab43a75d6b82c069b37b76",class:"f-body-02"},this.colors[5].pantoneC),e.h("span",{key:"4af3fd1f49acae167a909e1ceb21203bdff66690",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:"c7a9e89b9da867c127705056cdb10a6985bcfa43",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"47cd16f026680ac4885a87fda5a7334b51412236",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"4a400afaa3dada2350a4f0c22f68e31c68f8fbb5",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},e.h("div",{key:"b42a6ea902b8ceb2b59625dd505e8a9dd76eaef5",class:"grid"},e.h("span",{key:"50d914814be2695d1479e4503e6ba29494769333",class:"f-body-02"},this.colors[0].rgb),e.h("span",{key:"c9c2900f6e5a03cce2d692270efeb6196f5247d9",class:"f-body-02 w-full"},this.colors[0].cmyk),e.h("eds-code-block",{key:"bc07b6e90d9b426ef20bf0b61dfd1cf9ffeb9c28",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"29a0057038daa5a5eceb64607658c7016fd55dce",class:"grid"},e.h("span",{key:"a94716477804b07614ffdc0fe543e8828ad39c24",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),e.h("span",{key:"83be94becd5d45b4547e204d89725b3b6ac2cf9f",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),e.h("li",{key:"0ea4a2a1e82af5d75003a518d39cf256707e7bc9",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"fbf46dbacd066c848b32c0cc5450a27f27ac9fff",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},e.h("div",{key:"1ee3cf46b024449c1ef3b574d444a7c46c681329",class:"grid"},e.h("span",{key:"9f330c8d91f92cdf265b533a6452b0bcbb750b59",class:"f-body-02"},this.colors[1].rgb),e.h("span",{key:"8233d8e3edd2e56cf0c21ef41ad3fbc9304081d6",class:"f-body-02 w-full"},this.colors[1].cmyk),e.h("eds-code-block",{key:"b5fe02b9ebba2007e79bea4dc626529dfb079387",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"9cc0560cd2b01ba2dd28cbcdd6498112824840ee",class:"grid"},e.h("span",{key:"239157d8d24f5ad8384479c2cb01c98b175d1ba9",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),e.h("span",{key:"3bf35bb7d4d6b40469dcf7fad11e91280f509dcd",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),e.h("li",{key:"ce422b2cd0e6aa04b479fc65051a84a6df6b7885",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"be5b32ca29a572fe6259f1ce38cb619ff891dd10",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},e.h("div",{key:"316e83dc0cb32df5dc95bc926f628a17c83ee7ff",class:"grid"},e.h("span",{key:"137f7cd7f0bbac24cfc12cf7c9bc0f3cf79f697d",class:"f-body-02"},this.colors[2].rgb),e.h("span",{key:"22b0307ccd12d25b42b8253b78a1b82a52bd5ebc",class:"f-body-02 w-full"},this.colors[2].cmyk),e.h("eds-code-block",{key:"1e27dd1221baeead37dda20d2869f446b1098655",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"6d2a34842470d26a49e56f1ac87991de251d437c",class:"grid"},e.h("span",{key:"7e2213e4f1f51e26779bb20ad5f5ad228c71be95",class:"f-body-02"},this.colors[2].pantoneC),e.h("span",{key:"59424be94d66cb7fc4cc25f4b470179f145d31cf",class:"f-body-02"},this.colors[2].pantoneU))),e.h("div",{key:"3abe2e221fb94bfe2d3a1808496a195753e50b92",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},e.h("div",{key:"24502f470ddb1881655b6c19216f0702b3728d26",class:"grid"},e.h("span",{key:"b0a86c800dafa141d5d665d1cfcf4dde204f9594",class:"f-body-02"},this.colors[3].rgb),e.h("span",{key:"20309cdbfff6bb0953025e82c06343f83fd6f878",class:"f-body-02 w-full"},this.colors[3].cmyk),e.h("eds-code-block",{key:"d83e2351a1f717716d339638b10bdc96d1acaeda",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"0fda1734b7ab96453af9316695c66bb03917d1f6",class:"grid"},e.h("span",{key:"692a1cecedf32db4783840ba0d6c5b9d7db3ee50",class:"f-body-02"},this.colors[3].pantoneC),e.h("span",{key:"be23c5a7bd828f00d123cf20febea767cbe0f9b3",class:"f-body-02"},this.colors[3].pantoneU)))),e.h("li",{key:"d584c32630f9b58355cf3b772ebdf8cdaac2d060",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{key:"78f22604defd15a5d43e2eaa79e254b7415976b7",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},e.h("div",{key:"d216e68addbd780486b699672033c27ff68a8034",class:"grid"},e.h("span",{key:"1c26437a530d3b09c5a3e92cf14d243aa86c0956",class:"f-body-02"},this.colors[4].rgb),e.h("span",{key:"e9ee2088dfad82523f799663e1b9a1aeaac2529b",class:"f-body-02 w-full"},this.colors[4].cmyk),e.h("eds-code-block",{key:"f8ef23e2a5027609ddf4be44c7c3b1096586bd04",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),e.h("div",{key:"7f36d8b56cb6475c4a852d6aa7d242e1a241ca10",class:"grid"},e.h("span",{key:"abe78109be71d80d68347ded8794d0bed31f66a0",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),e.h("span",{key:"d2e2343639db85544e1819b59460d0ef2b1c1317",class:"f-body-02"},this.colors[4].pantoneU||"N/A")))))}};exports.color_primary_palette=c;exports.color_secondary_palette=d;exports.color_support_palette=s;exports.gradient_primary_palette=o;exports.gradient_secondary_palette=b;exports.gradient_support_palette=n;
|
|
@@ -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-BGGkUjck.js"),c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],a=[{background:"#141414"},{background:"#383838"},{background:"#CCCCCC"},{background:"#E6E6E6"},{background:"#FFFFFF"}],s=[{background:"#3FA9F5"},{background:"#0644F4"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],t=[{background:"#FFA543"},{background:"#FF4D68"}],o=class{constructor(l){e.registerInstance(this,l)}render(){return e.h("div",{key:"c200227a9e2f169d0aa287867fbb8e37950ba1fc",class:"container"},e.h("p",{key:"8fb2fee0b58ee6ad9386bd7ab9b7defe77bf0ea8",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"779695d669a2dcea9dfa02ad98afbbbb40fd1c60",label:"primary",size:"small",intent:"ghost",icon:"arrow-right",url:"../color-palette/#primary-palette","extra-class":"inline-block"}),"and",e.h("eds-link",{key:"9adae0aedf1121fcae938fea0a190a4c6d919615",label:"support",size:"small",intent:"ghost",icon:"arrow-right",url:"../color-palette/#support-palette","extra-class":"inline-block"}),"color palettes."),e.h("div",{key:"ba6f9af827fc2d961d3bbe6e525f322a1cd1915a",class:"flex"},e.h("div",{key:"c7c0375674e317e44501061074498a4d61061815",class:"w-full"},e.h("ul",{key:"3b47359203802b385a3ebfb3112d358860bb3aef",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:"4762b034c77712345d8dccbad21d670e0e4b00b8",class:"w-full"},e.h("ul",{key:"4378c6902da37592f8a793e106a43ddee1ef93c4",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:"fbc81d54d8b403928b8ed06313b3c8cc43ed94ea",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"3cebed0ccba94099b7c7434009317ac5f2bd0b4c",label:"purple",size:"small",intent:"ghost",icon:"arrow-right",url:"../color-palette/#primary-palette","extra-class":"inline-block"}),"and",e.h("eds-link",{key:"022ecd8aee653634c17289be36406a57c50870e2",label:"support",size:"small",intent:"ghost",icon:"arrow-right",url:"../color-palette/#support-palette","extra-class":"inline-block"}),"color palettes."),e.h("div",{key:"199e32e4956d061d8900905ff5bb5f5de3e241aa",class:"flex"},e.h("div",{key:"ff328c18717b9e8e59a556f1158d20c1ee81e7d8",class:"w-full"},e.h("ul",{key:"e01f03ac9c1926e545cb7eed8bda7bbac85ec1df",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:"9c916943b14e9c30dc4c378cd1f17e01898c07ba",class:"w-full"},e.h("ul",{key:"f4ed3a0dbf49acf1f9377b88974a95aad039786e",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:"4639f1444d9623cba363eeb5c2d8d31c878df248",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"06f173575af08f66a54cbecda06d8c8571831e14",label:"blue",size:"small",intent:"ghost",icon:"arrow-right",url:"../color-palette/#primary-palette","extra-class":"inline-block"}),"and",e.h("eds-link",{key:"27190261ee2836060d3a82ff8b1e99cf2a3a4418",label:"support",size:"small",intent:"ghost",icon:"arrow-right",url:"../color-palette/#support-palette","extra-class":"inline-block"}),"color palettes."),e.h("div",{key:"56b46450301b6ff4971d3d0a8db82e4490926a7d",class:"flex"},e.h("div",{key:"149dfb6f4888042bc3bc0155e13f0546619d0407",class:"w-full"},e.h("ul",{key:"170c840e01c036180d14b4ad3ff05a91d0d2a294",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:"7bf3c17e287839feb7de1f9efb025468b6be01d5",class:"w-full"},e.h("ul",{key:"0933b22c83b1146fd3df7872168c46696612ee6f",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:"13d3cc503cec5ff8368bb067669fd40c39474ad9",class:"f-body-01"},"This guide demonstrates the correct usage of the",e.h("eds-link",{key:"3d56221761895007dca7959d41dc9c2de7d5bee9",label:"redish",size:"small",intent:"ghost",icon:"arrow-right",url:"../color-palette/#primary-palette","extra-class":"inline-block"}),"and",e.h("eds-link",{key:"816bfadc9f98d2f2ac59bc14df8d4160d89116b3",label:"support",size:"small",intent:"ghost",icon:"arrow-right",url:"../color-palette/#support-palette","extra-class":"inline-block"}),"color palettes."),e.h("div",{key:"b6eab4a5bb07fd34b59c0e9460ad4aab06e424f6",class:"flex"},e.h("div",{key:"d2779763b7a8ac3b9d718cb2c98dcfeb6b81e311",class:"w-full"},e.h("ul",{key:"269881df5e4209d3670ceae03c37182d5d17fe7f",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:"e014acde3e2676f4db049bd1df3f49fb68953470",class:"w-full"},e.h("ul",{key:"6881842a8f199741784d1a1382353ff271869ee0",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=o;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { r as c, h as e } from "./index-DQrtrXyM.mjs";
|
|
2
|
+
const s = [
|
|
3
|
+
{
|
|
4
|
+
background: "#9CE142"
|
|
5
|
+
},
|
|
6
|
+
{
|
|
7
|
+
background: "#00C959"
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
background: "#00A595"
|
|
11
|
+
}
|
|
12
|
+
], l = [
|
|
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(a) {
|
|
51
|
+
c(this, a);
|
|
52
|
+
}
|
|
53
|
+
render() {
|
|
54
|
+
return e("div", { key: "c200227a9e2f169d0aa287867fbb8e37950ba1fc", class: "container" }, e("p", { key: "8fb2fee0b58ee6ad9386bd7ab9b7defe77bf0ea8", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "779695d669a2dcea9dfa02ad98afbbbb40fd1c60", label: "primary", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", e("eds-link", { key: "9adae0aedf1121fcae938fea0a190a4c6d919615", label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), e("div", { key: "ba6f9af827fc2d961d3bbe6e525f322a1cd1915a", class: "flex" }, e("div", { key: "c7c0375674e317e44501061074498a4d61061815", class: "w-full" }, e("ul", { key: "3b47359203802b385a3ebfb3112d358860bb3aef", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, s.map((a) => 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: a.background } }))))), e("div", { key: "4762b034c77712345d8dccbad21d670e0e4b00b8", class: "w-full" }, e("ul", { key: "4378c6902da37592f8a793e106a43ddee1ef93c4", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, l.map((a) => 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: a.background } })))))), e("p", { key: "fbc81d54d8b403928b8ed06313b3c8cc43ed94ea", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "3cebed0ccba94099b7c7434009317ac5f2bd0b4c", label: "purple", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", e("eds-link", { key: "022ecd8aee653634c17289be36406a57c50870e2", label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), e("div", { key: "199e32e4956d061d8900905ff5bb5f5de3e241aa", class: "flex" }, e("div", { key: "ff328c18717b9e8e59a556f1158d20c1ee81e7d8", class: "w-full" }, e("ul", { key: "e01f03ac9c1926e545cb7eed8bda7bbac85ec1df", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, t.map((a) => 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: a.background } }))))), e("div", { key: "9c916943b14e9c30dc4c378cd1f17e01898c07ba", class: "w-full" }, e("ul", { key: "f4ed3a0dbf49acf1f9377b88974a95aad039786e", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, l.map((a) => 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: a.background } })))))), e("p", { key: "4639f1444d9623cba363eeb5c2d8d31c878df248", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "06f173575af08f66a54cbecda06d8c8571831e14", label: "blue", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", e("eds-link", { key: "27190261ee2836060d3a82ff8b1e99cf2a3a4418", label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), e("div", { key: "56b46450301b6ff4971d3d0a8db82e4490926a7d", class: "flex" }, e("div", { key: "149dfb6f4888042bc3bc0155e13f0546619d0407", class: "w-full" }, e("ul", { key: "170c840e01c036180d14b4ad3ff05a91d0d2a294", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((a) => 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: a.background } }))))), e("div", { key: "7bf3c17e287839feb7de1f9efb025468b6be01d5", class: "w-full" }, e("ul", { key: "0933b22c83b1146fd3df7872168c46696612ee6f", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, l.map((a) => 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: a.background } })))))), e("p", { key: "13d3cc503cec5ff8368bb067669fd40c39474ad9", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "3d56221761895007dca7959d41dc9c2de7d5bee9", label: "redish", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", e("eds-link", { key: "816bfadc9f98d2f2ac59bc14df8d4160d89116b3", label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), e("div", { key: "b6eab4a5bb07fd34b59c0e9460ad4aab06e424f6", class: "flex" }, e("div", { key: "d2779763b7a8ac3b9d718cb2c98dcfeb6b81e311", class: "w-full" }, e("ul", { key: "269881df5e4209d3670ceae03c37182d5d17fe7f", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, o.map((a) => 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: a.background } }))))), e("div", { key: "e014acde3e2676f4db049bd1df3f49fb68953470", class: "w-full" }, e("ul", { key: "6881842a8f199741784d1a1382353ff271869ee0", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, l.map((a) => 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: a.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-DQrtrXyM.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-BGGkUjck.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;
|