@didroom/components - npm Package Compare versions

Comparing version 1.5.1 to 1.6.0

dist/cjs/d-credential-card.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-cf975e13.js');
+const index = require('./index-0815fa54.js');
 
-const dCredentialCardCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.not-italic{font-style:normal}.leading-\\[130\\%\\]{line-height:130%}.leading-\\[20\\.5px\\]{line-height:20.5px}.tracking-\\[-0\\.5px\\]{letter-spacing:-.5px}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}*{color:var(--on)}:host{align-items:flex-start;background-color:var(--primary);border-radius:.5rem;display:inline-flex;flex-direction:column;gap:.625rem;padding:1.25rem;width:100%}.between{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.heading{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;line-height:1.75rem}.heading,.name{font-style:normal;font-weight:600}.name{font-size:1.875rem;letter-spacing:-.5px;line-height:2.25rem;line-height:20.5px}.info{align-items:flex-start;display:inline-flex;flex-direction:column;gap:.5rem;min-height:8rem}.description{font-size:1.25rem;font-weight:500;line-height:1.75rem;line-height:20.5px}.description,.labeled-text{font-style:normal;letter-spacing:-.5px}.labeled-text{display:flex;flex-direction:column;font-size:1.125rem;gap:.125rem;line-height:1.75rem;line-height:130%;white-space:nowrap}.label{font-weight:700}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.static{position:static}.items-end{align-items:flex-end}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
+const dCredentialCardCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{background-color:var(--surface);line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.not-italic{font-style:normal}.leading-\\[130\\%\\]{line-height:130%}.leading-\\[20\\.5px\\]{line-height:20.5px}.tracking-\\[-0\\.5px\\]{letter-spacing:-.5px}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}:host{align-items:flex-start;background-color:var(--primary);border-radius:.5rem;display:inline-flex;flex-direction:column;gap:.625rem;padding:1.25rem;width:100%}.between{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.heading{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;line-height:1.75rem}.heading,.name{font-style:normal;font-weight:600}.name{font-size:1.875rem;letter-spacing:-.5px;line-height:2.25rem;line-height:20.5px}.info{align-items:flex-start;display:inline-flex;flex-direction:column;gap:.5rem;min-height:8rem}.description{font-size:1.25rem;font-weight:500;line-height:1.75rem;line-height:20.5px}.description,.labeled-text{font-style:normal;letter-spacing:-.5px}.labeled-text{display:flex;flex-direction:column;font-size:1.125rem;gap:.125rem;line-height:1.75rem;line-height:130%;white-space:nowrap}.label{font-weight:700}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.static{position:static}.items-end{align-items:flex-end}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
 const DCredentialCardStyle0 = dCredentialCardCss;
@@ -18,5 +18,5 @@
         this.logoSrc = undefined;
+        this.verified = false;
         this.description = undefined;
         this.expirationDate = undefined;
-        this.verified = false;
     }
@@ -23,0 +23,0 @@ render() {

dist/cjs/didroom-components.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-cf975e13.js');
+const index = require('./index-0815fa54.js');
 
@@ -21,3 +21,3 @@ /*
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["d-avatar_2.cjs",[[1,"d-credential-service",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"description":[1],"href":[1]}],[1,"d-avatar",{"src":[513],"name":[513],"size":[513],"shape":[513],"error":[32]}]]],["d-credential-card.cjs",[[1,"d-credential-card",{"name":[513],"issuer":[513],"logoSrc":[513,"logo-src"],"description":[513],"expirationDate":[513,"expiration-date"],"verified":[516]}]]]], options);
+  return index.bootstrapLazy([["d-credential-card.cjs",[[1,"d-credential-card",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"verified":[4],"description":[1],"expirationDate":[1,"expiration-date"]}]]],["d-button.cjs",[[1,"d-button",{"color":[1],"href":[513],"disabled":[516]}]]],["d-avatar_4.cjs",[[1,"d-credential-service",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"description":[1],"href":[513]}],[1,"d-heading",{"size":[1],"color":[1]}],[1,"d-text",{"size":[1],"color":[1]}],[1,"d-avatar",{"name":[1],"size":[1],"shape":[1],"src":[513],"error":[32]}]]]], options);
 });
@@ -24,0 +24,0 @@

dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ 'use strict';
 
-const index = require('./index-cf975e13.js');
+const index = require('./index-0815fa54.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return index.bootstrapLazy([["d-avatar_2.cjs",[[1,"d-credential-service",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"description":[1],"href":[1]}],[1,"d-avatar",{"src":[513],"name":[513],"size":[513],"shape":[513],"error":[32]}]]],["d-credential-card.cjs",[[1,"d-credential-card",{"name":[513],"issuer":[513],"logoSrc":[513,"logo-src"],"description":[513],"expirationDate":[513,"expiration-date"],"verified":[516]}]]]], options);
+  return index.bootstrapLazy([["d-credential-card.cjs",[[1,"d-credential-card",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"verified":[4],"description":[1],"expirationDate":[1,"expiration-date"]}]]],["d-button.cjs",[[1,"d-button",{"color":[1],"href":[513],"disabled":[516]}]]],["d-avatar_4.cjs",[[1,"d-credential-service",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"description":[1],"href":[513]}],[1,"d-heading",{"size":[1],"color":[1]}],[1,"d-text",{"size":[1],"color":[1]}],[1,"d-avatar",{"name":[1],"size":[1],"shape":[1],"src":[513],"error":[32]}]]]], options);
 };
@@ -12,0 +12,0 @@

dist/collection/collection-manifest.json

 {
   "entries": [
     "components/avatar/avatar.js",
+    "components/button/d-button.js",
     "components/credential-card/d-credential-card.js",
-    "components/credential-service/d-credential-service.js"
+    "components/credential-service/d-credential-service.js",
+    "components/d-heading/d-heading.js",
+    "components/d-text/d-text.js"
   ],
@@ -7,0 +10,0 @@ "compiler": {

dist/collection/components/avatar/avatar.js

 import { Host, h } from "@stencil/core";
 export class Avatar {
     constructor() {
-        this.src = undefined;
         this.name = undefined;
         this.size = 'm';
         this.shape = 'round';
+        this.src = undefined;
         this.error = false;
@@ -45,19 +45,2 @@ }
         return {
-            "src": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "src",
-                "reflect": true
-            },
             "name": {
@@ -78,3 +61,3 @@ "type": "string",
                 "attribute": "name",
-                "reflect": true
+                "reflect": false
             },
@@ -102,3 +85,3 @@ "size": {
                 "attribute": "size",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "'m'"
@@ -127,4 +110,21 @@ },
                 "attribute": "shape",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "'round'"
+            },
+            "src": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "src",
+                "reflect": true
             }
@@ -131,0 +131,0 @@ };

dist/collection/components/avatar/avatar.stories.js

@@ -20,3 +20,3 @@ import { ShapeArgTypes, SizeArgTypes } from "../types.js";
             type: 'figma',
-            url: 'https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/@storybook/addon-designs-sample',
+            url: 'https://www.figma.com/file/pdwfO3dMKtaCAQakht0JE6/DIDRoom-%2B-Signroom---WF-and-GUI---Dyne.org?type=design&node-id=2005-930&mode=dev',
         },
@@ -23,0 +23,0 @@ },

dist/collection/components/avatar/test/avatar.spec.js

@@ -10,3 +10,3 @@ import { newSpecPage } from "@stencil/core/testing";
         expect(page.root).toEqualHtml(`
-      <d-avatar role="figure" shape="round" size="m">
+      <d-avatar role="figure">
         <mock:shadow-root>
@@ -26,3 +26,3 @@ <svg fill="none" height="28" viewBox="0 0 28 28" width="28" xmlns="http://www.w3.org/2000/svg">
         expect(root).toEqualHtml(`
-    <d-avatar aria-label="Maccio Capatonda" name="Maccio Capatonda" role="figure" shape="round" size="m">
+    <d-avatar aria-label="Maccio Capatonda" name="Maccio Capatonda" role="figure">
       <mock:shadow-root>
@@ -42,3 +42,3 @@ <span class="font-medium uppercase">
         expect(root).toEqualHtml(`
-    <d-avatar aria-label="" name="" role="figure" shape="square" size="m">
+    <d-avatar aria-label="" role="figure" shape="square">
       <mock:shadow-root>
@@ -45,0 +45,0 @@ <svg fill="none" height="28" viewBox="0 0 28 28" width="28" xmlns="http://www.w3.org/2000/svg">

dist/collection/components/credential-card/d-credential-card.js

@@ -8,5 +8,5 @@ import { Host, h } from "@stencil/core";
         this.logoSrc = undefined;
+        this.verified = false;
         this.description = undefined;
         this.expirationDate = undefined;
-        this.verified = false;
     }
@@ -47,3 +47,3 @@ render() {
                 "attribute": "name",
-                "reflect": true
+                "reflect": false
             },
@@ -65,3 +65,3 @@ "issuer": {
                 "attribute": "issuer",
-                "reflect": true
+                "reflect": false
             },
@@ -83,10 +83,10 @@ "logoSrc": {
                 "attribute": "logo-src",
-                "reflect": true
+                "reflect": false
             },
-            "description": {
-                "type": "string",
+            "verified": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
@@ -100,6 +100,7 @@ },
                 },
-                "attribute": "description",
-                "reflect": true
+                "attribute": "verified",
+                "reflect": false,
+                "defaultValue": "false"
             },
-            "expirationDate": {
+            "description": {
                 "type": "string",
@@ -118,11 +119,11 @@ "mutable": false,
                 },
-                "attribute": "expiration-date",
-                "reflect": true
+                "attribute": "description",
+                "reflect": false
             },
-            "verified": {
-                "type": "boolean",
+            "expirationDate": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
@@ -136,5 +137,4 @@ },
                 },
-                "attribute": "verified",
-                "reflect": true,
-                "defaultValue": "false"
+                "attribute": "expiration-date",
+                "reflect": false
             }
@@ -141,0 +141,0 @@ };

dist/collection/components/credential-service/d-credential-service.js

@@ -116,3 +116,3 @@ import { Host, h } from "@stencil/core";
                 "attribute": "href",
-                "reflect": false
+                "reflect": true
             }
@@ -119,0 +119,0 @@ };

dist/collection/components/types.js

@@ -12,2 +12,10 @@ const SizeOptions = 'xs s m l xl'.split(' ');
 };
+const ColorOptions = 'primary accent success warning error'.split(' ');
+export const ColorArgTypes = {
+    options: ColorOptions,
+    description: 'Color of the button',
+    defaultValue: 'primary',
+    default: 'primary',
+    control: { type: 'inline-radio' },
+};
 //# sourceMappingURL=types.js.map

dist/components/avatar.js

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const avatarCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.relative{position:relative}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-20{height:5rem}.h-36{height:9rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-10{width:2.5rem}.w-20{width:5rem}.w-36{width:9rem}.w-6{width:1.5rem}.w-8{width:2rem}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.bg-accent{background-color:var(--accent)}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}*{color:var(--on)}:host{align-items:center;background-color:var(--accent);border-radius:9999px;display:inline-flex;flex-shrink:0;height:2.5rem;justify-content:center;overflow:hidden;position:relative;width:2.5rem}:host span{color:var(--on-accent)}:host([size=xs]),:host([size=xs]) svg{font-size:.75rem;height:1.5rem;line-height:1rem;width:1.5rem}:host([size=s]),:host([size=s]) svg{font-size:.875rem;height:2rem;line-height:1.25rem;width:2rem}:host([size=m]),:host([size=m]) svg{height:2.5rem;width:2.5rem}:host([size=l]),:host([size=l]) svg{font-size:1.125rem;height:5rem;line-height:1.75rem;width:5rem}:host([size=xl]),:host([size=xl]) svg{font-size:1.25rem;height:9rem;line-height:1.75rem;width:9rem}:host([shape=round]){border-radius:9999px}:host([shape=square]){border-radius:.5rem}@include base-component();.static{position:static}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.grow{flex-grow:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.items-end{align-items:flex-end}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
+const avatarCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{background-color:var(--surface);line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.relative{position:relative}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-20{height:5rem}.h-36{height:9rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-10{width:2.5rem}.w-20{width:5rem}.w-36{width:9rem}.w-6{width:1.5rem}.w-8{width:2rem}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.bg-accent{background-color:var(--accent)}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}:host{align-items:center;background-color:var(--accent);border-radius:9999px;display:inline-flex;flex-shrink:0;height:2.5rem;justify-content:center;overflow:hidden;position:relative;width:2.5rem}:host span{color:var(--on-accent)}:host([size=xs]),:host([size=xs]) svg{font-size:.75rem;height:1.5rem;line-height:1rem;width:1.5rem}:host([size=s]),:host([size=s]) svg{font-size:.875rem;height:2rem;line-height:1.25rem;width:2rem}:host([size=m]),:host([size=m]) svg{height:2.5rem;width:2.5rem}:host([size=l]),:host([size=l]) svg{font-size:1.125rem;height:5rem;line-height:1.75rem;width:5rem}:host([size=xl]),:host([size=xl]) svg{font-size:1.25rem;height:9rem;line-height:1.75rem;width:9rem}:host([shape=round]){border-radius:9999px}:host([shape=square]){border-radius:.5rem}@include base-component();.static{position:static}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.grow{flex-grow:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.items-end{align-items:flex-end}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
 const DAvatarStyle0 = avatarCss;
@@ -11,6 +11,6 @@
         this.__attachShadow();
-        this.src = undefined;
         this.name = undefined;
         this.size = 'm';
         this.shape = 'round';
+        this.src = undefined;
         this.error = false;
@@ -41,6 +41,6 @@ }
 }, [1, "d-avatar", {
+        "name": [1],
+        "size": [1],
+        "shape": [1],
         "src": [513],
-        "name": [513],
-        "size": [513],
-        "shape": [513],
         "error": [32]
@@ -47,0 +47,0 @@ }]);

dist/components/d-credential-card.js

 import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './avatar.js';
 
-const dCredentialCardCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.not-italic{font-style:normal}.leading-\\[130\\%\\]{line-height:130%}.leading-\\[20\\.5px\\]{line-height:20.5px}.tracking-\\[-0\\.5px\\]{letter-spacing:-.5px}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}*{color:var(--on)}:host{align-items:flex-start;background-color:var(--primary);border-radius:.5rem;display:inline-flex;flex-direction:column;gap:.625rem;padding:1.25rem;width:100%}.between{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.heading{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;line-height:1.75rem}.heading,.name{font-style:normal;font-weight:600}.name{font-size:1.875rem;letter-spacing:-.5px;line-height:2.25rem;line-height:20.5px}.info{align-items:flex-start;display:inline-flex;flex-direction:column;gap:.5rem;min-height:8rem}.description{font-size:1.25rem;font-weight:500;line-height:1.75rem;line-height:20.5px}.description,.labeled-text{font-style:normal;letter-spacing:-.5px}.labeled-text{display:flex;flex-direction:column;font-size:1.125rem;gap:.125rem;line-height:1.75rem;line-height:130%;white-space:nowrap}.label{font-weight:700}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.static{position:static}.items-end{align-items:flex-end}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
+const dCredentialCardCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{background-color:var(--surface);line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.not-italic{font-style:normal}.leading-\\[130\\%\\]{line-height:130%}.leading-\\[20\\.5px\\]{line-height:20.5px}.tracking-\\[-0\\.5px\\]{letter-spacing:-.5px}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}:host{align-items:flex-start;background-color:var(--primary);border-radius:.5rem;display:inline-flex;flex-direction:column;gap:.625rem;padding:1.25rem;width:100%}.between{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.heading{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;line-height:1.75rem}.heading,.name{font-style:normal;font-weight:600}.name{font-size:1.875rem;letter-spacing:-.5px;line-height:2.25rem;line-height:20.5px}.info{align-items:flex-start;display:inline-flex;flex-direction:column;gap:.5rem;min-height:8rem}.description{font-size:1.25rem;font-weight:500;line-height:1.75rem;line-height:20.5px}.description,.labeled-text{font-style:normal;letter-spacing:-.5px}.labeled-text{display:flex;flex-direction:column;font-size:1.125rem;gap:.125rem;line-height:1.75rem;line-height:130%;white-space:nowrap}.label{font-weight:700}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.static{position:static}.items-end{align-items:flex-end}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
 const DCredentialCardStyle0 = dCredentialCardCss;
@@ -16,5 +16,5 @@
         this.logoSrc = undefined;
+        this.verified = false;
         this.description = undefined;
         this.expirationDate = undefined;
-        this.verified = false;
     }
@@ -28,8 +28,8 @@ render() {
 }, [1, "d-credential-card", {
-        "name": [513],
-        "issuer": [513],
-        "logoSrc": [513, "logo-src"],
-        "description": [513],
-        "expirationDate": [513, "expiration-date"],
-        "verified": [516]
+        "name": [1],
+        "issuer": [1],
+        "logoSrc": [1, "logo-src"],
+        "verified": [4],
+        "description": [1],
+        "expirationDate": [1, "expiration-date"]
     }]);
@@ -36,0 +36,0 @@ function defineCustomElement$1() {

dist/components/d-credential-service.js

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './avatar.js';
 
-const dCredentialServiceCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.block{display:block}.flex{display:flex}.h-6{height:1.5rem}.w-6{width:1.5rem}.w-full{width:100%}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.bg-primary{background-color:var(--primary)}.fill-current{fill:currentColor}.p-5{padding:1.25rem}.pb-2{padding-bottom:.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.not-italic{font-style:normal}.leading-\\[20\\.5px\\]{line-height:20.5px}.leading-\\[normal\\]{line-height:normal}.tracking-\\[-0\\.5px\\]{letter-spacing:-.5px}.text-on-alt{color:var(--on-alt)}.no-underline{text-decoration-line:none}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}*{color:var(--on)}:host>a>div,:host>div{align-items:center;background-color:var(--primary);border-radius:.5rem;display:flex;gap:1.25rem;padding:1.25rem;text-decoration-line:none;width:100%}.name{display:block;font-size:1.125rem;font-style:normal;font-weight:700;letter-spacing:-.5px;line-height:1.75rem;line-height:20.5px;overflow:hidden;padding-bottom:.5rem;text-overflow:ellipsis;white-space:nowrap}.issuer{font-weight:400}.description,.issuer{color:var(--on-alt);display:block;font-style:normal;letter-spacing:-.5px;line-height:normal;overflow:hidden;text-overflow:ellipsis}.description{font-weight:500}svg{fill:currentColor;stroke:var(--on);height:1.5rem;width:1.5rem}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.static{position:static}.grow{flex-grow:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
+const dCredentialServiceCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{background-color:var(--surface);line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.block{display:block}.flex{display:flex}.h-6{height:1.5rem}.w-6{width:1.5rem}.w-full{width:100%}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.bg-primary{background-color:var(--primary)}.fill-current{fill:currentColor}.p-5{padding:1.25rem}.pb-2{padding-bottom:.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.not-italic{font-style:normal}.leading-\\[20\\.5px\\]{line-height:20.5px}.leading-\\[normal\\]{line-height:normal}.tracking-\\[-0\\.5px\\]{letter-spacing:-.5px}.text-on-alt{color:var(--on-alt)}.no-underline{text-decoration-line:none}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}:host>a>div,:host>div{align-items:center;background-color:var(--primary);border-radius:.5rem;display:flex;gap:1.25rem;padding:1.25rem;text-decoration-line:none;width:100%}.name{display:block;font-size:1.125rem;font-style:normal;font-weight:700;letter-spacing:-.5px;line-height:1.75rem;line-height:20.5px;overflow:hidden;padding-bottom:.5rem;text-overflow:ellipsis;white-space:nowrap}.issuer{font-weight:400}.description,.issuer{color:var(--on-alt);display:block;font-style:normal;letter-spacing:-.5px;line-height:normal;overflow:hidden;text-overflow:ellipsis}.description{font-weight:500}svg{fill:currentColor;stroke:var(--on);height:1.5rem;width:1.5rem}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.static{position:static}.grow{flex-grow:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
 const DCredentialServiceStyle0 = dCredentialServiceCss;
@@ -33,3 +33,3 @@
         "description": [1],
-        "href": [1]
+        "href": [513]
     }]);
@@ -36,0 +36,0 @@ function defineCustomElement$1() {

dist/didroom-components/didroom-components.esm.js

@@ -1,2 +0,2 @@
-import{p as e,b as r}from"./p-3109d390.js";export{s as setNonce}from"./p-3109d390.js";const o=()=>{const r=import.meta.url;const o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return e(o)};o().then((e=>r([["p-c87a2e1b",[[1,"d-credential-service",{name:[1],issuer:[1],logoSrc:[1,"logo-src"],description:[1],href:[1]}],[1,"d-avatar",{src:[513],name:[513],size:[513],shape:[513],error:[32]}]]],["p-f6dbca5a",[[1,"d-credential-card",{name:[513],issuer:[513],logoSrc:[513,"logo-src"],description:[513],expirationDate:[513,"expiration-date"],verified:[516]}]]]],e)));
+import{p as e,b as r}from"./p-fd6bb756.js";export{s as setNonce}from"./p-fd6bb756.js";const o=()=>{const r=import.meta.url;const o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return e(o)};o().then((e=>r([["p-52e2d89f",[[1,"d-credential-card",{name:[1],issuer:[1],logoSrc:[1,"logo-src"],verified:[4],description:[1],expirationDate:[1,"expiration-date"]}]]],["p-c4226fcc",[[1,"d-button",{color:[1],href:[513],disabled:[516]}]]],["p-78975de3",[[1,"d-credential-service",{name:[1],issuer:[1],logoSrc:[1,"logo-src"],description:[1],href:[513]}],[1,"d-heading",{size:[1],color:[1]}],[1,"d-text",{size:[1],color:[1]}],[1,"d-avatar",{name:[1],size:[1],shape:[1],src:[513],error:[32]}]]]],e)));
 //# sourceMappingURL=didroom-components.esm.js.map

dist/esm/d-credential-card.entry.js

@@ -1,4 +0,4 @@
-import { h, r as registerInstance, H as Host } from './index-b2aabfa6.js';
+import { h, r as registerInstance, H as Host } from './index-e2209472.js';
 
-const dCredentialCardCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.not-italic{font-style:normal}.leading-\\[130\\%\\]{line-height:130%}.leading-\\[20\\.5px\\]{line-height:20.5px}.tracking-\\[-0\\.5px\\]{letter-spacing:-.5px}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}*{color:var(--on)}:host{align-items:flex-start;background-color:var(--primary);border-radius:.5rem;display:inline-flex;flex-direction:column;gap:.625rem;padding:1.25rem;width:100%}.between{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.heading{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;line-height:1.75rem}.heading,.name{font-style:normal;font-weight:600}.name{font-size:1.875rem;letter-spacing:-.5px;line-height:2.25rem;line-height:20.5px}.info{align-items:flex-start;display:inline-flex;flex-direction:column;gap:.5rem;min-height:8rem}.description{font-size:1.25rem;font-weight:500;line-height:1.75rem;line-height:20.5px}.description,.labeled-text{font-style:normal;letter-spacing:-.5px}.labeled-text{display:flex;flex-direction:column;font-size:1.125rem;gap:.125rem;line-height:1.75rem;line-height:130%;white-space:nowrap}.label{font-weight:700}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.static{position:static}.items-end{align-items:flex-end}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
+const dCredentialCardCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gantari Variable,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{background-color:var(--surface);line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--surface:#e9ebef;--primary:#d2d7e5;--accent:#223360;--on-accent:#dfddd7;--on:#2d2d2d;--on-alt:#5d5d65;--success:#279b48;--warning:#e58600;--error:#ee342b}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.not-italic{font-style:normal}.leading-\\[130\\%\\]{line-height:130%}.leading-\\[20\\.5px\\]{line-height:20.5px}.tracking-\\[-0\\.5px\\]{letter-spacing:-.5px}.icon{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}:host{align-items:flex-start;background-color:var(--primary);border-radius:.5rem;display:inline-flex;flex-direction:column;gap:.625rem;padding:1.25rem;width:100%}.between{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.heading{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;line-height:1.75rem}.heading,.name{font-style:normal;font-weight:600}.name{font-size:1.875rem;letter-spacing:-.5px;line-height:2.25rem;line-height:20.5px}.info{align-items:flex-start;display:inline-flex;flex-direction:column;gap:.5rem;min-height:8rem}.description{font-size:1.25rem;font-weight:500;line-height:1.75rem;line-height:20.5px}.description,.labeled-text{font-style:normal;letter-spacing:-.5px}.labeled-text{display:flex;flex-direction:column;font-size:1.125rem;gap:.125rem;line-height:1.75rem;line-height:130%;white-space:nowrap}.label{font-weight:700}@font-face{font-display:swap;font-family:Gantari Variable;font-style:normal;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format(\"woff2-variations\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@media (prefers-color-scheme:dark){--surface:#1f2433;--primary:#253151;--accent:#dfddd7;--on-accent:#223360;--on:#f7faff;--on-alt:#c0c0ca;--success:#4ecb71;--warning:#ff9601;--error:#ff443b}.static{position:static}.items-end{align-items:flex-end}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
 const DCredentialCardStyle0 = dCredentialCardCss;
@@ -13,5 +13,5 @@
         this.logoSrc = undefined;
+        this.verified = false;
         this.description = undefined;
         this.expirationDate = undefined;
-        this.verified = false;
     }
@@ -18,0 +18,0 @@ render() {

dist/esm/didroom-components.js

@@ -1,3 +0,3 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-b2aabfa6.js';
-export { s as setNonce } from './index-b2aabfa6.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e2209472.js';
+export { s as setNonce } from './index-e2209472.js';
 
@@ -17,5 +17,5 @@ /*
 patchBrowser().then(options => {
-  return bootstrapLazy([["d-avatar_2",[[1,"d-credential-service",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"description":[1],"href":[1]}],[1,"d-avatar",{"src":[513],"name":[513],"size":[513],"shape":[513],"error":[32]}]]],["d-credential-card",[[1,"d-credential-card",{"name":[513],"issuer":[513],"logoSrc":[513,"logo-src"],"description":[513],"expirationDate":[513,"expiration-date"],"verified":[516]}]]]], options);
+  return bootstrapLazy([["d-credential-card",[[1,"d-credential-card",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"verified":[4],"description":[1],"expirationDate":[1,"expiration-date"]}]]],["d-button",[[1,"d-button",{"color":[1],"href":[513],"disabled":[516]}]]],["d-avatar_4",[[1,"d-credential-service",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"description":[1],"href":[513]}],[1,"d-heading",{"size":[1],"color":[1]}],[1,"d-text",{"size":[1],"color":[1]}],[1,"d-avatar",{"name":[1],"size":[1],"shape":[1],"src":[513],"error":[32]}]]]], options);
 });
 
 //# sourceMappingURL=didroom-components.js.map

dist/esm/loader.js

@@ -1,7 +0,7 @@
-import { b as bootstrapLazy } from './index-b2aabfa6.js';
-export { s as setNonce } from './index-b2aabfa6.js';
+import { b as bootstrapLazy } from './index-e2209472.js';
+export { s as setNonce } from './index-e2209472.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return bootstrapLazy([["d-avatar_2",[[1,"d-credential-service",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"description":[1],"href":[1]}],[1,"d-avatar",{"src":[513],"name":[513],"size":[513],"shape":[513],"error":[32]}]]],["d-credential-card",[[1,"d-credential-card",{"name":[513],"issuer":[513],"logoSrc":[513,"logo-src"],"description":[513],"expirationDate":[513,"expiration-date"],"verified":[516]}]]]], options);
+  return bootstrapLazy([["d-credential-card",[[1,"d-credential-card",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"verified":[4],"description":[1],"expirationDate":[1,"expiration-date"]}]]],["d-button",[[1,"d-button",{"color":[1],"href":[513],"disabled":[516]}]]],["d-avatar_4",[[1,"d-credential-service",{"name":[1],"issuer":[1],"logoSrc":[1,"logo-src"],"description":[1],"href":[513]}],[1,"d-heading",{"size":[1],"color":[1]}],[1,"d-text",{"size":[1],"color":[1]}],[1,"d-avatar",{"name":[1],"size":[1],"shape":[1],"src":[513],"error":[32]}]]]], options);
 };
@@ -8,0 +8,0 @@

dist/types/components.d.ts

@@ -8,4 +8,4 @@ /* eslint-disable */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Shape, Size } from "./components/types";
-export { Shape, Size } from "./components/types";
+import { Color, Shape, Size } from "./components/types";
+export { Color, Shape, Size } from "./components/types";
 export namespace Components {
@@ -18,2 +18,7 @@ interface DAvatar {
     }
+    interface DButton {
+        "color"?: Color;
+        "disabled"?: boolean;
+        "href"?: string;
+    }
     interface DCredentialCard {
@@ -34,2 +39,10 @@ "description"?: string;
     }
+    interface DHeading {
+        "color": Color;
+        "size": Size;
+    }
+    interface DText {
+        "color": Color;
+        "size": Size;
+    }
 }
@@ -43,2 +56,8 @@ declare global {
     };
+    interface HTMLDButtonElement extends Components.DButton, HTMLStencilElement {
+    }
+    var HTMLDButtonElement: {
+        prototype: HTMLDButtonElement;
+        new (): HTMLDButtonElement;
+    };
     interface HTMLDCredentialCardElement extends Components.DCredentialCard, HTMLStencilElement {
@@ -56,6 +75,21 @@ }
     };
