From 73c0cb9e764e5ccf1a9afa5ff17c0046fbb5f7ac Mon Sep 17 00:00:00 2001 From: phoebus-84 <83974413+phoebus-84@users.noreply.github.com> Date: Tue, 23 Jul 2024 12:14:12 +0200 Subject: [PATCH] fix: update credential card style (#124) * fix: update credential card style --------- Co-authored-by: Puria Nafisi Azizi --- src/components.d.ts | 19 ++++++- src/components/assets/card-bg2-dark.png | Bin 0 -> 1939 bytes src/components/assets/card-bg2.png | Bin 0 -> 2607 bytes src/components/assets/card-bg3-dark.png | Bin 0 -> 2950 bytes src/components/assets/card-bg3.png | Bin 0 -> 4079 bytes src/components/assets/card-bg4-dark.png | Bin 0 -> 3058 bytes src/components/assets/card-bg4.png | Bin 0 -> 4275 bytes src/components/assets/card-bg5-dark.png | Bin 0 -> 3071 bytes src/components/assets/card-bg5.png | Bin 0 -> 4249 bytes src/components/assets/card-bg6-dark.png | Bin 0 -> 4219 bytes src/components/assets/card-bg6.png | Bin 0 -> 5852 bytes src/components/assets/card-bg7-dark.png | Bin 0 -> 2034 bytes src/components/assets/card-bg7.png | Bin 0 -> 3084 bytes src/components/assets/card-bg8-dark.png | Bin 0 -> 1364 bytes src/components/assets/card-bg8.png | Bin 0 -> 2049 bytes src/components/badge/badge.stories.ts | 23 ++++++++ src/components/badge/d-badge.css | 3 ++ src/components/badge/d-badge.tsx | 20 +++++++ src/components/badge/readme.md | 10 ++++ src/components/badge/test/d-badge.e2e.ts | 11 ++++ src/components/badge/test/d-badge.spec.tsx | 22 ++++++++ .../credential-card.stories.ts | 8 ++- .../credential-card/d-credential-card.css | 35 ++++++------ .../credential-card/d-credential-card.tsx | 50 +++++++++++------- src/components/credential-card/readme.md | 21 ++++---- .../test/d-credential-card.spec.tsx | 42 ++++++++------- src/components/heading/readme.md | 2 - src/components/text/readme.md | 2 + src/global/global.css | 21 ++++++++ 29 files changed, 220 insertions(+), 69 deletions(-) create mode 100644 src/components/assets/card-bg2-dark.png create mode 100644 src/components/assets/card-bg2.png create mode 100644 src/components/assets/card-bg3-dark.png create mode 100644 src/components/assets/card-bg3.png create mode 100644 src/components/assets/card-bg4-dark.png create mode 100644 src/components/assets/card-bg4.png create mode 100644 src/components/assets/card-bg5-dark.png create mode 100644 src/components/assets/card-bg5.png create mode 100644 src/components/assets/card-bg6-dark.png create mode 100644 src/components/assets/card-bg6.png create mode 100644 src/components/assets/card-bg7-dark.png create mode 100644 src/components/assets/card-bg7.png create mode 100644 src/components/assets/card-bg8-dark.png create mode 100644 src/components/assets/card-bg8.png create mode 100644 src/components/badge/badge.stories.ts create mode 100644 src/components/badge/d-badge.css create mode 100644 src/components/badge/d-badge.tsx create mode 100644 src/components/badge/readme.md create mode 100644 src/components/badge/test/d-badge.e2e.ts create mode 100644 src/components/badge/test/d-badge.spec.tsx diff --git a/src/components.d.ts b/src/components.d.ts index 51dcfb2..56c9eb9 100644 --- a/src/components.d.ts +++ b/src/components.d.ts @@ -26,6 +26,8 @@ export namespace Components { "size"?: Size; "src"?: string; } + interface DBadge { + } interface DButton { "buttonType": string; "clear"?: boolean; @@ -40,8 +42,9 @@ export namespace Components { interface DButtonsGroup { } interface DCredentialCard { - "description"?: string; "expirationDate"?: string; + "expirationLabel": string; + "issuedByLabel": string; "issuer": string; "logoSrc"?: string; "name": string; @@ -182,6 +185,12 @@ declare global { prototype: HTMLDAvatarElement; new (): HTMLDAvatarElement; }; + interface HTMLDBadgeElement extends Components.DBadge, HTMLStencilElement { + } + var HTMLDBadgeElement: { + prototype: HTMLDBadgeElement; + new (): HTMLDBadgeElement; + }; interface HTMLDButtonElementEventMap { "dFocus": void; "dBlur": void; @@ -370,6 +379,7 @@ declare global { "d-activity-card": HTMLDActivityCardElement; "d-app-details": HTMLDAppDetailsElement; "d-avatar": HTMLDAvatarElement; + "d-badge": HTMLDBadgeElement; "d-button": HTMLDButtonElement; "d-buttons-group": HTMLDButtonsGroupElement; "d-credential-card": HTMLDCredentialCardElement; @@ -414,6 +424,8 @@ declare namespace LocalJSX { "size"?: Size; "src"?: string; } + interface DBadge { + } interface DButton { "buttonType"?: string; "clear"?: boolean; @@ -430,8 +442,9 @@ declare namespace LocalJSX { interface DButtonsGroup { } interface DCredentialCard { - "description"?: string; "expirationDate"?: string; + "expirationLabel"?: string; + "issuedByLabel"?: string; "issuer"?: string; "logoSrc"?: string; "name"?: string; @@ -544,6 +557,7 @@ declare namespace LocalJSX { "d-activity-card": DActivityCard; "d-app-details": DAppDetails; "d-avatar": DAvatar; + "d-badge": DBadge; "d-button": DButton; "d-buttons-group": DButtonsGroup; "d-credential-card": DCredentialCard; @@ -576,6 +590,7 @@ declare module "@stencil/core" { "d-activity-card": LocalJSX.DActivityCard & JSXBase.HTMLAttributes; "d-app-details": LocalJSX.DAppDetails & JSXBase.HTMLAttributes; "d-avatar": LocalJSX.DAvatar & JSXBase.HTMLAttributes; + "d-badge": LocalJSX.DBadge & JSXBase.HTMLAttributes; "d-button": LocalJSX.DButton & JSXBase.HTMLAttributes; "d-buttons-group": LocalJSX.DButtonsGroup & JSXBase.HTMLAttributes; "d-credential-card": LocalJSX.DCredentialCard & JSXBase.HTMLAttributes; diff --git a/src/components/assets/card-bg2-dark.png b/src/components/assets/card-bg2-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..94d7d07f34ba7d5445579b2ea511f0cf82701f12 GIT binary patch literal 1939 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 literal 0 HcmV?d00001 diff --git a/src/components/assets/card-bg4-dark.png b/src/components/assets/card-bg4-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..8c00556e0566a21d8dfb009acc16c00683df930a GIT binary patch literal 3058 zcmYk8dpy(oAIEJiZ8}q0ofHvj;>cx3l3ZqJOA9F>j!3JNWXDljg-Mjyc7ATdTsmW} zQRG&Zm4nWP%1Z9ZB`w!jM<(<8eAnagd;I>`_W6Fk-_QH=e!pJN&-=SOZZ1T$%2pL6 zB_;GhlB2tl5-bRe8<5K2`|--jGvEgmO7adH2M>MIp1RQ*OQO*A3uE>X|o(*HsCiEC4bb|K1O?dqkpAs zGEB5+Y3u9jd;OfiZFAxG4+d<#*cFR`$P4qza}KsMmol92jkzIF)xN`5qwH>l*DRqa z)`s~DAHH9Ef*M!THG2A}pZIn;*}i6*3qtB+j}FvCOAPWxUM$XBtk)aAd8Od3m;83? zZ1EU|_(ogfLD3oqn#w1;-a78MgYFPmJX|Do5Y>MFLRI;^fc9$R>+nwwemnbQpF!OL zkFH|9qN=G-qbNa)>MdzwZ~NaZnci~svkM3PRX!(*ELg&II{eO^39@8iFV6v}gIOVYoD!^FFn7#ogr)uW*i219J=jN(1sSHIPHTvdVg)>; zr0`eX-ZUJ{;+eAida4jnITb4NNa%6>^xU36)AA4^KyEcS`rb6VB4^UeLXZU~MdXY1 zCo|n+rQcIfiJ1NBfwYuUfwt=cX(PKZc^h?Z*a{IXN3i%U1X)7~*s0Gi1;xrqy0Rs; zMVf*V#KcN}ho&{eVX3+XC<(>mv9s9(J7=Z{yGdh0{RY`JLof$cB%s4Nh7)guh@r$- zsTT<8jum`HNy6Q*rVJeHczayER=K-oD_g5{XZ|~<41r~f)N7{>AKE+t@~kWlP37y3 z4v*C0=wr=yd@1m<7?xix5=DUr?!x$Qij~R?FzSaglpIhJYfuQ6932q+N4>gOg9zr3 zlIxI4S@KU5cvrD^BCDeq)INExk|8m`_^Vk|_Jbwj3ir0B+|y&Re?;=h+n1#FK>tG` zZB8<){GJf<;Tt2VA{V0nYtcd_gNXLLh{f9_mkF5|nz`|>&ppa4=uaF## z3;wB}2s9KT>KsU6w{diU%4{m@qmDxNXx7IgictO|4YSs1;I0f*M@MhyR}`>u{1(L+0ES~o zzT#jr<1r0IZN>kGb%mBrdq3?31z>&x`vAh#EuQt!*Dz5+`AvSC8#M98DMD?ZzCzty z1X5TCL~jzJ!-6UbdeqA@fgK2L6n9tMt^GK(YzUWIcBagajT=$lRkafu4%#EOV;H(Sv7p zQ{cahtq!N%>{@^$xZy}jPEx4;)6hRyJx>D$m+T)v$SnIIyFDSZ4U7uN{;(Wh!y<)c z+Q^`iB2(Vx6jW$Di?=}$#&VU;VW%IVe|6pAp-5bi7;B#D0m!phel0?j9kokl@g5se z;19WGyjuGl%Nocq&=Z#!zaw?p)1)~1qSJi*-aIZ^m?=d3vh(@V~X zX2p$zQ_=y>1_+W19v7yAg>2{$384^dKqJ*zF;d)3g~BqOp;DDMbcWh0%KvFc{)g`+ zMgVnnJgEt%pnt5u7_+|ffhNekzz7;O01>vdN&!8YlbBA^1GjK=TVDD@@{pluE}j)f z{lT&?cJ}-f1y0!7QfkUe4`0-?U0p`YK0#`-0>RI|h3<55U8B^+K7;2)Am_5XX8ec8 zJ+a&K1G4{zvL}_`Not~b7+^jH(t3o5!Loow2U62xFmXHicVM0$Q&WuTWI32%UKmZV z{U-h6k|e007ftLz%NvV3DniXdSc*HC$7}@X6zX!EAz>W7zEh~-&=D(irz`=CT z;ehM2HPEQK-kHkrhAemkd3P4Fpj#OzXH!oGg4P_{BJNXoHB}72u{Z)%n*{~>gri6J zNA2-11sC&0P$*9O1xHm}UzgIxz_ zh-1rJ2q!Lzo12|95Bj7lhfIJat}B{GvE8jZFYu6s=d@eK)b2cv8GirG zbhY%^_{5RB@}-FvdPNmm1=QTWN+NfB{j;m(745fOx2bgybGgYKZG$Qki6a^0PW}Mjt)QW2~*aFPtM<$GH|Rrw#-%d=PWfD$nE7_NXq} Z9nd+0bO_zF2mD1>I_Tu$SWfVd`7fUSsp9|u literal 0 HcmV?d00001 diff --git a/src/components/assets/card-bg4.png b/src/components/assets/card-bg4.png new file mode 100644 index 0000000000000000000000000000000000000000..615c36dff0763b6fe6801488b38696809239a276 GIT binary patch literal 4275 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 jGB}o7J{SH6dU4K7 literal 0 HcmV?d00001 diff --git a/src/components/assets/card-bg5.png b/src/components/assets/card-bg5.png new file mode 100644 index 0000000000000000000000000000000000000000..4df161d1517cc33612617d9cb509442396f8df75 GIT binary patch literal 4249 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 JsygqL_&h;2?z*X@%L@F$na;ACo-n^ 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 literal 0 HcmV?d00001 diff --git a/src/components/assets/card-bg7.png b/src/components/assets/card-bg7.png new file mode 100644 index 0000000000000000000000000000000000000000..75ec52a3001cee95b785ec78e4fd3b807b10bc23 GIT binary patch literal 3084 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 Z5X`tC#<7q^x&X<@sOWs6eA{xY!1t{Y@->^WkR zbIKk4DtzglQ+(~`#-lq%4Oh2s8n2Gu6S{IqQGxa?!EI4ft^;?24)_M zGuJ50Crk%TM@$vx)r~l0SuS54+HCx)@y2SQGjO=Na;MAd5|iVOyLz=m@|uH-6x!)Ja&9W^=7!WN z;F^{=9w}aW746aorH8eDo>6udml(Vx4;POrzydeFQ?w4-HG91^Db&|KSK8rm`JebH zj)~=R-t+W#u9M2PrV`e>_Sp0Rmt_to8QUbe-tztgV5Xv z>lDXUJSFALfP39#k*w;UR7NWSoXFzdf=iorpmWjbpA@|}`%w&9EG(H`KPD-Gs|S3fE}A7 zrk6|(Y!y2e866|?|E!v^1Bu;>44Icq#9>{)V~<9XlKM?8?gkDeN1900dh1p|n7xdW z2xNM)h5RI#3U|glB9%hZ`fnrU9{}@X(5u|d+emC+$odOVFdA7h#E)* zSW+w7pxzszQP1i?f)T8W%QIuAoB`G78?*WfCh&&6t43jnX?_{Ab*0YptyMw-_lt0Y z?U)T;fNSV%imQH$9&q_3UUs7)1%hdw3eQO|H4-*WJvFPhgo5UL;*iX-J-Rbg9)zC- zY4`*qU0h>8Mwh9%fSfgQ7Pl5^R{sem@z&0AyGhC@>spWmHP&l49xiKzWV>aS_F3m^ z+IS?TSLNYzfc(OBg73~U@I2B1s9?MHru7Jf;U9ph0luO+iTJOV>=;T9)ir6Z%o;Mr z?Y+}|1|n=>RxU*J@Acl|6Y+t#&s-Hwadu)G zw7m*w>-_(y>XdF3Ms93SsTEq2 zJa5v&Pc%uAVT$(Ko}SsHKn-tFz)l)rNw5&I@sp%<3zPRq@~B!uUs&*)VHrAG#l9F> zn@aasN4F&>P+!&8kH9H@dF^nGP;sYYv=(D=5u1psxqrJ%-%#>Q#GjcHE{J}9>u(V( z&p$vyjr5O;k}3SDH(evFcdU9=wd7Zqup-)u)vd#(l*P2x>8D>@rgwk7{qxQC zv7RtQ{Go1uCt~3Gey4W!B5X zap6!teY75DS_KOTsA5YIJ}|9a z&JFM%9AtV{AY*3o?JWIspj=W)BFg-d;YYAddq|-N#m|J(@p9;Z&cM<1A3-Gj#qZyP zy{jShWVx(e=I$zT>zRf-!vBg7=>T(BD!f9%rbt-%0Q}b>+4Z-#YUt}ijL`K`Cie!< z9EYnrW>jfG@UkG-cF9a_%Z#$#k;5FTu5y-XWKG{s-VnPdURzCBeSdGVW_U+5mSG*3 z;|S^4M_3(oTAgMV)a181V)Q-P_vlorM^m~%crYBE`|Isnr`M=WtMFLR`%tDeClnPJ zIHn}+N^XMRFC!?2RDv5BE;`~#a;2k8qx1Aaj#Kc}ZqY^UL)0_q`sy>>I!uU?n{LQ` zVr%LbwF|aK`ITdbVM3R$H!F_>9pA1vFC1p`R`6)kKGwx^8T|q*Sp9{Y_mD|@T-Ly^ z&d$yeW)49Y@}&Sp`G+_<-j!{hTNwY5x0E4ZWCs6O9BM1?EfIN~L8HBP4~F1wuK7G| zigSJ~x`*qoRc&B+%3Mg4M+s@|5RSsjmxOiDVix4WI3RmK@@Xv7Wjo6F>%Xgvnfm!4}i zE91$KKkwRFn02>TKPFzUg_@h!=sMdLrbTj}6dTS-wHJnQ%jL}aK9UZMq6yU8adT-# zWYGUGL{M%~TGqtp&wi1(nq#eXY`9#iT0dI@Z$mt4+j8PhGr3?{R|Fc-$2XZGLJL^9 z2I^eZsIhNa|6m+Hr)h4^t6jkol;+DmtyV&6I~rgXl`98`jr$OxK=Xdx#LC#JKjPO- zQ%?(y-$tj1R@P=`yUzeq+iVr^sIdF)M!Yq>_VGQf%Xye$OG}BRZ^dkf&Xm47kxcvq zShaSTe5;SDVuzR7$whkxLh#A{Q)6Qb*(kGtWesB>{n^WdDl|ozctW63xs`Nn`9c16 zOzLW^4VnL}b9I%_Qggzg*m|cg>luRCOp2@)!{f$RdN^NIJoztDO2}G zq@vXBsgZ;EB9Ul~lQykfn3~+$XB9w(#p}n7q!{3bh1-?)p?e!0sv^`J|6V4F>ip#(jM7{s3LzeNNN-ut2XxJ@haf z^o^LEU2!EmG5;7Xh3{@gw3~5+0}3yZJxeLV3HukB_QH@G*Dk1%E&nd>9cq(o7SGcN zn{+9k>W{&Y!E)P%TE{JKI^jkFP>%(Ph2K%m;*IU + ` + Address + `, +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const Default: Story = { + parameters: { + design: { + type: 'figma', + url: 'https://www.figma.com/design/pdwfO3dMKtaCAQakht0JE6/DIDRoom-%2B-Signroom---WF-and-GUI---Dyne.org?node-id=3449-47234&m=dev', + }, + }, +}; + diff --git a/src/components/badge/d-badge.css b/src/components/badge/d-badge.css new file mode 100644 index 0000000..5d4e87f --- /dev/null +++ b/src/components/badge/d-badge.css @@ -0,0 +1,3 @@ +:host { + display: block; +} diff --git a/src/components/badge/d-badge.tsx b/src/components/badge/d-badge.tsx new file mode 100644 index 0000000..5408a79 --- /dev/null +++ b/src/components/badge/d-badge.tsx @@ -0,0 +1,20 @@ +import { Component, Host, h } from '@stencil/core'; + +@Component({ + tag: 'd-badge', + styleUrl: 'd-badge.css', + shadow: true, +}) +export class DBadge { + render() { + return ( + +
+ + + +
+ + ); + } +} diff --git a/src/components/badge/readme.md b/src/components/badge/readme.md new file mode 100644 index 0000000..99821d5 --- /dev/null +++ b/src/components/badge/readme.md @@ -0,0 +1,10 @@ +# d-badge + + + + + + +---------------------------------------------- + +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/src/components/badge/test/d-badge.e2e.ts b/src/components/badge/test/d-badge.e2e.ts new file mode 100644 index 0000000..659c1c3 --- /dev/null +++ b/src/components/badge/test/d-badge.e2e.ts @@ -0,0 +1,11 @@ +import { newE2EPage } from '@stencil/core/testing'; + +describe('d-badge', () => { + it('renders', async () => { + const page = await newE2EPage(); + await page.setContent(''); + + const element = await page.find('d-badge'); + expect(element).toHaveClass('hydrated'); + }); +}); diff --git a/src/components/badge/test/d-badge.spec.tsx b/src/components/badge/test/d-badge.spec.tsx new file mode 100644 index 0000000..4551fb7 --- /dev/null +++ b/src/components/badge/test/d-badge.spec.tsx @@ -0,0 +1,22 @@ +import { newSpecPage } from '@stencil/core/testing'; +import { DBadge } from '../d-badge'; + +describe('d-badge', () => { + it('renders', async () => { + const page = await newSpecPage({ + components: [DBadge], + html: ``, + }); + expect(page.root).toEqualHtml(` + + +
+ + + +
+ + + `); + }); +}); diff --git a/src/components/credential-card/credential-card.stories.ts b/src/components/credential-card/credential-card.stories.ts index 036125b..af4c866 100644 --- a/src/components/credential-card/credential-card.stories.ts +++ b/src/components/credential-card/credential-card.stories.ts @@ -7,9 +7,12 @@ const meta = { ` + address + email `, } satisfies Meta; @@ -19,8 +22,9 @@ type Story = StoryObj; export const Default: Story = { args: { name: 'Over 18', - description: 'This credential proves that you are over 18 years old', issuer: 'Italian Government', + issuedByLabel: 'issued by', + expirationLabel: 'exp', expirationDate: '2017-01-01', verified: false }, diff --git a/src/components/credential-card/d-credential-card.css b/src/components/credential-card/d-credential-card.css index acedd4a..15947c3 100644 --- a/src/components/credential-card/d-credential-card.css +++ b/src/components/credential-card/d-credential-card.css @@ -1,32 +1,35 @@ -:host { - @apply w-full inline-flex flex-col items-start gap-2.5 px-5 py-5 rounded-lg bg-no-repeat bg-primary bg-cover; +.main { + @apply w-full inline-flex flex-col items-start justify-between gap-2.5 px-5 py-5 rounded-2xl bg-no-repeat bg-primary bg-cover aspect-[2] border border-solid border-white self-stretch; +} + +.main.bg1 { background-image: var(--background-card-url); } -.between { - @apply w-full flex justify-between items-start; +.main.bg2 { + background-image: var(--background-card-url-2); } -.heading { - @apply flex items-center gap-2; +.main.bg3 { + background-image: var(--background-card-url-3); } -.name { - @apply text-2xl not-italic font-semibold leading-[22.5px] tracking-[-0.5px]; +.main.bg4 { + background-image: var(--background-card-url-4); } -.info { - @apply inline-flex flex-col items-start gap-2 min-h-32; +.main.bg5 { + background-image: var(--background-card-url-5); } -.description { - @apply text-xl not-italic font-medium leading-[20.5px] tracking-[-0.5px]; +.main.bg6 { + background-image: var(--background-card-url-6); } -.labeled-text { - @apply flex flex-col gap-0.5 whitespace-nowrap text-lg not-italic leading-[130%] tracking-[-0.5px]; +.main.bg7 { + background-image: var(--background-card-url-7); } -.label { - @apply font-bold; +.main.bg8 { + background-image: var(--background-card-url-8); } diff --git a/src/components/credential-card/d-credential-card.tsx b/src/components/credential-card/d-credential-card.tsx index 6c0209e..ef985c0 100644 --- a/src/components/credential-card/d-credential-card.tsx +++ b/src/components/credential-card/d-credential-card.tsx @@ -28,7 +28,6 @@ const verifiedUser = ( ); - @Component({ tag: 'd-credential-card', styleUrl: 'd-credential-card.css', @@ -40,30 +39,45 @@ export class DCredentialCard { @Prop() issuer: string; @Prop() logoSrc?: string; @Prop() verified?: boolean = false; - @Prop() description?: string; @Prop() expirationDate?: string; + @Prop() issuedByLabel: string; + @Prop() expirationLabel: string; + + //random background + private getRandomBg = () => { + const bg = ['bg1', 'bg2', 'bg3', 'bg4', 'bg5', 'bg6', 'bg7', 'bg8']; + return bg[Math.floor(Math.random() * bg.length)]; + }; render() { return ( -
-
-
- - {this.name} +
+
+
+
+
+ + + {this.name} + +
+
+ {this.verified && verifiedUser} +
+
+
- {this.description} -
- {this.verified && verifiedUser} -
-
-
- Issued by - {this.issuer}
-
- Exp - {this.expirationDate} +
+
+ {this.issuedByLabel} + {this.issuer} +
+
+ {this.expirationLabel} + {this.expirationDate} +
diff --git a/src/components/credential-card/readme.md b/src/components/credential-card/readme.md index b1af6ab..76f5805 100644 --- a/src/components/credential-card/readme.md +++ b/src/components/credential-card/readme.md @@ -7,14 +7,15 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ---------------- | ----------------- | ----------- | --------- | ----------- | -| `description` | `description` | | `string` | `undefined` | -| `expirationDate` | `expiration-date` | | `string` | `undefined` | -| `issuer` | `issuer` | | `string` | `undefined` | -| `logoSrc` | `logo-src` | | `string` | `undefined` | -| `name` | `name` | | `string` | `undefined` | -| `verified` | `verified` | | `boolean` | `false` | +| Property | Attribute | Description | Type | Default | +| ----------------- | ------------------ | ----------- | --------- | ----------- | +| `expirationDate` | `expiration-date` | | `string` | `undefined` | +| `expirationLabel` | `expiration-label` | | `string` | `undefined` | +| `issuedByLabel` | `issued-by-label` | | `string` | `undefined` | +| `issuer` | `issuer` | | `string` | `undefined` | +| `logoSrc` | `logo-src` | | `string` | `undefined` | +| `name` | `name` | | `string` | `undefined` | +| `verified` | `verified` | | `boolean` | `false` | ## Dependencies @@ -22,13 +23,13 @@ ### Depends on - [d-avatar](../avatar) -- [d-heading](../heading) +- [d-text](../text) ### Graph ```mermaid graph TD; d-credential-card --> d-avatar - d-credential-card --> d-heading + d-credential-card --> d-text style d-credential-card fill:#f9f,stroke:#333,stroke-width:4px ``` diff --git a/src/components/credential-card/test/d-credential-card.spec.tsx b/src/components/credential-card/test/d-credential-card.spec.tsx index f15d21e..f6dcd5e 100644 --- a/src/components/credential-card/test/d-credential-card.spec.tsx +++ b/src/components/credential-card/test/d-credential-card.spec.tsx @@ -7,30 +7,34 @@ describe('d-credential-card', () => { components: [DCredentialCard], html: ``, }); + const bgnumber = page.root.shadowRoot.innerHTML.split('bg')[1].split('"')[0]; + expect(page.root).toEqualHtml(` -
-
-
- - +
+
+
+
+
+ + +
+
+
+
+
- -
-
-
-
- - Issued by - -
-
- - Exp - - +
+
+ + +
+
+ + +
diff --git a/src/components/heading/readme.md b/src/components/heading/readme.md index 22d215d..df27846 100644 --- a/src/components/heading/readme.md +++ b/src/components/heading/readme.md @@ -17,7 +17,6 @@ ### Used by - - [d-credential-card](../credential-card) - [d-empty-state](../empty-state) - [d-loading](../d-loading) - [d-logo](../logo) @@ -28,7 +27,6 @@ ### Graph ```mermaid graph TD; - d-credential-card --> d-heading d-empty-state --> d-heading d-loading --> d-heading d-logo --> d-heading diff --git a/src/components/text/readme.md b/src/components/text/readme.md index 920024f..7538184 100644 --- a/src/components/text/readme.md +++ b/src/components/text/readme.md @@ -19,6 +19,7 @@ - [d-activity-card](../activity-card) - [d-app-details](../app-details) + - [d-credential-card](../credential-card) - [d-credential-service](../credential-service) - [d-did-box](../d-did-box) - [d-empty-state](../empty-state) @@ -33,6 +34,7 @@ graph TD; d-activity-card --> d-text d-app-details --> d-text + d-credential-card --> d-text d-credential-service --> d-text d-did-box --> d-text d-empty-state --> d-text diff --git a/src/global/global.css b/src/global/global.css index 0026819..6be9fe8 100644 --- a/src/global/global.css +++ b/src/global/global.css @@ -20,6 +20,13 @@ --ion-default-font: var(--sans-font-family); --ion-font-family: var(--sans-font-family); --background-card-url: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/rect.png'); + --background-card-url-2: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg2.png'); + --background-card-url-3: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg3.png'); + --background-card-url-4: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg4.png'); + --background-card-url-5: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg5.png'); + --background-card-url-6: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg6.png'); + --background-card-url-7: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg7.png'); + --background-card-url-8: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg8.png'); --input-background: #f9fafb; --ion-background-color: var(--surface); --ion-text-color: var(--on); @@ -41,6 +48,13 @@ --warning: #ff9601; --error: #ff443b; --background-card-url: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/rect-dark.png'); + --background-card-url-2: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg2-dark.png'); + --background-card-url-3: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg3-dark.png'); + --background-card-url-4: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg4-dark.png'); + --background-card-url-5: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg5-dark.png'); + --background-card-url-6: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg6-dark.png'); + --background-card-url-7: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg7-dark.png'); + --background-card-url-8: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg8-dark.png'); --input-background: #374151; } @@ -58,6 +72,13 @@ --warning: #ff9601; --error: #ff443b; --background-card-url: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/rect-dark.png'); + --background-card-url-2: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg2-dark.png'); + --background-card-url-3: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg3-dark.png'); + --background-card-url-4: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg4-dark.png'); + --background-card-url-5: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg5-dark.png'); + --background-card-url-6: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg6-dark.png'); + --background-card-url-7: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg7-dark.png'); + --background-card-url-8: url('https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/assets/card-bg8-dark.png'); --input-background: #fff; } }