@synopackageland/ui 0.17.14 → 0.18.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/CHANGELOG.md +30 -0
- package/README.md +9 -7
- package/dist/components/app/page-toolbar/PageToolbar.vue.d.ts +15 -0
- package/dist/components/composite/callout/Callout.vue.d.ts +14 -6
- package/dist/components/composite/comment-item/CommentItem.vue.d.ts +2 -2
- package/dist/components/composite/facet-panel/FacetPanel.vue.d.ts +34 -0
- package/dist/components/composite/new-items-pill/NewItemsPill.vue.d.ts +14 -0
- package/dist/components/composite/summary-card/SummaryCard.vue.d.ts +48 -0
- package/dist/components/composite/tag-editor/TagEditor.vue.d.ts +32 -0
- package/dist/components/composite/timeline-row/TimelineRow.vue.d.ts +57 -0
- package/dist/components/composite/tree-view/TreeView.vue.d.ts +2 -2
- package/dist/components/primitives/badge/Badge.vue.d.ts +7 -0
- package/dist/components/primitives/button/Button.vue.d.ts +1 -1
- package/dist/components/primitives/dropdown-menu/DropdownMenu.vue.d.ts +5 -0
- package/dist/components/primitives/dropdown-menu/types.d.ts +6 -0
- package/dist/components/primitives/popover/Popover.vue.d.ts +8 -1
- package/dist/components/primitives/radio-group/RadioGroup.vue.d.ts +6 -0
- package/dist/components/primitives/segment-control/SegmentItem.vue.d.ts +2 -0
- package/dist/components/primitives/sheet/Sheet.vue.d.ts +10 -0
- package/dist/components/primitives/skeleton/SectionSkeleton.vue.d.ts +6 -0
- package/dist/i18n/text.d.ts +7 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +10587 -9704
- package/dist/json/catalog.d.ts +2 -0
- package/dist/json/registry.d.ts +34 -0
- package/dist/json-ai-prompt.md +1 -1
- package/dist/json-catalog.schema.json +2 -1
- package/dist/json-preview/preview.js +7199 -6754
- package/dist/json.js +1 -1
- 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/button-policy.md +3 -1
- package/docs/callout.md +9 -2
- package/docs/layout-rules.md +3 -3
- package/docs/theme-hooks.md +16 -1
- package/docs/wizard.md +6 -0
- package/package.json +76 -1
package/dist/json/catalog.d.ts
CHANGED
|
@@ -162,6 +162,7 @@ export declare const synoJsonComponentDefinitions: {
|
|
|
162
162
|
secondary: "secondary";
|
|
163
163
|
ghost: "ghost";
|
|
164
164
|
danger: "danger";
|
|
165
|
+
"danger-outline": "danger-outline";
|
|
165
166
|
}>>;
|
|
166
167
|
size: z.ZodOptional<z.ZodEnum<{
|
|
167
168
|
sm: "sm";
|
|
@@ -703,6 +704,7 @@ export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
|
|
|
703
704
|
secondary: "secondary";
|
|
704
705
|
ghost: "ghost";
|
|
705
706
|
danger: "danger";
|
|
707
|
+
"danger-outline": "danger-outline";
|
|
706
708
|
}>>;
|
|
707
709
|
size: z.ZodOptional<z.ZodEnum<{
|
|
708
710
|
sm: "sm";
|
package/dist/json/registry.d.ts
CHANGED
|
@@ -182,6 +182,7 @@ export declare const synoJsonRenderers: {
|
|
|
182
182
|
secondary: "secondary";
|
|
183
183
|
ghost: "ghost";
|
|
184
184
|
danger: "danger";
|
|
185
|
+
"danger-outline": "danger-outline";
|
|
185
186
|
}>>;
|
|
186
187
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
187
188
|
sm: "sm";
|
|
@@ -727,6 +728,7 @@ export declare const synoJsonRenderers: {
|
|
|
727
728
|
secondary: "secondary";
|
|
728
729
|
ghost: "ghost";
|
|
729
730
|
danger: "danger";
|
|
731
|
+
"danger-outline": "danger-outline";
|
|
730
732
|
}>>;
|
|
731
733
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
732
734
|
sm: "sm";
|
|
@@ -1272,6 +1274,7 @@ export declare const synoJsonRenderers: {
|
|
|
1272
1274
|
secondary: "secondary";
|
|
1273
1275
|
ghost: "ghost";
|
|
1274
1276
|
danger: "danger";
|
|
1277
|
+
"danger-outline": "danger-outline";
|
|
1275
1278
|
}>>;
|
|
1276
1279
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
1277
1280
|
sm: "sm";
|
|
@@ -1817,6 +1820,7 @@ export declare const synoJsonRenderers: {
|
|
|
1817
1820
|
secondary: "secondary";
|
|
1818
1821
|
ghost: "ghost";
|
|
1819
1822
|
danger: "danger";
|
|
1823
|
+
"danger-outline": "danger-outline";
|
|
1820
1824
|
}>>;
|
|
1821
1825
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
1822
1826
|
sm: "sm";
|
|
@@ -2362,6 +2366,7 @@ export declare const synoJsonRenderers: {
|
|
|
2362
2366
|
secondary: "secondary";
|
|
2363
2367
|
ghost: "ghost";
|
|
2364
2368
|
danger: "danger";
|
|
2369
|
+
"danger-outline": "danger-outline";
|
|
2365
2370
|
}>>;
|
|
2366
2371
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
2367
2372
|
sm: "sm";
|
|
@@ -2907,6 +2912,7 @@ export declare const synoJsonRenderers: {
|
|
|
2907
2912
|
secondary: "secondary";
|
|
2908
2913
|
ghost: "ghost";
|
|
2909
2914
|
danger: "danger";
|
|
2915
|
+
"danger-outline": "danger-outline";
|
|
2910
2916
|
}>>;
|
|
2911
2917
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
2912
2918
|
sm: "sm";
|
|
@@ -3452,6 +3458,7 @@ export declare const synoJsonRenderers: {
|
|
|
3452
3458
|
secondary: "secondary";
|
|
3453
3459
|
ghost: "ghost";
|
|
3454
3460
|
danger: "danger";
|
|
3461
|
+
"danger-outline": "danger-outline";
|
|
3455
3462
|
}>>;
|
|
3456
3463
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
3457
3464
|
sm: "sm";
|
|
@@ -3997,6 +4004,7 @@ export declare const synoJsonRenderers: {
|
|
|
3997
4004
|
secondary: "secondary";
|
|
3998
4005
|
ghost: "ghost";
|
|
3999
4006
|
danger: "danger";
|
|
4007
|
+
"danger-outline": "danger-outline";
|
|
4000
4008
|
}>>;
|
|
4001
4009
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
4002
4010
|
sm: "sm";
|
|
@@ -4542,6 +4550,7 @@ export declare const synoJsonRenderers: {
|
|
|
4542
4550
|
secondary: "secondary";
|
|
4543
4551
|
ghost: "ghost";
|
|
4544
4552
|
danger: "danger";
|
|
4553
|
+
"danger-outline": "danger-outline";
|
|
4545
4554
|
}>>;
|
|
4546
4555
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
4547
4556
|
sm: "sm";
|
|
@@ -5087,6 +5096,7 @@ export declare const synoJsonRenderers: {
|
|
|
5087
5096
|
secondary: "secondary";
|
|
5088
5097
|
ghost: "ghost";
|
|
5089
5098
|
danger: "danger";
|
|
5099
|
+
"danger-outline": "danger-outline";
|
|
5090
5100
|
}>>;
|
|
5091
5101
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
5092
5102
|
sm: "sm";
|
|
@@ -5632,6 +5642,7 @@ export declare const synoJsonRenderers: {
|
|
|
5632
5642
|
secondary: "secondary";
|
|
5633
5643
|
ghost: "ghost";
|
|
5634
5644
|
danger: "danger";
|
|
5645
|
+
"danger-outline": "danger-outline";
|
|
5635
5646
|
}>>;
|
|
5636
5647
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
5637
5648
|
sm: "sm";
|
|
@@ -6177,6 +6188,7 @@ export declare const synoJsonRenderers: {
|
|
|
6177
6188
|
secondary: "secondary";
|
|
6178
6189
|
ghost: "ghost";
|
|
6179
6190
|
danger: "danger";
|
|
6191
|
+
"danger-outline": "danger-outline";
|
|
6180
6192
|
}>>;
|
|
6181
6193
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
6182
6194
|
sm: "sm";
|
|
@@ -6722,6 +6734,7 @@ export declare const synoJsonRenderers: {
|
|
|
6722
6734
|
secondary: "secondary";
|
|
6723
6735
|
ghost: "ghost";
|
|
6724
6736
|
danger: "danger";
|
|
6737
|
+
"danger-outline": "danger-outline";
|
|
6725
6738
|
}>>;
|
|
6726
6739
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
6727
6740
|
sm: "sm";
|
|
@@ -7267,6 +7280,7 @@ export declare const synoJsonRenderers: {
|
|
|
7267
7280
|
secondary: "secondary";
|
|
7268
7281
|
ghost: "ghost";
|
|
7269
7282
|
danger: "danger";
|
|
7283
|
+
"danger-outline": "danger-outline";
|
|
7270
7284
|
}>>;
|
|
7271
7285
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
7272
7286
|
sm: "sm";
|
|
@@ -7812,6 +7826,7 @@ export declare const synoJsonRenderers: {
|
|
|
7812
7826
|
secondary: "secondary";
|
|
7813
7827
|
ghost: "ghost";
|
|
7814
7828
|
danger: "danger";
|
|
7829
|
+
"danger-outline": "danger-outline";
|
|
7815
7830
|
}>>;
|
|
7816
7831
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
7817
7832
|
sm: "sm";
|
|
@@ -8357,6 +8372,7 @@ export declare const synoJsonRenderers: {
|
|
|
8357
8372
|
secondary: "secondary";
|
|
8358
8373
|
ghost: "ghost";
|
|
8359
8374
|
danger: "danger";
|
|
8375
|
+
"danger-outline": "danger-outline";
|
|
8360
8376
|
}>>;
|
|
8361
8377
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
8362
8378
|
sm: "sm";
|
|
@@ -8902,6 +8918,7 @@ export declare const synoJsonRenderers: {
|
|
|
8902
8918
|
secondary: "secondary";
|
|
8903
8919
|
ghost: "ghost";
|
|
8904
8920
|
danger: "danger";
|
|
8921
|
+
"danger-outline": "danger-outline";
|
|
8905
8922
|
}>>;
|
|
8906
8923
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
8907
8924
|
sm: "sm";
|
|
@@ -9447,6 +9464,7 @@ export declare const synoJsonRenderers: {
|
|
|
9447
9464
|
secondary: "secondary";
|
|
9448
9465
|
ghost: "ghost";
|
|
9449
9466
|
danger: "danger";
|
|
9467
|
+
"danger-outline": "danger-outline";
|
|
9450
9468
|
}>>;
|
|
9451
9469
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
9452
9470
|
sm: "sm";
|
|
@@ -9992,6 +10010,7 @@ export declare const synoJsonRenderers: {
|
|
|
9992
10010
|
secondary: "secondary";
|
|
9993
10011
|
ghost: "ghost";
|
|
9994
10012
|
danger: "danger";
|
|
10013
|
+
"danger-outline": "danger-outline";
|
|
9995
10014
|
}>>;
|
|
9996
10015
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
9997
10016
|
sm: "sm";
|
|
@@ -10537,6 +10556,7 @@ export declare const synoJsonRenderers: {
|
|
|
10537
10556
|
secondary: "secondary";
|
|
10538
10557
|
ghost: "ghost";
|
|
10539
10558
|
danger: "danger";
|
|
10559
|
+
"danger-outline": "danger-outline";
|
|
10540
10560
|
}>>;
|
|
10541
10561
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
10542
10562
|
sm: "sm";
|
|
@@ -11082,6 +11102,7 @@ export declare const synoJsonRenderers: {
|
|
|
11082
11102
|
secondary: "secondary";
|
|
11083
11103
|
ghost: "ghost";
|
|
11084
11104
|
danger: "danger";
|
|
11105
|
+
"danger-outline": "danger-outline";
|
|
11085
11106
|
}>>;
|
|
11086
11107
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
11087
11108
|
sm: "sm";
|
|
@@ -11627,6 +11648,7 @@ export declare const synoJsonRenderers: {
|
|
|
11627
11648
|
secondary: "secondary";
|
|
11628
11649
|
ghost: "ghost";
|
|
11629
11650
|
danger: "danger";
|
|
11651
|
+
"danger-outline": "danger-outline";
|
|
11630
11652
|
}>>;
|
|
11631
11653
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
11632
11654
|
sm: "sm";
|
|
@@ -12172,6 +12194,7 @@ export declare const synoJsonRenderers: {
|
|
|
12172
12194
|
secondary: "secondary";
|
|
12173
12195
|
ghost: "ghost";
|
|
12174
12196
|
danger: "danger";
|
|
12197
|
+
"danger-outline": "danger-outline";
|
|
12175
12198
|
}>>;
|
|
12176
12199
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
12177
12200
|
sm: "sm";
|
|
@@ -12717,6 +12740,7 @@ export declare const synoJsonRenderers: {
|
|
|
12717
12740
|
secondary: "secondary";
|
|
12718
12741
|
ghost: "ghost";
|
|
12719
12742
|
danger: "danger";
|
|
12743
|
+
"danger-outline": "danger-outline";
|
|
12720
12744
|
}>>;
|
|
12721
12745
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
12722
12746
|
sm: "sm";
|
|
@@ -13262,6 +13286,7 @@ export declare const synoJsonRenderers: {
|
|
|
13262
13286
|
secondary: "secondary";
|
|
13263
13287
|
ghost: "ghost";
|
|
13264
13288
|
danger: "danger";
|
|
13289
|
+
"danger-outline": "danger-outline";
|
|
13265
13290
|
}>>;
|
|
13266
13291
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
13267
13292
|
sm: "sm";
|
|
@@ -13807,6 +13832,7 @@ export declare const synoJsonRenderers: {
|
|
|
13807
13832
|
secondary: "secondary";
|
|
13808
13833
|
ghost: "ghost";
|
|
13809
13834
|
danger: "danger";
|
|
13835
|
+
"danger-outline": "danger-outline";
|
|
13810
13836
|
}>>;
|
|
13811
13837
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
13812
13838
|
sm: "sm";
|
|
@@ -14352,6 +14378,7 @@ export declare const synoJsonRenderers: {
|
|
|
14352
14378
|
secondary: "secondary";
|
|
14353
14379
|
ghost: "ghost";
|
|
14354
14380
|
danger: "danger";
|
|
14381
|
+
"danger-outline": "danger-outline";
|
|
14355
14382
|
}>>;
|
|
14356
14383
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
14357
14384
|
sm: "sm";
|
|
@@ -14897,6 +14924,7 @@ export declare const synoJsonRenderers: {
|
|
|
14897
14924
|
secondary: "secondary";
|
|
14898
14925
|
ghost: "ghost";
|
|
14899
14926
|
danger: "danger";
|
|
14927
|
+
"danger-outline": "danger-outline";
|
|
14900
14928
|
}>>;
|
|
14901
14929
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
14902
14930
|
sm: "sm";
|
|
@@ -15442,6 +15470,7 @@ export declare const synoJsonRenderers: {
|
|
|
15442
15470
|
secondary: "secondary";
|
|
15443
15471
|
ghost: "ghost";
|
|
15444
15472
|
danger: "danger";
|
|
15473
|
+
"danger-outline": "danger-outline";
|
|
15445
15474
|
}>>;
|
|
15446
15475
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
15447
15476
|
sm: "sm";
|
|
@@ -15987,6 +16016,7 @@ export declare const synoJsonRenderers: {
|
|
|
15987
16016
|
secondary: "secondary";
|
|
15988
16017
|
ghost: "ghost";
|
|
15989
16018
|
danger: "danger";
|
|
16019
|
+
"danger-outline": "danger-outline";
|
|
15990
16020
|
}>>;
|
|
15991
16021
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
15992
16022
|
sm: "sm";
|
|
@@ -16532,6 +16562,7 @@ export declare const synoJsonRenderers: {
|
|
|
16532
16562
|
secondary: "secondary";
|
|
16533
16563
|
ghost: "ghost";
|
|
16534
16564
|
danger: "danger";
|
|
16565
|
+
"danger-outline": "danger-outline";
|
|
16535
16566
|
}>>;
|
|
16536
16567
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
16537
16568
|
sm: "sm";
|
|
@@ -17077,6 +17108,7 @@ export declare const synoJsonRenderers: {
|
|
|
17077
17108
|
secondary: "secondary";
|
|
17078
17109
|
ghost: "ghost";
|
|
17079
17110
|
danger: "danger";
|
|
17111
|
+
"danger-outline": "danger-outline";
|
|
17080
17112
|
}>>;
|
|
17081
17113
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
17082
17114
|
sm: "sm";
|
|
@@ -17622,6 +17654,7 @@ export declare const synoJsonRenderers: {
|
|
|
17622
17654
|
secondary: "secondary";
|
|
17623
17655
|
ghost: "ghost";
|
|
17624
17656
|
danger: "danger";
|
|
17657
|
+
"danger-outline": "danger-outline";
|
|
17625
17658
|
}>>;
|
|
17626
17659
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
17627
17660
|
sm: "sm";
|
|
@@ -18167,6 +18200,7 @@ export declare const synoJsonRenderers: {
|
|
|
18167
18200
|
secondary: "secondary";
|
|
18168
18201
|
ghost: "ghost";
|
|
18169
18202
|
danger: "danger";
|
|
18203
|
+
"danger-outline": "danger-outline";
|
|
18170
18204
|
}>>;
|
|
18171
18205
|
size: import('zod').ZodOptional<import('zod').ZodEnum<{
|
|
18172
18206
|
sm: "sm";
|
package/dist/json-ai-prompt.md
CHANGED
|
@@ -59,7 +59,7 @@ AVAILABLE COMPONENTS (34):
|
|
|
59
59
|
- Tabs: { value: string, items: Array<{ label: string, value: string, disabled?: boolean }>, ariaLabel?: string } - Section tabs for switching a local mode or filter. Bind value to state for two-way updates. [events: change]
|
|
60
60
|
- Stack: { direction?: "row" | "column", gap?: "none" | "xs" | "sm" | "md" | "lg", align?: "start" | "center" | "end" | "stretch", justify?: "start" | "center" | "end" | "between", wrap?: boolean } - Simple layout composition. Prefer semantic components first and use Stack only for local arrangement. [accepts children]
|
|
61
61
|
- Text: { text: string, variant?: "body" | "muted" | "caption" | "heading" | "mono" } - Short application text. Do not use it when a semantic component already owns the label/description.
|
|
62
|
-
- Button: { label: string, variant?: "primary" | "secondary" | "ghost" | "danger", size?: "sm" | "md" | "lg", disabled?: boolean, loading?: boolean, icon?: string } - User action. Its shape follows the container: a capsule in a Dialog footer, else a tool button. One primary (or one danger to confirm a deletion) per footer or section, placed last; toolbar and row actions, Delete included, stay secondary. Icon is an optional host-registered icon name. [events: press]
|
|
62
|
+
- Button: { label: string, variant?: "primary" | "secondary" | "ghost" | "danger" | "danger-outline", size?: "sm" | "md" | "lg", disabled?: boolean, loading?: boolean, icon?: string } - User action. Its shape follows the container: a capsule in a Dialog footer, else a tool button. One primary (or one danger to confirm a deletion) per footer or section, placed last; toolbar and row actions, Delete included, stay secondary. Icon is an optional host-registered icon name. [events: press]
|
|
63
63
|
- Input: { value?: string | number, type?: string, placeholder?: string, disabled?: boolean, readonly?: boolean, invalid?: boolean, size?: "sm" | "md" | "lg", ariaLabel?: string } - Single-line input. Use $bindState/$bindItem on value for editable state. [events: change]
|
|
64
64
|
- Select: { value?: string, options: Array<{ label: string, value: string, disabled?: boolean }>, placeholder?: string, disabled?: boolean, search?: boolean } - Single-choice select. Use $bindState/$bindItem on value. [events: change]
|
|
65
65
|
- Checkbox: { checked?: boolean, label?: string, description?: string, disabled?: boolean } - Boolean choice. Use $bindState/$bindItem on checked. [events: change]
|