@umbraco-ui/uui 1.4.0-rc.0 → 1.4.0-rc.2

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.
@@ -680,6 +680,10 @@
680
680
  {
681
681
  "name": "--uui-button-contrast-disabled",
682
682
  "description": "overwrite the text color for disabled state"
683
+ },
684
+ {
685
+ "name": "--uui-button-content-align",
686
+ "description": "Overwrite justify-content alignment. Possible values: 'left', 'right', 'center'."
683
687
  }
684
688
  ]
685
689
  },
@@ -705,6 +709,18 @@
705
709
  "type": "boolean",
706
710
  "default": "\"false\""
707
711
  },
712
+ {
713
+ "name": "href",
714
+ "description": "Set an href, this will turns the name of the card into an anchor tag.",
715
+ "type": "string",
716
+ "default": "\"undefined\""
717
+ },
718
+ {
719
+ "name": "target",
720
+ "description": "Set an anchor tag target, only used when using href.",
721
+ "type": "string",
722
+ "default": "\"undefined\""
723
+ },
708
724
  {
709
725
  "name": "select-only",
710
726
  "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
@@ -749,6 +765,20 @@
749
765
  "type": "boolean",
750
766
  "default": "\"false\""
751
767
  },
768
+ {
769
+ "name": "href",
770
+ "attribute": "href",
771
+ "description": "Set an href, this will turns the name of the card into an anchor tag.",
772
+ "type": "string",
773
+ "default": "\"undefined\""
774
+ },
775
+ {
776
+ "name": "target",
777
+ "attribute": "target",
778
+ "description": "Set an anchor tag target, only used when using href.",
779
+ "type": "string",
780
+ "default": "\"undefined\""
781
+ },
752
782
  {
753
783
  "name": "selectOnly",
754
784
  "attribute": "select-only",
@@ -772,7 +802,7 @@
772
802
  "events": [
773
803
  {
774
804
  "name": "open",
775
- "description": "fires when the card title is clicked"
805
+ "description": "fires when the card title is clicked."
776
806
  },
777
807
  {
778
808
  "name": "selected",
@@ -830,6 +860,18 @@
830
860
  "type": "boolean",
831
861
  "default": "\"false\""
832
862
  },
863
+ {
864
+ "name": "href",
865
+ "description": "Set an href, this will turns the name of the card into an anchor tag.",
866
+ "type": "string",
867
+ "default": "\"undefined\""
868
+ },
869
+ {
870
+ "name": "target",
871
+ "description": "Set an anchor tag target, only used when using href.",
872
+ "type": "string",
873
+ "default": "\"undefined\""
874
+ },
833
875
  {
834
876
  "name": "select-only",
835
877
  "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
@@ -881,6 +923,20 @@
881
923
  "type": "boolean",
882
924
  "default": "\"false\""
883
925
  },
926
+ {
927
+ "name": "href",
928
+ "attribute": "href",
929
+ "description": "Set an href, this will turns the name of the card into an anchor tag.",
930
+ "type": "string",
931
+ "default": "\"undefined\""
932
+ },
933
+ {
934
+ "name": "target",
935
+ "attribute": "target",
936
+ "description": "Set an anchor tag target, only used when using href.",
937
+ "type": "string",
938
+ "default": "\"undefined\""
939
+ },
884
940
  {
885
941
  "name": "selectOnly",
886
942
  "attribute": "select-only",
@@ -904,7 +960,7 @@
904
960
  "events": [
905
961
  {
906
962
  "name": "open",
907
- "description": "fires when the card title is clicked"
963
+ "description": "fires when the card title is clicked."
908
964
  },
909
965
  {
910
966
  "name": "selected",
@@ -952,6 +1008,18 @@
952
1008
  "type": "boolean",
953
1009
  "default": "\"false\""
954
1010
  },
1011
+ {
1012
+ "name": "href",
1013
+ "description": "Set an href, this will turns the name of the card into an anchor tag.",
1014
+ "type": "string",
1015
+ "default": "\"undefined\""
1016
+ },
1017
+ {
1018
+ "name": "target",
1019
+ "description": "Set an anchor tag target, only used when using href.",
1020
+ "type": "string",
1021
+ "default": "\"undefined\""
1022
+ },
955
1023
  {
956
1024
  "name": "select-only",
957
1025
  "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
@@ -996,6 +1064,20 @@
996
1064
  "type": "boolean",
997
1065
  "default": "\"false\""
998
1066
  },
1067
+ {
1068
+ "name": "href",
1069
+ "attribute": "href",
1070
+ "description": "Set an href, this will turns the name of the card into an anchor tag.",
1071
+ "type": "string",
1072
+ "default": "\"undefined\""
1073
+ },
1074
+ {
1075
+ "name": "target",
1076
+ "attribute": "target",
1077
+ "description": "Set an anchor tag target, only used when using href.",
1078
+ "type": "string",
1079
+ "default": "\"undefined\""
1080
+ },
999
1081
  {
1000
1082
  "name": "selectOnly",
1001
1083
  "attribute": "select-only",
@@ -1019,7 +1101,7 @@
1019
1101
  "events": [
1020
1102
  {
1021
1103
  "name": "open",
1022
- "description": "fires when the card title is clicked"
1104
+ "description": "fires when the card title is clicked."
1023
1105
  },
1024
1106
  {
1025
1107
  "name": "selected",
@@ -1061,6 +1143,18 @@
1061
1143
  "type": "boolean",
1062
1144
  "default": "\"false\""
1063
1145
  },
1146
+ {
1147
+ "name": "href",
1148
+ "description": "Set an href, this will turns the name of the card into an anchor tag.",
1149
+ "type": "string",
1150
+ "default": "\"undefined\""
1151
+ },
1152
+ {
1153
+ "name": "target",
1154
+ "description": "Set an anchor tag target, only used when using href.",
1155
+ "type": "string",
1156
+ "default": "\"undefined\""
1157
+ },
1064
1158
  {
1065
1159
  "name": "select-only",
1066
1160
  "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
@@ -1098,6 +1192,20 @@
1098
1192
  "type": "boolean",
1099
1193
  "default": "\"false\""
1100
1194
  },
1195
+ {
1196
+ "name": "href",
1197
+ "attribute": "href",
1198
+ "description": "Set an href, this will turns the name of the card into an anchor tag.",
1199
+ "type": "string",
1200
+ "default": "\"undefined\""
1201
+ },
1202
+ {
1203
+ "name": "target",
1204
+ "attribute": "target",
1205
+ "description": "Set an anchor tag target, only used when using href.",
1206
+ "type": "string",
1207
+ "default": "\"undefined\""
1208
+ },
1101
1209
  {
1102
1210
  "name": "selectOnly",
1103
1211
  "attribute": "select-only",
@@ -1121,7 +1229,7 @@
1121
1229
  "events": [
1122
1230
  {
1123
1231
  "name": "open",
1124
- "description": "fires when the card title is clicked"
1232
+ "description": "fires when the card title is clicked."
1125
1233
  },
1126
1234
  {
1127
1235
  "name": "selected",
@@ -1131,6 +1239,12 @@
1131
1239
  "name": "deselected",
1132
1240
  "description": "fires when the media card is deselected"
1133
1241
  }
1242
+ ],
1243
+ "slots": [
1244
+ {
1245
+ "name": "",
1246
+ "description": "Default content."
1247
+ }
1134
1248
  ]
1135
1249
  },
1136
1250
  {
@@ -2799,7 +2913,7 @@
2799
2913
  {
2800
2914
  "name": "minlength-message",
2801
2915
  "description": "Minlength validation message.",
2802
- "type": "boolean"
2916
+ "type": "string"
2803
2917
  },
2804
2918
  {
2805
2919
  "name": "max",
@@ -2816,7 +2930,7 @@
2816
2930
  {
2817
2931
  "name": "maxlength-message",
2818
2932
  "description": "Maxlength validation message.",
2819
- "type": "boolean"
2933
+ "type": "string"
2820
2934
  },
2821
2935
  {
2822
2936
  "name": "step",
@@ -2852,7 +2966,7 @@
2852
2966
  "name": "auto-width",
2853
2967
  "description": "Sets the input width to fit the value or placeholder if empty",
2854
2968
  "type": "boolean",
2855
- "default": "\"undefined\""
2969
+ "default": "false"
2856
2970
  },
2857
2971
  {
2858
2972
  "name": "type",
@@ -2863,14 +2977,18 @@
2863
2977
  {
2864
2978
  "name": "pattern",
2865
2979
  "description": "Validates the input based on the Regex pattern",
2866
- "type": "string",
2867
- "default": "\"undefined\""
2980
+ "type": "string"
2868
2981
  },
2869
2982
  {
2870
- "name": "inputmode",
2983
+ "name": "inputMode",
2871
2984
  "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
2872
2985
  "type": "string",
2873
- "default": "\"undefined\""
2986
+ "default": "\"\""
2987
+ },
2988
+ {
2989
+ "name": "spellcheck",
2990
+ "description": "get/set native spellcheck attribute",
2991
+ "type": "boolean"
2874
2992
  },
2875
2993
  {
2876
2994
  "name": "name",
@@ -2951,7 +3069,7 @@
2951
3069
  "name": "minlengthMessage",
2952
3070
  "attribute": "minlength-message",
2953
3071
  "description": "Minlength validation message.",
2954
- "type": "boolean"
3072
+ "type": "string"
2955
3073
  },
2956
3074
  {
2957
3075
  "name": "max",
@@ -2971,7 +3089,7 @@
2971
3089
  "name": "maxlengthMessage",
2972
3090
  "attribute": "maxlength-message",
2973
3091
  "description": "Maxlength validation message.",
2974
- "type": "boolean"
3092
+ "type": "string"
2975
3093
  },
2976
3094
  {
2977
3095
  "name": "step",
@@ -3013,7 +3131,7 @@
3013
3131
  "attribute": "auto-width",
3014
3132
  "description": "Sets the input width to fit the value or placeholder if empty",
3015
3133
  "type": "boolean",
3016
- "default": "\"undefined\""
3134
+ "default": "false"
3017
3135
  },
3018
3136
  {
3019
3137
  "name": "type",
@@ -3026,15 +3144,20 @@
3026
3144
  "name": "pattern",
3027
3145
  "attribute": "pattern",
3028
3146
  "description": "Validates the input based on the Regex pattern",
3029
- "type": "string",
3030
- "default": "\"undefined\""
3147
+ "type": "string"
3031
3148
  },
3032
3149
  {
3033
- "name": "inputmode",
3034
- "attribute": "inputmode",
3150
+ "name": "inputMode",
3151
+ "attribute": "inputMode",
3035
3152
  "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
3036
3153
  "type": "string",
3037
- "default": "\"undefined\""
3154
+ "default": "\"\""
3155
+ },
3156
+ {
3157
+ "name": "spellcheck",
3158
+ "attribute": "spellcheck",
3159
+ "description": "get/set native spellcheck attribute",
3160
+ "type": "boolean"
3038
3161
  },
3039
3162
  {
3040
3163
  "name": "formAssociated",
@@ -3149,7 +3272,7 @@
3149
3272
  {
3150
3273
  "name": "minlength-message",
3151
3274
  "description": "Minlength validation message.",
3152
- "type": "boolean"
3275
+ "type": "string"
3153
3276
  },
3154
3277
  {
3155
3278
  "name": "max",
@@ -3166,7 +3289,7 @@
3166
3289
  {
3167
3290
  "name": "maxlength-message",
3168
3291
  "description": "Maxlength validation message.",
3169
- "type": "boolean"
3292
+ "type": "string"
3170
3293
  },
3171
3294
  {
3172
3295
  "name": "step",
@@ -3202,7 +3325,7 @@
3202
3325
  "name": "auto-width",
3203
3326
  "description": "Sets the input width to fit the value or placeholder if empty",
3204
3327
  "type": "boolean",
3205
- "default": "\"undefined\""
3328
+ "default": "false"
3206
3329
  },
3207
3330
  {
3208
3331
  "name": "type",
@@ -3213,14 +3336,18 @@
3213
3336
  {
3214
3337
  "name": "pattern",
3215
3338
  "description": "Validates the input based on the Regex pattern",
3216
- "type": "string",
3217
- "default": "\"undefined\""
3339
+ "type": "string"
3218
3340
  },
3219
3341
  {
3220
- "name": "inputmode",
3342
+ "name": "inputMode",
3221
3343
  "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
3222
3344
  "type": "string",
3223
- "default": "\"undefined\""
3345
+ "default": "\"\""
3346
+ },
3347
+ {
3348
+ "name": "spellcheck",
3349
+ "description": "get/set native spellcheck attribute",
3350
+ "type": "boolean"
3224
3351
  },
3225
3352
  {
3226
3353
  "name": "name",
@@ -3294,7 +3421,7 @@
3294
3421
  "name": "minlengthMessage",
3295
3422
  "attribute": "minlength-message",
3296
3423
  "description": "Minlength validation message.",
3297
- "type": "boolean"
3424
+ "type": "string"
3298
3425
  },
3299
3426
  {
3300
3427
  "name": "max",
@@ -3314,7 +3441,7 @@
3314
3441
  "name": "maxlengthMessage",
3315
3442
  "attribute": "maxlength-message",
3316
3443
  "description": "Maxlength validation message.",
3317
- "type": "boolean"
3444
+ "type": "string"
3318
3445
  },
3319
3446
  {
3320
3447
  "name": "step",
@@ -3356,7 +3483,7 @@
3356
3483
  "attribute": "auto-width",
3357
3484
  "description": "Sets the input width to fit the value or placeholder if empty",
3358
3485
  "type": "boolean",
3359
- "default": "\"undefined\""
3486
+ "default": "false"
3360
3487
  },
3361
3488
  {
3362
3489
  "name": "type",
@@ -3369,15 +3496,20 @@
3369
3496
  "name": "pattern",
3370
3497
  "attribute": "pattern",
3371
3498
  "description": "Validates the input based on the Regex pattern",
3372
- "type": "string",
3373
- "default": "\"undefined\""
3499
+ "type": "string"
3374
3500
  },
3375
3501
  {
3376
- "name": "inputmode",
3377
- "attribute": "inputmode",
3502
+ "name": "inputMode",
3503
+ "attribute": "inputMode",
3378
3504
  "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
3379
3505
  "type": "string",
3380
- "default": "\"undefined\""
3506
+ "default": "\"\""
3507
+ },
3508
+ {
3509
+ "name": "spellcheck",
3510
+ "attribute": "spellcheck",
3511
+ "description": "get/set native spellcheck attribute",
3512
+ "type": "boolean"
3381
3513
  },
3382
3514
  {
3383
3515
  "name": "formAssociated",
@@ -3493,7 +3625,7 @@
3493
3625
  {
3494
3626
  "name": "minlength-message",
3495
3627
  "description": "Minlength validation message.",
3496
- "type": "boolean"
3628
+ "type": "string"
3497
3629
  },
3498
3630
  {
3499
3631
  "name": "max",
@@ -3510,7 +3642,7 @@
3510
3642
  {
3511
3643
  "name": "maxlength-message",
3512
3644
  "description": "Maxlength validation message.",
3513
- "type": "boolean"
3645
+ "type": "string"
3514
3646
  },
3515
3647
  {
3516
3648
  "name": "step",
@@ -3546,7 +3678,7 @@
3546
3678
  "name": "auto-width",
3547
3679
  "description": "Sets the input width to fit the value or placeholder if empty",
3548
3680
  "type": "boolean",
3549
- "default": "\"undefined\""
3681
+ "default": "false"
3550
3682
  },
3551
3683
  {
3552
3684
  "name": "type",
@@ -3557,14 +3689,18 @@
3557
3689
  {
3558
3690
  "name": "pattern",
3559
3691
  "description": "Validates the input based on the Regex pattern",
3560
- "type": "string",
3561
- "default": "\"undefined\""
3692
+ "type": "string"
3562
3693
  },
3563
3694
  {
3564
- "name": "inputmode",
3695
+ "name": "inputMode",
3565
3696
  "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
3566
3697
  "type": "string",
3567
- "default": "\"undefined\""
3698
+ "default": "\"\""
3699
+ },
3700
+ {
3701
+ "name": "spellcheck",
3702
+ "description": "get/set native spellcheck attribute",
3703
+ "type": "boolean"
3568
3704
  },
3569
3705
  {
3570
3706
  "name": "name",
@@ -3638,7 +3774,7 @@
3638
3774
  "name": "minlengthMessage",
3639
3775
  "attribute": "minlength-message",
3640
3776
  "description": "Minlength validation message.",
3641
- "type": "boolean"
3777
+ "type": "string"
3642
3778
  },
3643
3779
  {
3644
3780
  "name": "max",
@@ -3658,7 +3794,7 @@
3658
3794
  "name": "maxlengthMessage",
3659
3795
  "attribute": "maxlength-message",
3660
3796
  "description": "Maxlength validation message.",
3661
- "type": "boolean"
3797
+ "type": "string"
3662
3798
  },
3663
3799
  {
3664
3800
  "name": "step",
@@ -3700,7 +3836,7 @@
3700
3836
  "attribute": "auto-width",
3701
3837
  "description": "Sets the input width to fit the value or placeholder if empty",
3702
3838
  "type": "boolean",
3703
- "default": "\"undefined\""
3839
+ "default": "false"
3704
3840
  },
3705
3841
  {
3706
3842
  "name": "type",
@@ -3713,15 +3849,20 @@
3713
3849
  "name": "pattern",
3714
3850
  "attribute": "pattern",
3715
3851
  "description": "Validates the input based on the Regex pattern",
3716
- "type": "string",
3717
- "default": "\"undefined\""
3852
+ "type": "string"
3718
3853
  },
3719
3854
  {
3720
- "name": "inputmode",
3721
- "attribute": "inputmode",
3855
+ "name": "inputMode",
3856
+ "attribute": "inputMode",
3722
3857
  "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
3723
3858
  "type": "string",
3724
- "default": "\"undefined\""
3859
+ "default": "\"\""
3860
+ },
3861
+ {
3862
+ "name": "spellcheck",
3863
+ "attribute": "spellcheck",
3864
+ "description": "get/set native spellcheck attribute",
3865
+ "type": "boolean"
3725
3866
  },
3726
3867
  {
3727
3868
  "name": "formAssociated",