@umbraco-ui/uui 0.2.1 → 1.0.0-rc.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/custom-elements.json +140 -25
- package/dist/uui.min.js +56 -53
- package/dist/uui.min.js.map +1 -1
- package/package.json +74 -74
package/custom-elements.json
CHANGED
|
@@ -129,10 +129,10 @@
|
|
|
129
129
|
"description": "A badge to notify that there is something that requires attention of the user. The badge is positioned with `position: absolute`. It will determine its position against the first ancestor with `position: relative`.",
|
|
130
130
|
"attributes": [
|
|
131
131
|
{
|
|
132
|
-
"name": "
|
|
133
|
-
"description": "Changes the look of the
|
|
134
|
-
"type": "\"\"
|
|
135
|
-
"default": "\"
|
|
132
|
+
"name": "color",
|
|
133
|
+
"description": "Changes the look of the badge to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" badge.",
|
|
134
|
+
"type": "\"\" | \"default\"|\"positive\"|\"warning\"|\"danger\"",
|
|
135
|
+
"default": "\"default\""
|
|
136
136
|
},
|
|
137
137
|
{
|
|
138
138
|
"name": "attention",
|
|
@@ -148,11 +148,11 @@
|
|
|
148
148
|
"default": "[null]"
|
|
149
149
|
},
|
|
150
150
|
{
|
|
151
|
-
"name": "
|
|
152
|
-
"attribute": "
|
|
153
|
-
"description": "Changes the look of the
|
|
154
|
-
"type": "\"\"
|
|
155
|
-
"default": "\"
|
|
151
|
+
"name": "color",
|
|
152
|
+
"attribute": "color",
|
|
153
|
+
"description": "Changes the look of the badge to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" badge.",
|
|
154
|
+
"type": "\"\" | \"default\"|\"positive\"|\"warning\"|\"danger\"",
|
|
155
|
+
"default": "\"default\""
|
|
156
156
|
},
|
|
157
157
|
{
|
|
158
158
|
"name": "attention",
|
|
@@ -409,8 +409,14 @@
|
|
|
409
409
|
{
|
|
410
410
|
"name": "look",
|
|
411
411
|
"description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
|
|
412
|
-
"type": "\"\"
|
|
413
|
-
"default": "\"\\\"\\\"\""
|
|
412
|
+
"type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
|
|
413
|
+
"default": "\"\\\"default\\\"\""
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"name": "color",
|
|
417
|
+
"description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
|
|
418
|
+
"type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
|
|
419
|
+
"default": "\"\\\"default\\\"\""
|
|
414
420
|
},
|
|
415
421
|
{
|
|
416
422
|
"name": "compact",
|
|
@@ -424,6 +430,18 @@
|
|
|
424
430
|
"type": "undefined |'waiting' | 'success' | 'failed'",
|
|
425
431
|
"default": "\"undefined\""
|
|
426
432
|
},
|
|
433
|
+
{
|
|
434
|
+
"name": "href",
|
|
435
|
+
"description": "Set an href, this will turns the button into a anchor tag.",
|
|
436
|
+
"type": "string",
|
|
437
|
+
"default": "\"undefined\""
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
"name": "target",
|
|
441
|
+
"description": "Set an anchor tag target, only used when using href.",
|
|
442
|
+
"type": "string",
|
|
443
|
+
"default": "\"undefined\""
|
|
444
|
+
},
|
|
427
445
|
{
|
|
428
446
|
"name": "name",
|
|
429
447
|
"description": "This is a name property of the component.",
|
|
@@ -496,8 +514,15 @@
|
|
|
496
514
|
"name": "look",
|
|
497
515
|
"attribute": "look",
|
|
498
516
|
"description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
|
|
499
|
-
"type": "\"\"
|
|
500
|
-
"default": "\"\\\"\\\"\""
|
|
517
|
+
"type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
|
|
518
|
+
"default": "\"\\\"default\\\"\""
|
|
519
|
+
},
|
|
520
|
+
{
|
|
521
|
+
"name": "color",
|
|
522
|
+
"attribute": "color",
|
|
523
|
+
"description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
|
|
524
|
+
"type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
|
|
525
|
+
"default": "\"\\\"default\\\"\""
|
|
501
526
|
},
|
|
502
527
|
{
|
|
503
528
|
"name": "compact",
|
|
@@ -513,6 +538,20 @@
|
|
|
513
538
|
"type": "undefined |'waiting' | 'success' | 'failed'",
|
|
514
539
|
"default": "\"undefined\""
|
|
515
540
|
},
|
|
541
|
+
{
|
|
542
|
+
"name": "href",
|
|
543
|
+
"attribute": "href",
|
|
544
|
+
"description": "Set an href, this will turns the button into a anchor tag.",
|
|
545
|
+
"type": "string",
|
|
546
|
+
"default": "\"undefined\""
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"name": "target",
|
|
550
|
+
"attribute": "target",
|
|
551
|
+
"description": "Set an anchor tag target, only used when using href.",
|
|
552
|
+
"type": "string",
|
|
553
|
+
"default": "\"undefined\""
|
|
554
|
+
},
|
|
516
555
|
{
|
|
517
556
|
"name": "formAssociated",
|
|
518
557
|
"description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
|
|
@@ -5697,6 +5736,18 @@
|
|
|
5697
5736
|
"type": "boolean",
|
|
5698
5737
|
"default": "\"false\""
|
|
5699
5738
|
},
|
|
5739
|
+
{
|
|
5740
|
+
"name": "href",
|
|
5741
|
+
"description": "Set an href, this will turns the inner button into a anchor tag.",
|
|
5742
|
+
"type": "string",
|
|
5743
|
+
"default": "\"undefined\""
|
|
5744
|
+
},
|
|
5745
|
+
{
|
|
5746
|
+
"name": "target",
|
|
5747
|
+
"description": "Set an anchor tag target, only used when using href.",
|
|
5748
|
+
"type": "string",
|
|
5749
|
+
"default": "\"undefined\""
|
|
5750
|
+
},
|
|
5700
5751
|
{
|
|
5701
5752
|
"name": "active",
|
|
5702
5753
|
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
@@ -5722,6 +5773,20 @@
|
|
|
5722
5773
|
"type": "boolean",
|
|
5723
5774
|
"default": "\"false\""
|
|
5724
5775
|
},
|
|
5776
|
+
{
|
|
5777
|
+
"name": "href",
|
|
5778
|
+
"attribute": "href",
|
|
5779
|
+
"description": "Set an href, this will turns the inner button into a anchor tag.",
|
|
5780
|
+
"type": "string",
|
|
5781
|
+
"default": "\"undefined\""
|
|
5782
|
+
},
|
|
5783
|
+
{
|
|
5784
|
+
"name": "target",
|
|
5785
|
+
"attribute": "target",
|
|
5786
|
+
"description": "Set an anchor tag target, only used when using href.",
|
|
5787
|
+
"type": "string",
|
|
5788
|
+
"default": "\"undefined\""
|
|
5789
|
+
},
|
|
5725
5790
|
{
|
|
5726
5791
|
"name": "active",
|
|
5727
5792
|
"attribute": "active",
|
|
@@ -5737,6 +5802,18 @@
|
|
|
5737
5802
|
}
|
|
5738
5803
|
],
|
|
5739
5804
|
"slots": [
|
|
5805
|
+
{
|
|
5806
|
+
"name": "default",
|
|
5807
|
+
"description": "for label"
|
|
5808
|
+
},
|
|
5809
|
+
{
|
|
5810
|
+
"name": "icon",
|
|
5811
|
+
"description": "for icon"
|
|
5812
|
+
},
|
|
5813
|
+
{
|
|
5814
|
+
"name": "extra",
|
|
5815
|
+
"description": "for extra"
|
|
5816
|
+
},
|
|
5740
5817
|
{
|
|
5741
5818
|
"name": "",
|
|
5742
5819
|
"description": "Override the default label"
|
|
@@ -5776,6 +5853,18 @@
|
|
|
5776
5853
|
"type": "boolean",
|
|
5777
5854
|
"default": "\"false\""
|
|
5778
5855
|
},
|
|
5856
|
+
{
|
|
5857
|
+
"name": "href",
|
|
5858
|
+
"description": "Set an href, this will turns the inner button into a anchor tag.",
|
|
5859
|
+
"type": "string",
|
|
5860
|
+
"default": "\"undefined\""
|
|
5861
|
+
},
|
|
5862
|
+
{
|
|
5863
|
+
"name": "target",
|
|
5864
|
+
"description": "Set an anchor tag target, only used when using href.",
|
|
5865
|
+
"type": "string",
|
|
5866
|
+
"default": "\"undefined\""
|
|
5867
|
+
},
|
|
5779
5868
|
{
|
|
5780
5869
|
"name": "active",
|
|
5781
5870
|
"description": "Set this boolean to true for then the related composition is sorted.",
|
|
@@ -5801,6 +5890,20 @@
|
|
|
5801
5890
|
"type": "boolean",
|
|
5802
5891
|
"default": "\"false\""
|
|
5803
5892
|
},
|
|
5893
|
+
{
|
|
5894
|
+
"name": "href",
|
|
5895
|
+
"attribute": "href",
|
|
5896
|
+
"description": "Set an href, this will turns the inner button into a anchor tag.",
|
|
5897
|
+
"type": "string",
|
|
5898
|
+
"default": "\"undefined\""
|
|
5899
|
+
},
|
|
5900
|
+
{
|
|
5901
|
+
"name": "target",
|
|
5902
|
+
"attribute": "target",
|
|
5903
|
+
"description": "Set an anchor tag target, only used when using href.",
|
|
5904
|
+
"type": "string",
|
|
5905
|
+
"default": "\"undefined\""
|
|
5906
|
+
},
|
|
5804
5907
|
{
|
|
5805
5908
|
"name": "active",
|
|
5806
5909
|
"attribute": "active",
|
|
@@ -5816,6 +5919,18 @@
|
|
|
5816
5919
|
}
|
|
5817
5920
|
],
|
|
5818
5921
|
"slots": [
|
|
5922
|
+
{
|
|
5923
|
+
"name": "default",
|
|
5924
|
+
"description": "for label"
|
|
5925
|
+
},
|
|
5926
|
+
{
|
|
5927
|
+
"name": "icon",
|
|
5928
|
+
"description": "for icon"
|
|
5929
|
+
},
|
|
5930
|
+
{
|
|
5931
|
+
"name": "extra",
|
|
5932
|
+
"description": "for extra"
|
|
5933
|
+
},
|
|
5819
5934
|
{
|
|
5820
5935
|
"name": "",
|
|
5821
5936
|
"description": "Override the default label"
|
|
@@ -5849,10 +5964,10 @@
|
|
|
5849
5964
|
"path": "./../uui-tag/lib/uui-tag.element.ts",
|
|
5850
5965
|
"attributes": [
|
|
5851
5966
|
{
|
|
5852
|
-
"name": "
|
|
5853
|
-
"description": "Defines the
|
|
5854
|
-
"type": "
|
|
5855
|
-
"default": "\"\""
|
|
5967
|
+
"name": "color",
|
|
5968
|
+
"description": "Defines the color of the tag.",
|
|
5969
|
+
"type": "string",
|
|
5970
|
+
"default": "\"primary\""
|
|
5856
5971
|
}
|
|
5857
5972
|
],
|
|
5858
5973
|
"properties": [
|
|
@@ -5862,11 +5977,11 @@
|
|
|
5862
5977
|
"default": "[null]"
|
|
5863
5978
|
},
|
|
5864
5979
|
{
|
|
5865
|
-
"name": "
|
|
5866
|
-
"attribute": "
|
|
5867
|
-
"description": "Defines the
|
|
5868
|
-
"type": "
|
|
5869
|
-
"default": "\"\""
|
|
5980
|
+
"name": "color",
|
|
5981
|
+
"attribute": "color",
|
|
5982
|
+
"description": "Defines the color of the tag.",
|
|
5983
|
+
"type": "string",
|
|
5984
|
+
"default": "\"primary\""
|
|
5870
5985
|
}
|
|
5871
5986
|
],
|
|
5872
5987
|
"slots": [
|
|
@@ -6210,7 +6325,7 @@
|
|
|
6210
6325
|
"path": "./../uui-toast-notification/lib/uui-toast-notification.element.ts",
|
|
6211
6326
|
"attributes": [
|
|
6212
6327
|
{
|
|
6213
|
-
"name": "
|
|
6328
|
+
"name": "color",
|
|
6214
6329
|
"description": "Changes the look of the notification to one of the predefined, symbolic looks. Example set this to danger for errors.",
|
|
6215
6330
|
"type": "\"\"|\"primary\"|\"positive\"|\"warning\"|\"danger\"",
|
|
6216
6331
|
"default": "\"\\\"\\\"\""
|
|
@@ -6235,8 +6350,8 @@
|
|
|
6235
6350
|
"default": "[\"UUITextStyles\",null]"
|
|
6236
6351
|
},
|
|
6237
6352
|
{
|
|
6238
|
-
"name": "
|
|
6239
|
-
"attribute": "
|
|
6353
|
+
"name": "color",
|
|
6354
|
+
"attribute": "color",
|
|
6240
6355
|
"description": "Changes the look of the notification to one of the predefined, symbolic looks. Example set this to danger for errors.",
|
|
6241
6356
|
"type": "\"\"|\"primary\"|\"positive\"|\"warning\"|\"danger\"",
|
|
6242
6357
|
"default": "\"\\\"\\\"\""
|