@kubex/zinc 2.0.0 → 2.0.1
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/dist/custom-elements.json +197 -197
- package/dist/vscode.html-custom-data.json +32 -32
- package/dist/web-types.json +67 -67
- package/dist/zn.d.ts +2 -1
- package/dist/zn.min.js +3 -3
- package/package.json +1 -1
- package/src/components/data-table/data-table.scss +3 -0
- package/src/internal/reorder.ts +10 -3
|
@@ -56,6 +56,79 @@
|
|
|
56
56
|
}
|
|
57
57
|
]
|
|
58
58
|
},
|
|
59
|
+
{
|
|
60
|
+
"kind": "javascript-module",
|
|
61
|
+
"path": "components/action-bar/action-bar.js",
|
|
62
|
+
"declarations": [
|
|
63
|
+
{
|
|
64
|
+
"kind": "class",
|
|
65
|
+
"description": "",
|
|
66
|
+
"name": "ZnActionBar",
|
|
67
|
+
"cssProperties": [
|
|
68
|
+
{
|
|
69
|
+
"description": "An example CSS custom property.",
|
|
70
|
+
"name": "--example"
|
|
71
|
+
}
|
|
72
|
+
],
|
|
73
|
+
"cssParts": [
|
|
74
|
+
{
|
|
75
|
+
"description": "The component's base wrapper.",
|
|
76
|
+
"name": "base"
|
|
77
|
+
}
|
|
78
|
+
],
|
|
79
|
+
"slots": [
|
|
80
|
+
{
|
|
81
|
+
"description": "The default slot.",
|
|
82
|
+
"name": ""
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"description": "An example slot.",
|
|
86
|
+
"name": "example"
|
|
87
|
+
}
|
|
88
|
+
],
|
|
89
|
+
"members": [
|
|
90
|
+
{
|
|
91
|
+
"kind": "field",
|
|
92
|
+
"name": "localize",
|
|
93
|
+
"privacy": "private",
|
|
94
|
+
"readonly": true,
|
|
95
|
+
"default": "new LocalizeController(this)"
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
"events": [
|
|
99
|
+
{
|
|
100
|
+
"description": "Emitted as an example.",
|
|
101
|
+
"name": "zn-event-name"
|
|
102
|
+
}
|
|
103
|
+
],
|
|
104
|
+
"superclass": {
|
|
105
|
+
"name": "ZincElement",
|
|
106
|
+
"module": "/src/internal/zinc-element"
|
|
107
|
+
},
|
|
108
|
+
"summary": "Short summary of the component's intended use.",
|
|
109
|
+
"tagNameWithoutPrefix": "action-bar",
|
|
110
|
+
"tagName": "zn-action-bar",
|
|
111
|
+
"customElement": true,
|
|
112
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
113
|
+
"documentation": "https://zinc.style/components/action-bar",
|
|
114
|
+
"status": "experimental",
|
|
115
|
+
"since": "1.0",
|
|
116
|
+
"dependencies": [
|
|
117
|
+
"zn-example"
|
|
118
|
+
]
|
|
119
|
+
}
|
|
120
|
+
],
|
|
121
|
+
"exports": [
|
|
122
|
+
{
|
|
123
|
+
"kind": "js",
|
|
124
|
+
"name": "default",
|
|
125
|
+
"declaration": {
|
|
126
|
+
"name": "ZnActionBar",
|
|
127
|
+
"module": "components/action-bar/action-bar.js"
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
]
|
|
131
|
+
},
|
|
59
132
|
{
|
|
60
133
|
"kind": "javascript-module",
|
|
61
134
|
"path": "components/alert/alert.js",
|
|
@@ -271,79 +344,6 @@
|
|
|
271
344
|
}
|
|
272
345
|
]
|
|
273
346
|
},
|
|
274
|
-
{
|
|
275
|
-
"kind": "javascript-module",
|
|
276
|
-
"path": "components/action-bar/action-bar.js",
|
|
277
|
-
"declarations": [
|
|
278
|
-
{
|
|
279
|
-
"kind": "class",
|
|
280
|
-
"description": "",
|
|
281
|
-
"name": "ZnActionBar",
|
|
282
|
-
"cssProperties": [
|
|
283
|
-
{
|
|
284
|
-
"description": "An example CSS custom property.",
|
|
285
|
-
"name": "--example"
|
|
286
|
-
}
|
|
287
|
-
],
|
|
288
|
-
"cssParts": [
|
|
289
|
-
{
|
|
290
|
-
"description": "The component's base wrapper.",
|
|
291
|
-
"name": "base"
|
|
292
|
-
}
|
|
293
|
-
],
|
|
294
|
-
"slots": [
|
|
295
|
-
{
|
|
296
|
-
"description": "The default slot.",
|
|
297
|
-
"name": ""
|
|
298
|
-
},
|
|
299
|
-
{
|
|
300
|
-
"description": "An example slot.",
|
|
301
|
-
"name": "example"
|
|
302
|
-
}
|
|
303
|
-
],
|
|
304
|
-
"members": [
|
|
305
|
-
{
|
|
306
|
-
"kind": "field",
|
|
307
|
-
"name": "localize",
|
|
308
|
-
"privacy": "private",
|
|
309
|
-
"readonly": true,
|
|
310
|
-
"default": "new LocalizeController(this)"
|
|
311
|
-
}
|
|
312
|
-
],
|
|
313
|
-
"events": [
|
|
314
|
-
{
|
|
315
|
-
"description": "Emitted as an example.",
|
|
316
|
-
"name": "zn-event-name"
|
|
317
|
-
}
|
|
318
|
-
],
|
|
319
|
-
"superclass": {
|
|
320
|
-
"name": "ZincElement",
|
|
321
|
-
"module": "/src/internal/zinc-element"
|
|
322
|
-
},
|
|
323
|
-
"summary": "Short summary of the component's intended use.",
|
|
324
|
-
"tagNameWithoutPrefix": "action-bar",
|
|
325
|
-
"tagName": "zn-action-bar",
|
|
326
|
-
"customElement": true,
|
|
327
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
328
|
-
"documentation": "https://zinc.style/components/action-bar",
|
|
329
|
-
"status": "experimental",
|
|
330
|
-
"since": "1.0",
|
|
331
|
-
"dependencies": [
|
|
332
|
-
"zn-example"
|
|
333
|
-
]
|
|
334
|
-
}
|
|
335
|
-
],
|
|
336
|
-
"exports": [
|
|
337
|
-
{
|
|
338
|
-
"kind": "js",
|
|
339
|
-
"name": "default",
|
|
340
|
-
"declaration": {
|
|
341
|
-
"name": "ZnActionBar",
|
|
342
|
-
"module": "components/action-bar/action-bar.js"
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
]
|
|
346
|
-
},
|
|
347
347
|
{
|
|
348
348
|
"kind": "javascript-module",
|
|
349
349
|
"path": "components/animated-button/animated-button.js",
|
|
@@ -61555,129 +61555,6 @@
|
|
|
61555
61555
|
}
|
|
61556
61556
|
]
|
|
61557
61557
|
},
|
|
61558
|
-
{
|
|
61559
|
-
"kind": "javascript-module",
|
|
61560
|
-
"path": "components/well/well.js",
|
|
61561
|
-
"declarations": [
|
|
61562
|
-
{
|
|
61563
|
-
"kind": "class",
|
|
61564
|
-
"description": "",
|
|
61565
|
-
"name": "ZnWell",
|
|
61566
|
-
"slots": [
|
|
61567
|
-
{
|
|
61568
|
-
"description": "The default slot.",
|
|
61569
|
-
"name": ""
|
|
61570
|
-
},
|
|
61571
|
-
{
|
|
61572
|
-
"description": "Content displayed on the right hand side of the well.",
|
|
61573
|
-
"name": "action"
|
|
61574
|
-
}
|
|
61575
|
-
],
|
|
61576
|
-
"members": [
|
|
61577
|
-
{
|
|
61578
|
-
"kind": "field",
|
|
61579
|
-
"name": "icon",
|
|
61580
|
-
"type": {
|
|
61581
|
-
"text": "string"
|
|
61582
|
-
},
|
|
61583
|
-
"default": "''",
|
|
61584
|
-
"attribute": "icon"
|
|
61585
|
-
},
|
|
61586
|
-
{
|
|
61587
|
-
"kind": "field",
|
|
61588
|
-
"name": "inline",
|
|
61589
|
-
"type": {
|
|
61590
|
-
"text": "boolean"
|
|
61591
|
-
},
|
|
61592
|
-
"attribute": "inline",
|
|
61593
|
-
"reflects": true
|
|
61594
|
-
},
|
|
61595
|
-
{
|
|
61596
|
-
"kind": "field",
|
|
61597
|
-
"name": "pre",
|
|
61598
|
-
"type": {
|
|
61599
|
-
"text": "boolean"
|
|
61600
|
-
},
|
|
61601
|
-
"description": "Renders the default slot inside a `pre` element, preserving whitespace using a monospace font.",
|
|
61602
|
-
"attribute": "pre",
|
|
61603
|
-
"reflects": true
|
|
61604
|
-
},
|
|
61605
|
-
{
|
|
61606
|
-
"kind": "field",
|
|
61607
|
-
"name": "breakLong",
|
|
61608
|
-
"type": {
|
|
61609
|
-
"text": "boolean"
|
|
61610
|
-
},
|
|
61611
|
-
"description": "Breaks long unbroken words, so they wrap instead of forcing the well wider.",
|
|
61612
|
-
"attribute": "break-long",
|
|
61613
|
-
"reflects": true
|
|
61614
|
-
},
|
|
61615
|
-
{
|
|
61616
|
-
"kind": "field",
|
|
61617
|
-
"name": "hasSlotController",
|
|
61618
|
-
"privacy": "private",
|
|
61619
|
-
"readonly": true,
|
|
61620
|
-
"default": "new HasSlotController(this, '[default]', 'action')"
|
|
61621
|
-
}
|
|
61622
|
-
],
|
|
61623
|
-
"attributes": [
|
|
61624
|
-
{
|
|
61625
|
-
"name": "icon",
|
|
61626
|
-
"type": {
|
|
61627
|
-
"text": "string"
|
|
61628
|
-
},
|
|
61629
|
-
"default": "''",
|
|
61630
|
-
"fieldName": "icon"
|
|
61631
|
-
},
|
|
61632
|
-
{
|
|
61633
|
-
"name": "inline",
|
|
61634
|
-
"type": {
|
|
61635
|
-
"text": "boolean"
|
|
61636
|
-
},
|
|
61637
|
-
"fieldName": "inline"
|
|
61638
|
-
},
|
|
61639
|
-
{
|
|
61640
|
-
"name": "pre",
|
|
61641
|
-
"type": {
|
|
61642
|
-
"text": "boolean"
|
|
61643
|
-
},
|
|
61644
|
-
"description": "Renders the default slot inside a `pre` element, preserving whitespace using a monospace font.",
|
|
61645
|
-
"fieldName": "pre"
|
|
61646
|
-
},
|
|
61647
|
-
{
|
|
61648
|
-
"name": "break-long",
|
|
61649
|
-
"type": {
|
|
61650
|
-
"text": "boolean"
|
|
61651
|
-
},
|
|
61652
|
-
"description": "Breaks long unbroken words, so they wrap instead of forcing the well wider.",
|
|
61653
|
-
"fieldName": "breakLong"
|
|
61654
|
-
}
|
|
61655
|
-
],
|
|
61656
|
-
"superclass": {
|
|
61657
|
-
"name": "ZincElement",
|
|
61658
|
-
"module": "/src/internal/zinc-element"
|
|
61659
|
-
},
|
|
61660
|
-
"summary": "Short summary of the component's intended use.",
|
|
61661
|
-
"tagNameWithoutPrefix": "well",
|
|
61662
|
-
"tagName": "zn-well",
|
|
61663
|
-
"customElement": true,
|
|
61664
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/well\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n * @slot action - Content displayed on the right hand side of the well.\n */",
|
|
61665
|
-
"documentation": "https://zinc.style/components/well",
|
|
61666
|
-
"status": "experimental",
|
|
61667
|
-
"since": "1.0"
|
|
61668
|
-
}
|
|
61669
|
-
],
|
|
61670
|
-
"exports": [
|
|
61671
|
-
{
|
|
61672
|
-
"kind": "js",
|
|
61673
|
-
"name": "default",
|
|
61674
|
-
"declaration": {
|
|
61675
|
-
"name": "ZnWell",
|
|
61676
|
-
"module": "components/well/well.js"
|
|
61677
|
-
}
|
|
61678
|
-
}
|
|
61679
|
-
]
|
|
61680
|
-
},
|
|
61681
61558
|
{
|
|
61682
61559
|
"kind": "javascript-module",
|
|
61683
61560
|
"path": "components/vertical-stepper/vertical-stepper.js",
|
|
@@ -61951,12 +61828,135 @@
|
|
|
61951
61828
|
}
|
|
61952
61829
|
}
|
|
61953
61830
|
]
|
|
61831
|
+
},
|
|
61832
|
+
{
|
|
61833
|
+
"kind": "javascript-module",
|
|
61834
|
+
"path": "components/well/well.js",
|
|
61835
|
+
"declarations": [
|
|
61836
|
+
{
|
|
61837
|
+
"kind": "class",
|
|
61838
|
+
"description": "",
|
|
61839
|
+
"name": "ZnWell",
|
|
61840
|
+
"slots": [
|
|
61841
|
+
{
|
|
61842
|
+
"description": "The default slot.",
|
|
61843
|
+
"name": ""
|
|
61844
|
+
},
|
|
61845
|
+
{
|
|
61846
|
+
"description": "Content displayed on the right hand side of the well.",
|
|
61847
|
+
"name": "action"
|
|
61848
|
+
}
|
|
61849
|
+
],
|
|
61850
|
+
"members": [
|
|
61851
|
+
{
|
|
61852
|
+
"kind": "field",
|
|
61853
|
+
"name": "icon",
|
|
61854
|
+
"type": {
|
|
61855
|
+
"text": "string"
|
|
61856
|
+
},
|
|
61857
|
+
"default": "''",
|
|
61858
|
+
"attribute": "icon"
|
|
61859
|
+
},
|
|
61860
|
+
{
|
|
61861
|
+
"kind": "field",
|
|
61862
|
+
"name": "inline",
|
|
61863
|
+
"type": {
|
|
61864
|
+
"text": "boolean"
|
|
61865
|
+
},
|
|
61866
|
+
"attribute": "inline",
|
|
61867
|
+
"reflects": true
|
|
61868
|
+
},
|
|
61869
|
+
{
|
|
61870
|
+
"kind": "field",
|
|
61871
|
+
"name": "pre",
|
|
61872
|
+
"type": {
|
|
61873
|
+
"text": "boolean"
|
|
61874
|
+
},
|
|
61875
|
+
"description": "Renders the default slot inside a `pre` element, preserving whitespace using a monospace font.",
|
|
61876
|
+
"attribute": "pre",
|
|
61877
|
+
"reflects": true
|
|
61878
|
+
},
|
|
61879
|
+
{
|
|
61880
|
+
"kind": "field",
|
|
61881
|
+
"name": "breakLong",
|
|
61882
|
+
"type": {
|
|
61883
|
+
"text": "boolean"
|
|
61884
|
+
},
|
|
61885
|
+
"description": "Breaks long unbroken words, so they wrap instead of forcing the well wider.",
|
|
61886
|
+
"attribute": "break-long",
|
|
61887
|
+
"reflects": true
|
|
61888
|
+
},
|
|
61889
|
+
{
|
|
61890
|
+
"kind": "field",
|
|
61891
|
+
"name": "hasSlotController",
|
|
61892
|
+
"privacy": "private",
|
|
61893
|
+
"readonly": true,
|
|
61894
|
+
"default": "new HasSlotController(this, '[default]', 'action')"
|
|
61895
|
+
}
|
|
61896
|
+
],
|
|
61897
|
+
"attributes": [
|
|
61898
|
+
{
|
|
61899
|
+
"name": "icon",
|
|
61900
|
+
"type": {
|
|
61901
|
+
"text": "string"
|
|
61902
|
+
},
|
|
61903
|
+
"default": "''",
|
|
61904
|
+
"fieldName": "icon"
|
|
61905
|
+
},
|
|
61906
|
+
{
|
|
61907
|
+
"name": "inline",
|
|
61908
|
+
"type": {
|
|
61909
|
+
"text": "boolean"
|
|
61910
|
+
},
|
|
61911
|
+
"fieldName": "inline"
|
|
61912
|
+
},
|
|
61913
|
+
{
|
|
61914
|
+
"name": "pre",
|
|
61915
|
+
"type": {
|
|
61916
|
+
"text": "boolean"
|
|
61917
|
+
},
|
|
61918
|
+
"description": "Renders the default slot inside a `pre` element, preserving whitespace using a monospace font.",
|
|
61919
|
+
"fieldName": "pre"
|
|
61920
|
+
},
|
|
61921
|
+
{
|
|
61922
|
+
"name": "break-long",
|
|
61923
|
+
"type": {
|
|
61924
|
+
"text": "boolean"
|
|
61925
|
+
},
|
|
61926
|
+
"description": "Breaks long unbroken words, so they wrap instead of forcing the well wider.",
|
|
61927
|
+
"fieldName": "breakLong"
|
|
61928
|
+
}
|
|
61929
|
+
],
|
|
61930
|
+
"superclass": {
|
|
61931
|
+
"name": "ZincElement",
|
|
61932
|
+
"module": "/src/internal/zinc-element"
|
|
61933
|
+
},
|
|
61934
|
+
"summary": "Short summary of the component's intended use.",
|
|
61935
|
+
"tagNameWithoutPrefix": "well",
|
|
61936
|
+
"tagName": "zn-well",
|
|
61937
|
+
"customElement": true,
|
|
61938
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/well\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n * @slot action - Content displayed on the right hand side of the well.\n */",
|
|
61939
|
+
"documentation": "https://zinc.style/components/well",
|
|
61940
|
+
"status": "experimental",
|
|
61941
|
+
"since": "1.0"
|
|
61942
|
+
}
|
|
61943
|
+
],
|
|
61944
|
+
"exports": [
|
|
61945
|
+
{
|
|
61946
|
+
"kind": "js",
|
|
61947
|
+
"name": "default",
|
|
61948
|
+
"declaration": {
|
|
61949
|
+
"name": "ZnWell",
|
|
61950
|
+
"module": "components/well/well.js"
|
|
61951
|
+
}
|
|
61952
|
+
}
|
|
61953
|
+
]
|
|
61954
61954
|
}
|
|
61955
61955
|
],
|
|
61956
61956
|
"package": {
|
|
61957
61957
|
"name": "@kubex/zinc",
|
|
61958
61958
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
61959
|
-
"version": "2.0.
|
|
61959
|
+
"version": "2.0.1",
|
|
61960
61960
|
"author": "",
|
|
61961
61961
|
"license": "MIT"
|
|
61962
61962
|
}
|
|
@@ -13,6 +13,17 @@
|
|
|
13
13
|
}
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
+
{
|
|
17
|
+
"name": "zn-action-bar",
|
|
18
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
19
|
+
"attributes": [],
|
|
20
|
+
"references": [
|
|
21
|
+
{
|
|
22
|
+
"name": "Documentation",
|
|
23
|
+
"url": "https://zinc.style/components/action-bar"
|
|
24
|
+
}
|
|
25
|
+
]
|
|
26
|
+
},
|
|
16
27
|
{
|
|
17
28
|
"name": "zn-alert",
|
|
18
29
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -60,17 +71,6 @@
|
|
|
60
71
|
}
|
|
61
72
|
]
|
|
62
73
|
},
|
|
63
|
-
{
|
|
64
|
-
"name": "zn-action-bar",
|
|
65
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
66
|
-
"attributes": [],
|
|
67
|
-
"references": [
|
|
68
|
-
{
|
|
69
|
-
"name": "Documentation",
|
|
70
|
-
"url": "https://zinc.style/components/action-bar"
|
|
71
|
-
}
|
|
72
|
-
]
|
|
73
|
-
},
|
|
74
74
|
{
|
|
75
75
|
"name": "zn-animated-button",
|
|
76
76
|
"description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
|
|
@@ -6420,27 +6420,6 @@
|
|
|
6420
6420
|
}
|
|
6421
6421
|
]
|
|
6422
6422
|
},
|
|
6423
|
-
{
|
|
6424
|
-
"name": "zn-well",
|
|
6425
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **action** - Content displayed on the right hand side of the well.",
|
|
6426
|
-
"attributes": [
|
|
6427
|
-
{ "name": "icon", "values": [] },
|
|
6428
|
-
{ "name": "inline", "values": [] },
|
|
6429
|
-
{
|
|
6430
|
-
"name": "pre",
|
|
6431
|
-
"description": "Renders the default slot inside a `pre` element, preserving whitespace using a monospace font.",
|
|
6432
|
-
"values": []
|
|
6433
|
-
},
|
|
6434
|
-
{
|
|
6435
|
-
"name": "break-long",
|
|
6436
|
-
"description": "Breaks long unbroken words, so they wrap instead of forcing the well wider.",
|
|
6437
|
-
"values": []
|
|
6438
|
-
}
|
|
6439
|
-
],
|
|
6440
|
-
"references": [
|
|
6441
|
-
{ "name": "Documentation", "url": "https://zinc.style/components/well" }
|
|
6442
|
-
]
|
|
6443
|
-
},
|
|
6444
6423
|
{
|
|
6445
6424
|
"name": "zn-vertical-stepper",
|
|
6446
6425
|
"description": "Vertical steppers display a sequence of steps in a vertical layout with descriptions and optional icons.\n---\n\n\n### **Slots:**\n - _default_ - Content below the caption and description, such as metadata or chips.\n- **icon** - Optional slot for adding an icon or indicator before the step content.\n- **suffix** - Inline content after the caption and description, such as status chips.\n- **actions** - Controls aligned to the end of the step.\n\n### **CSS Parts:**\n - **vs** - The main container for the vertical stepper.\n- **vs__left** - The left section containing the icon and connecting line.\n- **vs__icon** - The icon container.\n- **vs__line** - The vertical connecting line between steps.\n- **vs__right** - The right section containing caption and description text.\n- **vs__caption** - The caption/title text element.\n- **vs__description** - The description text element.\n- **vs__content** - The container for the default slot.\n- **vs__actions** - The container for the actions slot.",
|
|
@@ -6497,6 +6476,27 @@
|
|
|
6497
6476
|
"url": "https://zinc.style/components/vertical-stepper"
|
|
6498
6477
|
}
|
|
6499
6478
|
]
|
|
6479
|
+
},
|
|
6480
|
+
{
|
|
6481
|
+
"name": "zn-well",
|
|
6482
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **action** - Content displayed on the right hand side of the well.",
|
|
6483
|
+
"attributes": [
|
|
6484
|
+
{ "name": "icon", "values": [] },
|
|
6485
|
+
{ "name": "inline", "values": [] },
|
|
6486
|
+
{
|
|
6487
|
+
"name": "pre",
|
|
6488
|
+
"description": "Renders the default slot inside a `pre` element, preserving whitespace using a monospace font.",
|
|
6489
|
+
"values": []
|
|
6490
|
+
},
|
|
6491
|
+
{
|
|
6492
|
+
"name": "break-long",
|
|
6493
|
+
"description": "Breaks long unbroken words, so they wrap instead of forcing the well wider.",
|
|
6494
|
+
"values": []
|
|
6495
|
+
}
|
|
6496
|
+
],
|
|
6497
|
+
"references": [
|
|
6498
|
+
{ "name": "Documentation", "url": "https://zinc.style/components/well" }
|
|
6499
|
+
]
|
|
6500
6500
|
}
|
|
6501
6501
|
]
|
|
6502
6502
|
}
|