@umbraco-ui/uui 1.3.0 → 1.4.0-rc.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/custom-elements.json +135 -39
- package/dist/uui.min.js +85 -43
- package/dist/uui.min.js.map +1 -1
- package/package.json +84 -81
- package/vscode-html-custom-data.json +104 -38
package/custom-elements.json
CHANGED
|
@@ -192,6 +192,12 @@
|
|
|
192
192
|
"description": "Headline for this box, can also be set via the 'box' slot.",
|
|
193
193
|
"type": "string | null",
|
|
194
194
|
"default": "\"null\""
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "headline-variant",
|
|
198
|
+
"description": "Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco does only recommend displaying a h5 sizes headline in the UUI-BOX)",
|
|
199
|
+
"type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
|
|
200
|
+
"default": "\"\\\"h5\\\"\""
|
|
195
201
|
}
|
|
196
202
|
],
|
|
197
203
|
"properties": [
|
|
@@ -206,6 +212,13 @@
|
|
|
206
212
|
"description": "Headline for this box, can also be set via the 'box' slot.",
|
|
207
213
|
"type": "string | null",
|
|
208
214
|
"default": "\"null\""
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"name": "headlineVariant",
|
|
218
|
+
"attribute": "headline-variant",
|
|
219
|
+
"description": "Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco does only recommend displaying a h5 sizes headline in the UUI-BOX)",
|
|
220
|
+
"type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
|
|
221
|
+
"default": "\"\\\"h5\\\"\""
|
|
209
222
|
}
|
|
210
223
|
],
|
|
211
224
|
"slots": [
|
|
@@ -667,6 +680,10 @@
|
|
|
667
680
|
{
|
|
668
681
|
"name": "--uui-button-contrast-disabled",
|
|
669
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'."
|
|
670
687
|
}
|
|
671
688
|
]
|
|
672
689
|
},
|
|
@@ -2786,7 +2803,7 @@
|
|
|
2786
2803
|
{
|
|
2787
2804
|
"name": "minlength-message",
|
|
2788
2805
|
"description": "Minlength validation message.",
|
|
2789
|
-
"type": "
|
|
2806
|
+
"type": "string"
|
|
2790
2807
|
},
|
|
2791
2808
|
{
|
|
2792
2809
|
"name": "max",
|
|
@@ -2803,7 +2820,7 @@
|
|
|
2803
2820
|
{
|
|
2804
2821
|
"name": "maxlength-message",
|
|
2805
2822
|
"description": "Maxlength validation message.",
|
|
2806
|
-
"type": "
|
|
2823
|
+
"type": "string"
|
|
2807
2824
|
},
|
|
2808
2825
|
{
|
|
2809
2826
|
"name": "step",
|
|
@@ -2835,6 +2852,12 @@
|
|
|
2835
2852
|
"type": "string",
|
|
2836
2853
|
"default": "\"undefined\""
|
|
2837
2854
|
},
|
|
2855
|
+
{
|
|
2856
|
+
"name": "auto-width",
|
|
2857
|
+
"description": "Sets the input width to fit the value or placeholder if empty",
|
|
2858
|
+
"type": "boolean",
|
|
2859
|
+
"default": "false"
|
|
2860
|
+
},
|
|
2838
2861
|
{
|
|
2839
2862
|
"name": "type",
|
|
2840
2863
|
"description": "This property specifies the type of input that will be rendered.",
|
|
@@ -2844,14 +2867,18 @@
|
|
|
2844
2867
|
{
|
|
2845
2868
|
"name": "pattern",
|
|
2846
2869
|
"description": "Validates the input based on the Regex pattern",
|
|
2847
|
-
"type": "string"
|
|
2848
|
-
"default": "\"undefined\""
|
|
2870
|
+
"type": "string"
|
|
2849
2871
|
},
|
|
2850
2872
|
{
|
|
2851
|
-
"name": "
|
|
2873
|
+
"name": "inputMode",
|
|
2852
2874
|
"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.",
|
|
2853
2875
|
"type": "string",
|
|
2854
|
-
"default": "\"
|
|
2876
|
+
"default": "\"\""
|
|
2877
|
+
},
|
|
2878
|
+
{
|
|
2879
|
+
"name": "spellcheck",
|
|
2880
|
+
"description": "get/set native spellcheck attribute",
|
|
2881
|
+
"type": "boolean"
|
|
2855
2882
|
},
|
|
2856
2883
|
{
|
|
2857
2884
|
"name": "name",
|
|
@@ -2932,7 +2959,7 @@
|
|
|
2932
2959
|
"name": "minlengthMessage",
|
|
2933
2960
|
"attribute": "minlength-message",
|
|
2934
2961
|
"description": "Minlength validation message.",
|
|
2935
|
-
"type": "
|
|
2962
|
+
"type": "string"
|
|
2936
2963
|
},
|
|
2937
2964
|
{
|
|
2938
2965
|
"name": "max",
|
|
@@ -2952,7 +2979,7 @@
|
|
|
2952
2979
|
"name": "maxlengthMessage",
|
|
2953
2980
|
"attribute": "maxlength-message",
|
|
2954
2981
|
"description": "Maxlength validation message.",
|
|
2955
|
-
"type": "
|
|
2982
|
+
"type": "string"
|
|
2956
2983
|
},
|
|
2957
2984
|
{
|
|
2958
2985
|
"name": "step",
|
|
@@ -2989,6 +3016,13 @@
|
|
|
2989
3016
|
"type": "string",
|
|
2990
3017
|
"default": "\"undefined\""
|
|
2991
3018
|
},
|
|
3019
|
+
{
|
|
3020
|
+
"name": "autoWidth",
|
|
3021
|
+
"attribute": "auto-width",
|
|
3022
|
+
"description": "Sets the input width to fit the value or placeholder if empty",
|
|
3023
|
+
"type": "boolean",
|
|
3024
|
+
"default": "false"
|
|
3025
|
+
},
|
|
2992
3026
|
{
|
|
2993
3027
|
"name": "type",
|
|
2994
3028
|
"attribute": "type",
|
|
@@ -3000,15 +3034,20 @@
|
|
|
3000
3034
|
"name": "pattern",
|
|
3001
3035
|
"attribute": "pattern",
|
|
3002
3036
|
"description": "Validates the input based on the Regex pattern",
|
|
3003
|
-
"type": "string"
|
|
3004
|
-
"default": "\"undefined\""
|
|
3037
|
+
"type": "string"
|
|
3005
3038
|
},
|
|
3006
3039
|
{
|
|
3007
|
-
"name": "
|
|
3008
|
-
"attribute": "
|
|
3040
|
+
"name": "inputMode",
|
|
3041
|
+
"attribute": "inputMode",
|
|
3009
3042
|
"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.",
|
|
3010
3043
|
"type": "string",
|
|
3011
|
-
"default": "\"
|
|
3044
|
+
"default": "\"\""
|
|
3045
|
+
},
|
|
3046
|
+
{
|
|
3047
|
+
"name": "spellcheck",
|
|
3048
|
+
"attribute": "spellcheck",
|
|
3049
|
+
"description": "get/set native spellcheck attribute",
|
|
3050
|
+
"type": "boolean"
|
|
3012
3051
|
},
|
|
3013
3052
|
{
|
|
3014
3053
|
"name": "formAssociated",
|
|
@@ -3123,7 +3162,7 @@
|
|
|
3123
3162
|
{
|
|
3124
3163
|
"name": "minlength-message",
|
|
3125
3164
|
"description": "Minlength validation message.",
|
|
3126
|
-
"type": "
|
|
3165
|
+
"type": "string"
|
|
3127
3166
|
},
|
|
3128
3167
|
{
|
|
3129
3168
|
"name": "max",
|
|
@@ -3140,7 +3179,7 @@
|
|
|
3140
3179
|
{
|
|
3141
3180
|
"name": "maxlength-message",
|
|
3142
3181
|
"description": "Maxlength validation message.",
|
|
3143
|
-
"type": "
|
|
3182
|
+
"type": "string"
|
|
3144
3183
|
},
|
|
3145
3184
|
{
|
|
3146
3185
|
"name": "step",
|
|
@@ -3172,6 +3211,12 @@
|
|
|
3172
3211
|
"type": "string",
|
|
3173
3212
|
"default": "\"undefined\""
|
|
3174
3213
|
},
|
|
3214
|
+
{
|
|
3215
|
+
"name": "auto-width",
|
|
3216
|
+
"description": "Sets the input width to fit the value or placeholder if empty",
|
|
3217
|
+
"type": "boolean",
|
|
3218
|
+
"default": "false"
|
|
3219
|
+
},
|
|
3175
3220
|
{
|
|
3176
3221
|
"name": "type",
|
|
3177
3222
|
"description": "This property specifies the type of input that will be rendered.",
|
|
@@ -3181,14 +3226,18 @@
|
|
|
3181
3226
|
{
|
|
3182
3227
|
"name": "pattern",
|
|
3183
3228
|
"description": "Validates the input based on the Regex pattern",
|
|
3184
|
-
"type": "string"
|
|
3185
|
-
"default": "\"undefined\""
|
|
3229
|
+
"type": "string"
|
|
3186
3230
|
},
|
|
3187
3231
|
{
|
|
3188
|
-
"name": "
|
|
3232
|
+
"name": "inputMode",
|
|
3189
3233
|
"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.",
|
|
3190
3234
|
"type": "string",
|
|
3191
|
-
"default": "\"
|
|
3235
|
+
"default": "\"\""
|
|
3236
|
+
},
|
|
3237
|
+
{
|
|
3238
|
+
"name": "spellcheck",
|
|
3239
|
+
"description": "get/set native spellcheck attribute",
|
|
3240
|
+
"type": "boolean"
|
|
3192
3241
|
},
|
|
3193
3242
|
{
|
|
3194
3243
|
"name": "name",
|
|
@@ -3262,7 +3311,7 @@
|
|
|
3262
3311
|
"name": "minlengthMessage",
|
|
3263
3312
|
"attribute": "minlength-message",
|
|
3264
3313
|
"description": "Minlength validation message.",
|
|
3265
|
-
"type": "
|
|
3314
|
+
"type": "string"
|
|
3266
3315
|
},
|
|
3267
3316
|
{
|
|
3268
3317
|
"name": "max",
|
|
@@ -3282,7 +3331,7 @@
|
|
|
3282
3331
|
"name": "maxlengthMessage",
|
|
3283
3332
|
"attribute": "maxlength-message",
|
|
3284
3333
|
"description": "Maxlength validation message.",
|
|
3285
|
-
"type": "
|
|
3334
|
+
"type": "string"
|
|
3286
3335
|
},
|
|
3287
3336
|
{
|
|
3288
3337
|
"name": "step",
|
|
@@ -3319,6 +3368,13 @@
|
|
|
3319
3368
|
"type": "string",
|
|
3320
3369
|
"default": "\"undefined\""
|
|
3321
3370
|
},
|
|
3371
|
+
{
|
|
3372
|
+
"name": "autoWidth",
|
|
3373
|
+
"attribute": "auto-width",
|
|
3374
|
+
"description": "Sets the input width to fit the value or placeholder if empty",
|
|
3375
|
+
"type": "boolean",
|
|
3376
|
+
"default": "false"
|
|
3377
|
+
},
|
|
3322
3378
|
{
|
|
3323
3379
|
"name": "type",
|
|
3324
3380
|
"attribute": "type",
|
|
@@ -3330,15 +3386,20 @@
|
|
|
3330
3386
|
"name": "pattern",
|
|
3331
3387
|
"attribute": "pattern",
|
|
3332
3388
|
"description": "Validates the input based on the Regex pattern",
|
|
3333
|
-
"type": "string"
|
|
3334
|
-
"default": "\"undefined\""
|
|
3389
|
+
"type": "string"
|
|
3335
3390
|
},
|
|
3336
3391
|
{
|
|
3337
|
-
"name": "
|
|
3338
|
-
"attribute": "
|
|
3392
|
+
"name": "inputMode",
|
|
3393
|
+
"attribute": "inputMode",
|
|
3339
3394
|
"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.",
|
|
3340
3395
|
"type": "string",
|
|
3341
|
-
"default": "\"
|
|
3396
|
+
"default": "\"\""
|
|
3397
|
+
},
|
|
3398
|
+
{
|
|
3399
|
+
"name": "spellcheck",
|
|
3400
|
+
"attribute": "spellcheck",
|
|
3401
|
+
"description": "get/set native spellcheck attribute",
|
|
3402
|
+
"type": "boolean"
|
|
3342
3403
|
},
|
|
3343
3404
|
{
|
|
3344
3405
|
"name": "formAssociated",
|
|
@@ -3454,7 +3515,7 @@
|
|
|
3454
3515
|
{
|
|
3455
3516
|
"name": "minlength-message",
|
|
3456
3517
|
"description": "Minlength validation message.",
|
|
3457
|
-
"type": "
|
|
3518
|
+
"type": "string"
|
|
3458
3519
|
},
|
|
3459
3520
|
{
|
|
3460
3521
|
"name": "max",
|
|
@@ -3471,7 +3532,7 @@
|
|
|
3471
3532
|
{
|
|
3472
3533
|
"name": "maxlength-message",
|
|
3473
3534
|
"description": "Maxlength validation message.",
|
|
3474
|
-
"type": "
|
|
3535
|
+
"type": "string"
|
|
3475
3536
|
},
|
|
3476
3537
|
{
|
|
3477
3538
|
"name": "step",
|
|
@@ -3503,6 +3564,12 @@
|
|
|
3503
3564
|
"type": "string",
|
|
3504
3565
|
"default": "\"undefined\""
|
|
3505
3566
|
},
|
|
3567
|
+
{
|
|
3568
|
+
"name": "auto-width",
|
|
3569
|
+
"description": "Sets the input width to fit the value or placeholder if empty",
|
|
3570
|
+
"type": "boolean",
|
|
3571
|
+
"default": "false"
|
|
3572
|
+
},
|
|
3506
3573
|
{
|
|
3507
3574
|
"name": "type",
|
|
3508
3575
|
"description": "This property specifies the type of input that will be rendered.",
|
|
@@ -3512,14 +3579,18 @@
|
|
|
3512
3579
|
{
|
|
3513
3580
|
"name": "pattern",
|
|
3514
3581
|
"description": "Validates the input based on the Regex pattern",
|
|
3515
|
-
"type": "string"
|
|
3516
|
-
"default": "\"undefined\""
|
|
3582
|
+
"type": "string"
|
|
3517
3583
|
},
|
|
3518
3584
|
{
|
|
3519
|
-
"name": "
|
|
3585
|
+
"name": "inputMode",
|
|
3520
3586
|
"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.",
|
|
3521
3587
|
"type": "string",
|
|
3522
|
-
"default": "\"
|
|
3588
|
+
"default": "\"\""
|
|
3589
|
+
},
|
|
3590
|
+
{
|
|
3591
|
+
"name": "spellcheck",
|
|
3592
|
+
"description": "get/set native spellcheck attribute",
|
|
3593
|
+
"type": "boolean"
|
|
3523
3594
|
},
|
|
3524
3595
|
{
|
|
3525
3596
|
"name": "name",
|
|
@@ -3593,7 +3664,7 @@
|
|
|
3593
3664
|
"name": "minlengthMessage",
|
|
3594
3665
|
"attribute": "minlength-message",
|
|
3595
3666
|
"description": "Minlength validation message.",
|
|
3596
|
-
"type": "
|
|
3667
|
+
"type": "string"
|
|
3597
3668
|
},
|
|
3598
3669
|
{
|
|
3599
3670
|
"name": "max",
|
|
@@ -3613,7 +3684,7 @@
|
|
|
3613
3684
|
"name": "maxlengthMessage",
|
|
3614
3685
|
"attribute": "maxlength-message",
|
|
3615
3686
|
"description": "Maxlength validation message.",
|
|
3616
|
-
"type": "
|
|
3687
|
+
"type": "string"
|
|
3617
3688
|
},
|
|
3618
3689
|
{
|
|
3619
3690
|
"name": "step",
|
|
@@ -3650,6 +3721,13 @@
|
|
|
3650
3721
|
"type": "string",
|
|
3651
3722
|
"default": "\"undefined\""
|
|
3652
3723
|
},
|
|
3724
|
+
{
|
|
3725
|
+
"name": "autoWidth",
|
|
3726
|
+
"attribute": "auto-width",
|
|
3727
|
+
"description": "Sets the input width to fit the value or placeholder if empty",
|
|
3728
|
+
"type": "boolean",
|
|
3729
|
+
"default": "false"
|
|
3730
|
+
},
|
|
3653
3731
|
{
|
|
3654
3732
|
"name": "type",
|
|
3655
3733
|
"attribute": "type",
|
|
@@ -3661,15 +3739,20 @@
|
|
|
3661
3739
|
"name": "pattern",
|
|
3662
3740
|
"attribute": "pattern",
|
|
3663
3741
|
"description": "Validates the input based on the Regex pattern",
|
|
3664
|
-
"type": "string"
|
|
3665
|
-
"default": "\"undefined\""
|
|
3742
|
+
"type": "string"
|
|
3666
3743
|
},
|
|
3667
3744
|
{
|
|
3668
|
-
"name": "
|
|
3669
|
-
"attribute": "
|
|
3745
|
+
"name": "inputMode",
|
|
3746
|
+
"attribute": "inputMode",
|
|
3670
3747
|
"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.",
|
|
3671
3748
|
"type": "string",
|
|
3672
|
-
"default": "\"
|
|
3749
|
+
"default": "\"\""
|
|
3750
|
+
},
|
|
3751
|
+
{
|
|
3752
|
+
"name": "spellcheck",
|
|
3753
|
+
"attribute": "spellcheck",
|
|
3754
|
+
"description": "get/set native spellcheck attribute",
|
|
3755
|
+
"type": "boolean"
|
|
3673
3756
|
},
|
|
3674
3757
|
{
|
|
3675
3758
|
"name": "formAssociated",
|
|
@@ -3990,6 +4073,12 @@
|
|
|
3990
4073
|
"type": "string",
|
|
3991
4074
|
"default": "\"undefined\""
|
|
3992
4075
|
},
|
|
4076
|
+
{
|
|
4077
|
+
"name": "select-mode",
|
|
4078
|
+
"description": "Sets the selection mode.",
|
|
4079
|
+
"type": "string",
|
|
4080
|
+
"default": "\"undefined\""
|
|
4081
|
+
},
|
|
3993
4082
|
{
|
|
3994
4083
|
"name": "select-only",
|
|
3995
4084
|
"description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
|
|
@@ -4066,6 +4155,13 @@
|
|
|
4066
4155
|
"type": "string",
|
|
4067
4156
|
"default": "\"undefined\""
|
|
4068
4157
|
},
|
|
4158
|
+
{
|
|
4159
|
+
"name": "selectMode",
|
|
4160
|
+
"attribute": "select-mode",
|
|
4161
|
+
"description": "Sets the selection mode.",
|
|
4162
|
+
"type": "string",
|
|
4163
|
+
"default": "\"undefined\""
|
|
4164
|
+
},
|
|
4069
4165
|
{
|
|
4070
4166
|
"name": "selectOnly",
|
|
4071
4167
|
"attribute": "select-only",
|