+    interface HTMLDHeadingElement extends Components.DHeading, HTMLStencilElement {
+    }
+    var HTMLDHeadingElement: {
+        prototype: HTMLDHeadingElement;
+        new (): HTMLDHeadingElement;
+    };
+    interface HTMLDTextElement extends Components.DText, HTMLStencilElement {
+    }
+    var HTMLDTextElement: {
+        prototype: HTMLDTextElement;
+        new (): HTMLDTextElement;
+    };
     interface HTMLElementTagNameMap {
         "d-avatar": HTMLDAvatarElement;
+        "d-button": HTMLDButtonElement;
         "d-credential-card": HTMLDCredentialCardElement;
         "d-credential-service": HTMLDCredentialServiceElement;
+        "d-heading": HTMLDHeadingElement;
+        "d-text": HTMLDTextElement;
     }
@@ -70,2 +104,7 @@ }
     }
+    interface DButton {
+        "color"?: Color;
+        "disabled"?: boolean;
+        "href"?: string;
+    }
     interface DCredentialCard {
@@ -86,6 +125,17 @@ "description"?: string;
     }
+    interface DHeading {
+        "color"?: Color;
+        "size"?: Size;
+    }
+    interface DText {
+        "color"?: Color;
+        "size"?: Size;
+    }
     interface IntrinsicElements {
         "d-avatar": DAvatar;
+        "d-button": DButton;
         "d-credential-card": DCredentialCard;
         "d-credential-service": DCredentialService;
+        "d-heading": DHeading;
+        "d-text": DText;
     }
