@synopackageland/ui 0.17.3 → 0.17.4
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/CHANGELOG.md +4 -0
- package/dist/components/composite/list-item/ListItem.vue.d.ts +8 -6
- package/dist/index.js +1384 -1375
- package/dist/json-preview/preview.js +404 -395
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/layout-rules.md +1 -1
- package/docs/theme-hooks.md +1 -1
- package/package.json +1 -1
package/docs/layout-rules.md
CHANGED
|
@@ -10,7 +10,7 @@ These rules keep pages built from `@synopackageland/ui` consistent. The componen
|
|
|
10
10
|
- The description is one paragraph of at most 72 characters per line. Do not put hard line breaks in copy.
|
|
11
11
|
- A section inside another section's body steps its title down to body size and keeps a section gap from the content above it; a nested collapsible section reads as a disclosure row. Do not restyle either.
|
|
12
12
|
- Paragraphs written straight into a section body get a paragraph gap; do not add `<br>` or margins.
|
|
13
|
-
- Use `ListItem` for one entry in a list of similar entries, such as extensions or jobs: `title`, `#meta` tags, `description`, extra content, and `#actions` on the right. Put the items in an element with `role="list"`; the theme draws a divider between them and spaces the buttons. Use `Card` for a self-contained block that stands alone.
|
|
13
|
+
- Use `ListItem` for one entry in a list of similar entries, such as extensions or jobs: an optional `#leading` icon or avatar, `title`, `#meta` tags, `description`, extra content, and `#actions` on the right. Put the items in an element with `role="list"`; the theme draws a divider between them and spaces the buttons. Use `Card` for a self-contained block that stands alone.
|
|
14
14
|
- While a section or card loads, set `loading`. The title stays and the body shows `SectionSkeleton`, announced once as loading. Use `SectionSkeleton` directly for any other block.
|
|
15
15
|
|
|
16
16
|
## Actions
|
package/docs/theme-hooks.md
CHANGED
|
@@ -88,7 +88,7 @@ here stay implementation details and can change in any release.
|
|
|
88
88
|
| `data-ui-surface` | `Surface` and every `Card` frame | present |
|
|
89
89
|
| `data-variant` | `Surface` / `Card` frame | `default`, `inset` |
|
|
90
90
|
| `data-ui-dialog`, `data-ui-sheet` | `Dialog` / `Sheet` panels | present |
|
|
91
|
-
| `data-ui-list-item-title`, `-description`, `-meta`, `-actions` | `ListItem` parts | present |
|
|
91
|
+
| `data-ui-list-item-title`, `-description`, `-meta`, `-actions`, `-leading` | `ListItem` parts | present |
|
|
92
92
|
| `data-ui-statistic-label`, `-value`, `-note` | `Statistic` parts | present |
|
|
93
93
|
| `data-tone` | `Callout` | `info`, `success`, `warning`, `danger` |
|
|
94
94
|
| `data-variant` | `Callout` | `soft`, `inline` |
|