@synopackageland/ui 0.19.6 → 0.19.7
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/callout/Callout.vue.d.ts +10 -6
- package/dist/components/composite/table-cell/CellText.vue.d.ts +1 -1
- package/dist/components/feedback/info-tip/InfoTip.vue.d.ts +6 -0
- package/dist/index.js +2561 -2524
- package/dist/json-preview/preview.js +453 -416
- 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/callout.md +5 -3
- package/package.json +1 -1
package/docs/callout.md
CHANGED
|
@@ -60,8 +60,10 @@ weigh more than the note.
|
|
|
60
60
|
|
|
61
61
|
`variant="hint"` is one toolbar-high line: the tone's icon, the title in bold
|
|
62
62
|
and the message after it, cut with an ellipsis when the row is short. The
|
|
63
|
-
`#details` slot
|
|
64
|
-
|
|
63
|
+
`#details` slot opens in a tooltip as soon as the pointer is anywhere on the
|
|
64
|
+
line (icon or text), on focus (the line is a Tab stop), and on a tap with a
|
|
65
|
+
touch pointer; a screen reader reads it as the line's description. The icon
|
|
66
|
+
shows once, before the text. A hint has no close button; it goes away
|
|
65
67
|
when its cause does. Put it in a `PageToolbar` or another row of controls.
|
|
66
68
|
|
|
67
69
|
### Why this one
|
|
@@ -133,7 +135,7 @@ Two earlier looks were rejected:
|
|
|
133
135
|
| `title` | One line, the thing to know |
|
|
134
136
|
| default slot | The message |
|
|
135
137
|
| `#actions` | One action, at the end of the message |
|
|
136
|
-
| `#details` + `v-model:expanded` | Longer text behind a "Learn more" toggle (`moreLabel`, `lessLabel`); in a hint, the tooltip of
|
|
138
|
+
| `#details` + `v-model:expanded` | Longer text behind a "Learn more" toggle (`moreLabel`, `lessLabel`); in a hint, the tooltip of the whole line (`moreLabel` is not used) |
|
|
137
139
|
| `code` | A machine error code, shown quieter after the message |
|
|
138
140
|
| `dismissible` (default `true`), `dismissKey`, `closeLabel`, `@close` | The close button; the callout returns when its text or `dismissKey` changes. `false` only for a state that must stay in view |
|
|
139
141
|
| `fill` | Span the container instead of stopping at 720px |
|