@@ -98,6 +148,9 @@ }
             "d-avatar": LocalJSX.DAvatar & JSXBase.HTMLAttributes<HTMLDAvatarElement>;
+            "d-button": LocalJSX.DButton & JSXBase.HTMLAttributes<HTMLDButtonElement>;
             "d-credential-card": LocalJSX.DCredentialCard & JSXBase.HTMLAttributes<HTMLDCredentialCardElement>;
             "d-credential-service": LocalJSX.DCredentialService & JSXBase.HTMLAttributes<HTMLDCredentialServiceElement>;
+            "d-heading": LocalJSX.DHeading & JSXBase.HTMLAttributes<HTMLDHeadingElement>;
+            "d-text": LocalJSX.DText & JSXBase.HTMLAttributes<HTMLDTextElement>;
         }
     }
 }

dist/types/components/avatar/avatar.d.ts

 import { Shape, Size } from '../types';
 export declare class Avatar {
-    src?: string;
     name?: string;
     size?: Size;
     shape?: Shape;
+    src?: string;
     error: boolean;
@@ -8,0 +8,0 @@ render(): any;

dist/types/components/credential-card/d-credential-card.d.ts

@@ -5,6 +5,6 @@ export declare class DCredentialCard {
     logoSrc?: string;
+    verified?: boolean;
     description?: string;
     expirationDate?: string;
-    verified?: boolean;
     render(): any;
 }

dist/types/components/types.d.ts

@@ -18,2 +18,13 @@ declare const SizeOptions: string[];
 export type Shape = (typeof ShapeOptions)[number];
+declare const ColorOptions: string[];
+export declare const ColorArgTypes: {
+    options: string[];
+    description: string;
+    defaultValue: string;
+    default: string;
+    control: {
+        type: string;
+    };
+};
+export type Color = (typeof ColorOptions)[number];
 export {};

package.json

 {
   "name": "@didroom/components",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "Didroom web components",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1515651

increased by11.31%

Number of package files

158

increased by36.21%

Lines of code

8390

increased by14.2%

Worsened metrics

Number of low supply chain risk alerts

30

increased by66.67%

No dependency changes