diff --git a/src/components.d.ts b/src/components.d.ts index 8ef436c..36ff5cc 100644 --- a/src/components.d.ts +++ b/src/components.d.ts @@ -103,7 +103,7 @@ export namespace Components { "size": Size; } interface DHorizontalStack { - "gap": 2 | 4 | 8; + "gap": Gap; } interface DIcon { "icon": string; @@ -710,7 +710,7 @@ declare namespace LocalJSX { "size"?: Size; } interface DHorizontalStack { - "gap"?: 2 | 4 | 8; + "gap"?: Gap; } interface DIcon { "icon"?: string; diff --git a/src/components/activity-card/readme.md b/src/components/activity-card/readme.md index 74c41fb..38ec403 100644 --- a/src/components/activity-card/readme.md +++ b/src/components/activity-card/readme.md @@ -11,6 +11,7 @@ | ------------- | ------------- | ----------- | --------- | ----------- | | `date` | `date` | | `string` | `undefined` | | `description` | `description` | | `string` | `undefined` | +| `href` | `href` | | `string` | `undefined` | | `logo` | `logo` | | `string` | `undefined` | | `message` | `message` | | `string` | `undefined` | | `read` | `read` | | `boolean` | `false` | diff --git a/src/components/checkbox/d-checkbox.css b/src/components/checkbox/d-checkbox.css index 5d4e87f..b6dcbd3 100644 --- a/src/components/checkbox/d-checkbox.css +++ b/src/components/checkbox/d-checkbox.css @@ -1,3 +1,20 @@ :host { display: block; } +ion-checkbox { + --checkbox-background: var(--highlight); + --checkbox-background-checked: var(--accent); + width: 48px; + height: 48px; + justify-items: center; + margin-left: -12px; + +} +ion-checkbox::part(container) { + border-radius: 1px; + border: 2px solid; + border-color: var(--on-alt); + --checkmark-color: var(--stroke); + --checkmark-width:3px; + --size: 22px; +} diff --git a/src/components/checkbox/d-checkbox.tsx b/src/components/checkbox/d-checkbox.tsx index e622217..2d822ac 100644 --- a/src/components/checkbox/d-checkbox.tsx +++ b/src/components/checkbox/d-checkbox.tsx @@ -18,7 +18,7 @@ export class DCheckbox { return ( - + this.updateValue(e.detail.checked)} checked={this.checked}>
diff --git a/src/components/checkbox/test/d-checkbox.spec.tsx b/src/components/checkbox/test/d-checkbox.spec.tsx index c7f7401..8c95603 100644 --- a/src/components/checkbox/test/d-checkbox.spec.tsx +++ b/src/components/checkbox/test/d-checkbox.spec.tsx @@ -11,7 +11,7 @@ describe('d-checkbox', () => { - +
diff --git a/src/components/horizontal-stack/d-horizontal-stack.tsx b/src/components/horizontal-stack/d-horizontal-stack.tsx index a72d835..ff07730 100644 --- a/src/components/horizontal-stack/d-horizontal-stack.tsx +++ b/src/components/horizontal-stack/d-horizontal-stack.tsx @@ -1,4 +1,5 @@ import { Component, Host, Prop, h } from '@stencil/core'; +import { Gap } from '../types'; @Component({ tag: 'd-horizontal-stack', @@ -6,7 +7,7 @@ import { Component, Host, Prop, h } from '@stencil/core'; shadow: true, }) export class DHorizontalStack { - @Prop() gap: 2 | 4 | 8 = 2; + @Prop() gap: Gap = 2; render() { return ( diff --git a/src/components/horizontal-stack/readme.md b/src/components/horizontal-stack/readme.md index 55a66ed..c6b89bb 100644 --- a/src/components/horizontal-stack/readme.md +++ b/src/components/horizontal-stack/readme.md @@ -5,9 +5,9 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| -------- | --------- | ----------- | ------------- | ------- | -| `gap` | `gap` | | `2 \| 4 \| 8` | `2` | +| Property | Attribute | Description | Type | Default | +| -------- | --------- | ----------- | ------------------ | ------- | +| `gap` | `gap` | | `0 \| 2 \| 4 \| 8` | `2` | ## Dependencies diff --git a/vscode-data.json b/vscode-data.json index 8bed173..97c3d9b 100644 --- a/vscode-data.json +++ b/vscode-data.json @@ -1,6 +1,56 @@ { "version": 1.1, "tags": [ + { + "name": "d-activity-card", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "date", + "description": "" + }, + { + "name": "description", + "description": "" + }, + { + "name": "logo", + "description": "" + }, + { + "name": "message", + "description": "" + }, + { + "name": "name", + "description": "" + }, + { + "name": "read", + "description": "" + } + ] + }, + { + "name": "d-app-details", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "developed-by", + "description": "" + }, + { + "name": "version", + "description": "" + } + ] + }, { "name": "d-avatar", "description": { @@ -18,7 +68,27 @@ }, { "name": "size", - "description": "" + "description": "", + "values": [ + { + "name": "2xl" + }, + { + "name": "l" + }, + { + "name": "m" + }, + { + "name": "s" + }, + { + "name": "xl" + }, + { + "name": "xs" + } + ] }, { "name": "src", @@ -26,6 +96,27 @@ } ] }, + { + "name": "d-background-illustration", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "background", + "description": "" + } + ] + }, + { + "name": "d-badge", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [] + }, { "name": "d-button", "description": { @@ -94,20 +185,49 @@ ] }, { - "name": "d-credential-card", + "name": "d-buttons-group", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [] + }, + { + "name": "d-checkbox", "description": { "kind": "markdown", "value": "" }, "attributes": [ { - "name": "description", + "name": "checked", "description": "" }, + { + "name": "error", + "description": "" + } + ] + }, + { + "name": "d-credential-card", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ { "name": "expiration-date", "description": "" }, + { + "name": "expiration-label", + "description": "" + }, + { + "name": "issued-by-label", + "description": "" + }, { "name": "issuer", "description": "" @@ -141,10 +261,6 @@ "name": "issuer", "description": "" }, - { - "name": "logo-src", - "description": "" - }, { "name": "long-description", "description": "" @@ -181,6 +297,10 @@ { "name": "name", "description": "" + }, + { + "name": "organization", + "description": "" } ] }, @@ -195,6 +315,10 @@ "name": "definition", "description": "" }, + { + "name": "dotted", + "description": "" + }, { "name": "hidable", "description": "" @@ -206,109 +330,651 @@ ] }, { - "name": "d-heading", + "name": "d-did-box", "description": { "kind": "markdown", "value": "" }, "attributes": [ { - "name": "color", - "description": "" - }, - { - "name": "size", + "name": "did", "description": "" } ] }, { - "name": "d-input", + "name": "d-empty-state", "description": { "kind": "markdown", "value": "" }, "attributes": [ { - "name": "auto-focus", + "name": "button-text", "description": "" }, { - "name": "clear-button", + "name": "heading", "description": "" }, { - "name": "error-text", + "name": "href", "description": "" }, { - "name": "helper-text", + "name": "text", + "description": "" + } + ] + }, + { + "name": "d-feedback", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "feedback", "description": "" }, { - "name": "label", + "name": "message", "description": "" }, { - "name": "name", + "name": "type", + "description": "", + "values": [ + { + "name": "error" + }, + { + "name": "success" + } + ] + } + ] + }, + { + "name": "d-header", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "back-button", "description": "" }, { - "name": "person-icon", + "name": "settings", "description": "" }, { - "name": "placeholder", + "name": "settings-title", + "description": "" + } + ] + }, + { + "name": "d-heading", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "color", "description": "" }, { - "name": "type", + "name": "size", "description": "", "values": [ { - "name": "email" + "name": "2xl" }, { - "name": "number" + "name": "l" }, { - "name": "password" + "name": "m" }, { - "name": "text" + "name": "s" + }, + { + "name": "xl" + }, + { + "name": "xs" } ] - }, + } + ] + }, + { + "name": "d-horizontal-stack", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ { - "name": "value", + "name": "gap", "description": "" } ] }, { - "name": "d-logo", + "name": "d-icon", "description": { "kind": "markdown", "value": "" }, - "attributes": [] + "attributes": [ + { + "name": "icon", + "description": "" + }, + { + "name": "outline", + "description": "" + }, + { + "name": "size", + "description": "" + } + ] }, { - "name": "d-text", + "name": "d-illustration", "description": { "kind": "markdown", "value": "" }, "attributes": [ { - "name": "color", + "name": "height", "description": "" }, { - "name": "size", + "name": "illustration", + "description": "" + }, + { + "name": "width", "description": "" } ] + }, + { + "name": "d-info-led", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "type", + "description": "", + "values": [ + { + "name": "error" + }, + { + "name": "success" + }, + { + "name": "warning" + } + ] + } + ] + }, + { + "name": "d-input", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "auto-focus", + "description": "" + }, + { + "name": "clear-button", + "description": "" + }, + { + "name": "error-text", + "description": "" + }, + { + "name": "helper-text", + "description": "" + }, + { + "name": "hidable", + "description": "" + }, + { + "name": "label", + "description": "" + }, + { + "name": "name", + "description": "" + }, + { + "name": "person-icon", + "description": "" + }, + { + "name": "placeholder", + "description": "" + }, + { + "name": "type", + "description": "", + "values": [ + { + "name": "email" + }, + { + "name": "number" + }, + { + "name": "password" + }, + { + "name": "text" + } + ] + }, + { + "name": "value", + "description": "" + } + ] + }, + { + "name": "d-loading", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "loading", + "description": "" + }, + { + "name": "message", + "description": "" + } + ] + }, + { + "name": "d-logo", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [] + }, + { + "name": "d-organizations", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "empty", + "description": "" + }, + { + "name": "heading", + "description": "" + } + ] + }, + { + "name": "d-page-description", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "description", + "description": "" + }, + { + "name": "title", + "description": "" + } + ] + }, + { + "name": "d-qr-code", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "generation-date", + "description": "" + }, + { + "name": "generation-hour", + "description": "" + }, + { + "name": "qr", + "description": "" + }, + { + "name": "session-id", + "description": "" + }, + { + "name": "session-id-label", + "description": "" + } + ] + }, + { + "name": "d-scan-button", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "href", + "description": "" + } + ] + }, + { + "name": "d-scanner-mask", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "description", + "description": "" + }, + { + "name": "heading", + "description": "" + } + ] + }, + { + "name": "d-session-card", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "date", + "description": "" + }, + { + "name": "failure-message", + "description": "" + }, + { + "name": "in-progress", + "description": "" + }, + { + "name": "in-progress-message", + "description": "" + }, + { + "name": "session-message", + "description": "" + }, + { + "name": "sid", + "description": "" + }, + { + "name": "success", + "description": "" + }, + { + "name": "verified-message", + "description": "" + } + ] + }, + { + "name": "d-settings-menu", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "account-settings", + "description": "" + }, + { + "name": "developed-by", + "description": "" + }, + { + "name": "languages", + "description": "" + }, + { + "name": "log-out", + "description": "" + }, + { + "name": "notifications-settings", + "description": "" + }, + { + "name": "privacy-policy", + "description": "" + }, + { + "name": "support", + "description": "" + }, + { + "name": "version", + "description": "" + } + ] + }, + { + "name": "d-swipable-page", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "background", + "description": "" + }, + { + "name": "description", + "description": "" + }, + { + "name": "subtitle", + "description": "" + }, + { + "name": "title", + "description": "" + } + ] + }, + { + "name": "d-tab-button", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "active", + "description": "" + }, + { + "name": "has-alert", + "description": "" + }, + { + "name": "tab", + "description": "", + "values": [ + { + "name": "activity" + }, + { + "name": "home" + }, + { + "name": "profile" + }, + { + "name": "wallet" + } + ] + } + ] + }, + { + "name": "d-tab-page", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "scan-button-href", + "description": "" + }, + { + "name": "scan-button-text", + "description": "" + }, + { + "name": "settings", + "description": "" + }, + { + "name": "tab", + "description": "" + }, + { + "name": "title", + "description": "" + } + ] + }, + { + "name": "d-text", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "color", + "description": "" + }, + { + "name": "size", + "description": "", + "values": [ + { + "name": "2xl" + }, + { + "name": "l" + }, + { + "name": "m" + }, + { + "name": "s" + }, + { + "name": "xl" + }, + { + "name": "xs" + } + ] + } + ] + }, + { + "name": "d-verification-card", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "flow", + "description": "" + }, + { + "name": "logo", + "description": "" + }, + { + "name": "relying-party", + "description": "" + }, + { + "name": "selected", + "description": "" + }, + { + "name": "verifier", + "description": "" + } + ] + }, + { + "name": "d-vertical-stack", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [ + { + "name": "gap", + "description": "" + } + ] + }, + { + "name": "didroom-logo", + "description": { + "kind": "markdown", + "value": "" + }, + "attributes": [] } ] } \ No newline at end of file