@deepfuture/dui-templates 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/content/briefing-block.js +1 -1
- package/content/empty-state.js +1 -1
- package/content/numbered-insight.js +1 -1
- package/dashboard/page-header.js +1 -1
- package/dashboard/section-panel.js +1 -1
- package/data/key-value.js +1 -1
- package/data/market-table.js +1 -1
- package/feed/activity-item.js +1 -1
- package/feed/feed-item.js +1 -1
- package/feed/headline-item.js +1 -1
- package/feed/social-post.js +1 -1
- package/media/avatar-row.js +1 -1
- package/media/media-grid.js +1 -1
- package/metrics/progress-bar.js +1 -1
- package/metrics/risk-gauge.js +1 -1
- package/metrics/score-item.js +1 -1
- package/metrics/stat-card.js +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -173,7 +173,7 @@ Templates self-register on import, just like components.
|
|
|
173
173
|
|
|
174
174
|
| Package | Purpose |
|
|
175
175
|
|---------|---------|
|
|
176
|
-
|
|
|
176
|
+
| `@deepfuture/dui-primitives/core` | Base reset, event factory, floating UI utilities (part of dui-primitives) |
|
|
177
177
|
| [`@deepfuture/dui-primitives`](https://www.npmjs.com/package/@deepfuture/dui-primitives) | Unstyled accessible component classes |
|
|
178
178
|
|
|
179
179
|
## Dev Tools
|
|
@@ -203,7 +203,7 @@ A runtime inspector and mutation API for DUI components ([separate package](http
|
|
|
203
203
|
|
|
204
204
|
DUI itself is an example of extending [dui-primitives](https://github.com/deepfuturenow/dui-primitives). You can build your own styled component library the same way:
|
|
205
205
|
|
|
206
|
-
1. Install `@deepfuture/dui-
|
|
206
|
+
1. Install `@deepfuture/dui-primitives`
|
|
207
207
|
2. Extend primitives with your own aesthetic CSS
|
|
208
208
|
3. Call `customElements.define()` to self-register
|
|
209
209
|
|
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/badge";
|
|
39
39
|
import "@deepfuture/dui-components/separator";
|
|
40
40
|
import "@deepfuture/dui-components/icon";
|
package/content/empty-state.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/icon";
|
|
39
39
|
const styles = css `
|
|
40
40
|
:host {
|
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/badge";
|
|
39
39
|
/** Severity → badge variant + appearance mapping. */
|
|
40
40
|
const SEVERITY_MAP = {
|
package/dashboard/page-header.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/separator";
|
|
39
39
|
const styles = css `
|
|
40
40
|
:host {
|
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/badge";
|
|
39
39
|
import "@deepfuture/dui-components/icon";
|
|
40
40
|
import "@deepfuture/dui-components/collapsible";
|
package/data/key-value.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
const styles = css `
|
|
39
39
|
:host {
|
|
40
40
|
display: block;
|
package/data/market-table.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/icon";
|
|
39
39
|
const styles = css `
|
|
40
40
|
:host {
|
package/feed/activity-item.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/badge";
|
|
39
39
|
/** Status → dot color mapping. */
|
|
40
40
|
const STATUS_COLORS = {
|
package/feed/feed-item.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/badge";
|
|
39
39
|
/**
|
|
40
40
|
* Severity → badge variant + appearance mapping.
|
package/feed/headline-item.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
const styles = css `
|
|
39
39
|
:host {
|
|
40
40
|
display: block;
|
package/feed/social-post.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/avatar";
|
|
39
39
|
import "@deepfuture/dui-components/badge";
|
|
40
40
|
const styles = css `
|
package/media/avatar-row.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/avatar";
|
|
39
39
|
import "@deepfuture/dui-components/scroll-area";
|
|
40
40
|
const styles = css `
|
package/media/media-grid.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/badge";
|
|
39
39
|
const styles = css `
|
|
40
40
|
:host {
|
package/metrics/progress-bar.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/progress";
|
|
39
39
|
const styles = css `
|
|
40
40
|
:host {
|
package/metrics/risk-gauge.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing, svg } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
/** Severity → color token mapping. */
|
|
39
39
|
const SEVERITY_COLORS = {
|
|
40
40
|
critical: "var(--destructive)",
|
package/metrics/score-item.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/badge";
|
|
39
39
|
import "@deepfuture/dui-components/separator";
|
|
40
40
|
const styles = css `
|
package/metrics/stat-card.js
CHANGED
|
@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
34
34
|
};
|
|
35
35
|
import { css, html, LitElement, nothing } from "lit";
|
|
36
36
|
import { property } from "lit/decorators.js";
|
|
37
|
-
import { base } from "@deepfuture/dui-core/base";
|
|
37
|
+
import { base } from "@deepfuture/dui-primitives/core/base";
|
|
38
38
|
import "@deepfuture/dui-components/icon";
|
|
39
39
|
/** Map trend direction to color tokens and arrow SVG paths. */
|
|
40
40
|
const TREND_CONFIG = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deepfuture/dui-templates",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "DUI templates — pre-composed UI patterns built from DUI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"README.md"
|
|
47
47
|
],
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@deepfuture/dui-
|
|
50
|
-
"@deepfuture/dui-components": "1.
|
|
49
|
+
"@deepfuture/dui-primitives": "1.1.0",
|
|
50
|
+
"@deepfuture/dui-components": "1.1.0",
|
|
51
51
|
"lit": "^3.3.2"
|
|
52
52
|
},
|
|
53
53
|
"keywords": [
|