@umbraco-ui/uui 1.6.0-rc.1 → 1.6.0-rc.3
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 +189 -14
- package/dist/uui.min.js +80 -71
- package/dist/uui.min.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/package.json +84 -83
- package/vscode-html-custom-data.json +87 -7
package/custom-elements.json
CHANGED
|
@@ -185,17 +185,17 @@
|
|
|
185
185
|
{
|
|
186
186
|
"name": "uui-box",
|
|
187
187
|
"path": "./../uui-box/lib/uui-box.element.ts",
|
|
188
|
-
"description": "A box for grouping elements",
|
|
188
|
+
"description": "A layout box for grouping elements, as well its possible to append a header, with a headline or other elements to the box.",
|
|
189
189
|
"attributes": [
|
|
190
190
|
{
|
|
191
191
|
"name": "headline",
|
|
192
|
-
"description": "Headline for this box, can also be set via the
|
|
192
|
+
"description": "Headline for this box, can also be set via the `headline` slot.",
|
|
193
193
|
"type": "string | null",
|
|
194
194
|
"default": "\"null\""
|
|
195
195
|
},
|
|
196
196
|
{
|
|
197
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
|
|
198
|
+
"description": "Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco recommends displaying a h5 size headline in the UUI-BOX)",
|
|
199
199
|
"type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
|
|
200
200
|
"default": "\"\\\"h5\\\"\""
|
|
201
201
|
}
|
|
@@ -204,14 +204,14 @@
|
|
|
204
204
|
{
|
|
205
205
|
"name": "headline",
|
|
206
206
|
"attribute": "headline",
|
|
207
|
-
"description": "Headline for this box, can also be set via the
|
|
207
|
+
"description": "Headline for this box, can also be set via the `headline` slot.",
|
|
208
208
|
"type": "string | null",
|
|
209
209
|
"default": "\"null\""
|
|
210
210
|
},
|
|
211
211
|
{
|
|
212
212
|
"name": "headlineVariant",
|
|
213
213
|
"attribute": "headline-variant",
|
|
214
|
-
"description": "Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco
|
|
214
|
+
"description": "Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco recommends displaying a h5 size headline in the UUI-BOX)",
|
|
215
215
|
"type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
|
|
216
216
|
"default": "\"\\\"h5\\\"\""
|
|
217
217
|
},
|
|
@@ -228,7 +228,11 @@
|
|
|
228
228
|
},
|
|
229
229
|
{
|
|
230
230
|
"name": "header",
|
|
231
|
-
"description": "header area, use this for things that
|
|
231
|
+
"description": "header area, use this for things that are not the headline but are located in the header."
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"name": "header-actions",
|
|
235
|
+
"description": "right-side of the box header, use this to append some actions that are general for the topic of this box."
|
|
232
236
|
},
|
|
233
237
|
{
|
|
234
238
|
"name": "",
|
|
@@ -700,6 +704,161 @@
|
|
|
700
704
|
}
|
|
701
705
|
]
|
|
702
706
|
},
|
|
707
|
+
{
|
|
708
|
+
"name": "uui-card-block-type",
|
|
709
|
+
"path": "./../uui-card-block-type/lib/uui-card-block-type.element.ts",
|
|
710
|
+
"attributes": [
|
|
711
|
+
{
|
|
712
|
+
"name": "name",
|
|
713
|
+
"description": "Block type name",
|
|
714
|
+
"type": "string",
|
|
715
|
+
"default": "\"''\""
|
|
716
|
+
},
|
|
717
|
+
{
|
|
718
|
+
"name": "description",
|
|
719
|
+
"description": "Block type description",
|
|
720
|
+
"type": "string",
|
|
721
|
+
"default": "\"undefined\""
|
|
722
|
+
},
|
|
723
|
+
{
|
|
724
|
+
"name": "background",
|
|
725
|
+
"type": "string | undefined"
|
|
726
|
+
},
|
|
727
|
+
{
|
|
728
|
+
"name": "disabled",
|
|
729
|
+
"description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
|
|
730
|
+
"type": "boolean",
|
|
731
|
+
"default": "\"false\""
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
"name": "error",
|
|
735
|
+
"description": "Set to true to highlight there is an error with this item.",
|
|
736
|
+
"type": "boolean",
|
|
737
|
+
"default": "\"false\""
|
|
738
|
+
},
|
|
739
|
+
{
|
|
740
|
+
"name": "href",
|
|
741
|
+
"description": "Set an href, this will turns the name of the card into an anchor tag.",
|
|
742
|
+
"type": "string",
|
|
743
|
+
"default": "\"undefined\""
|
|
744
|
+
},
|
|
745
|
+
{
|
|
746
|
+
"name": "target",
|
|
747
|
+
"description": "Set an anchor tag target, only used when using href.",
|
|
748
|
+
"type": "string",
|
|
749
|
+
"default": "\"undefined\""
|
|
750
|
+
},
|
|
751
|
+
{
|
|
752
|
+
"name": "select-only",
|
|
753
|
+
"description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
|
|
754
|
+
"type": "boolean"
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"name": "selectable",
|
|
758
|
+
"description": "Enable the ability to select this element.",
|
|
759
|
+
"type": "boolean"
|
|
760
|
+
},
|
|
761
|
+
{
|
|
762
|
+
"name": "selected",
|
|
763
|
+
"description": "Attribute applied when the element is selected.",
|
|
764
|
+
"type": "boolean",
|
|
765
|
+
"default": "false"
|
|
766
|
+
}
|
|
767
|
+
],
|
|
768
|
+
"properties": [
|
|
769
|
+
{
|
|
770
|
+
"name": "name",
|
|
771
|
+
"attribute": "name",
|
|
772
|
+
"description": "Block type name",
|
|
773
|
+
"type": "string",
|
|
774
|
+
"default": "\"''\""
|
|
775
|
+
},
|
|
776
|
+
{
|
|
777
|
+
"name": "description",
|
|
778
|
+
"attribute": "description",
|
|
779
|
+
"description": "Block type description",
|
|
780
|
+
"type": "string",
|
|
781
|
+
"default": "\"undefined\""
|
|
782
|
+
},
|
|
783
|
+
{
|
|
784
|
+
"name": "background",
|
|
785
|
+
"attribute": "background",
|
|
786
|
+
"type": "string | undefined"
|
|
787
|
+
},
|
|
788
|
+
{
|
|
789
|
+
"name": "disabled",
|
|
790
|
+
"attribute": "disabled",
|
|
791
|
+
"description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
|
|
792
|
+
"type": "boolean",
|
|
793
|
+
"default": "\"false\""
|
|
794
|
+
},
|
|
795
|
+
{
|
|
796
|
+
"name": "error",
|
|
797
|
+
"attribute": "error",
|
|
798
|
+
"description": "Set to true to highlight there is an error with this item.",
|
|
799
|
+
"type": "boolean",
|
|
800
|
+
"default": "\"false\""
|
|
801
|
+
},
|
|
802
|
+
{
|
|
803
|
+
"name": "href",
|
|
804
|
+
"attribute": "href",
|
|
805
|
+
"description": "Set an href, this will turns the name of the card into an anchor tag.",
|
|
806
|
+
"type": "string",
|
|
807
|
+
"default": "\"undefined\""
|
|
808
|
+
},
|
|
809
|
+
{
|
|
810
|
+
"name": "target",
|
|
811
|
+
"attribute": "target",
|
|
812
|
+
"description": "Set an anchor tag target, only used when using href.",
|
|
813
|
+
"type": "string",
|
|
814
|
+
"default": "\"undefined\""
|
|
815
|
+
},
|
|
816
|
+
{
|
|
817
|
+
"name": "styles",
|
|
818
|
+
"type": "CSSResult[]",
|
|
819
|
+
"default": "[null,null]"
|
|
820
|
+
},
|
|
821
|
+
{
|
|
822
|
+
"name": "selectOnly",
|
|
823
|
+
"attribute": "select-only",
|
|
824
|
+
"description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
|
|
825
|
+
"type": "boolean"
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"name": "selectable",
|
|
829
|
+
"attribute": "selectable",
|
|
830
|
+
"description": "Enable the ability to select this element.",
|
|
831
|
+
"type": "boolean"
|
|
832
|
+
},
|
|
833
|
+
{
|
|
834
|
+
"name": "selected",
|
|
835
|
+
"attribute": "selected",
|
|
836
|
+
"description": "Attribute applied when the element is selected.",
|
|
837
|
+
"type": "boolean",
|
|
838
|
+
"default": "false"
|
|
839
|
+
}
|
|
840
|
+
],
|
|
841
|
+
"events": [
|
|
842
|
+
{
|
|
843
|
+
"name": "open",
|
|
844
|
+
"description": "fires when the card title is clicked."
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"name": "selected",
|
|
848
|
+
"description": "fires when the media card is selected"
|
|
849
|
+
},
|
|
850
|
+
{
|
|
851
|
+
"name": "deselected",
|
|
852
|
+
"description": "fires when the media card is deselected"
|
|
853
|
+
}
|
|
854
|
+
],
|
|
855
|
+
"slots": [
|
|
856
|
+
{
|
|
857
|
+
"name": "",
|
|
858
|
+
"description": "Default content."
|
|
859
|
+
}
|
|
860
|
+
]
|
|
861
|
+
},
|
|
703
862
|
{
|
|
704
863
|
"name": "uui-card-content-node",
|
|
705
864
|
"path": "./../uui-card-content-node/lib/uui-card-content-node.element.ts",
|
|
@@ -2465,6 +2624,12 @@
|
|
|
2465
2624
|
"name": "input-append",
|
|
2466
2625
|
"description": "append for the uui-input"
|
|
2467
2626
|
}
|
|
2627
|
+
],
|
|
2628
|
+
"cssProperties": [
|
|
2629
|
+
{
|
|
2630
|
+
"name": "--uui-dropdown-width",
|
|
2631
|
+
"description": "overwrite the dropdown width"
|
|
2632
|
+
}
|
|
2468
2633
|
]
|
|
2469
2634
|
},
|
|
2470
2635
|
{
|
|
@@ -7485,6 +7650,24 @@
|
|
|
7485
7650
|
"name": "",
|
|
7486
7651
|
"description": "Default slot for the tab group"
|
|
7487
7652
|
}
|
|
7653
|
+
],
|
|
7654
|
+
"cssProperties": [
|
|
7655
|
+
{
|
|
7656
|
+
"name": "--uui-tab-group-dropdown-tab-text",
|
|
7657
|
+
"description": "Define the tab text color in the dropdown"
|
|
7658
|
+
},
|
|
7659
|
+
{
|
|
7660
|
+
"name": "--uui-tab-group-dropdown-tab-text-hover",
|
|
7661
|
+
"description": "Define the tab text hover color in the dropdown"
|
|
7662
|
+
},
|
|
7663
|
+
{
|
|
7664
|
+
"name": "--uui-tab-group-dropdown-tab-text-active",
|
|
7665
|
+
"description": "Define the tab text active color in the dropdown"
|
|
7666
|
+
},
|
|
7667
|
+
{
|
|
7668
|
+
"name": "--uui-tab-group-dropdown-background",
|
|
7669
|
+
"description": "Define the background color of the dropdown"
|
|
7670
|
+
}
|
|
7488
7671
|
]
|
|
7489
7672
|
},
|
|
7490
7673
|
{
|
|
@@ -7603,10 +7786,6 @@
|
|
|
7603
7786
|
"name": "--uui-tab-text-active",
|
|
7604
7787
|
"description": "Define the tab text active color"
|
|
7605
7788
|
},
|
|
7606
|
-
{
|
|
7607
|
-
"name": "--uui-tab-background",
|
|
7608
|
-
"description": "Define the tab group background color"
|
|
7609
|
-
},
|
|
7610
7789
|
{
|
|
7611
7790
|
"name": "--uui-tab-divider",
|
|
7612
7791
|
"description": "Define the tab dividers color"
|
|
@@ -7733,10 +7912,6 @@
|
|
|
7733
7912
|
"name": "--uui-tab-text-active",
|
|
7734
7913
|
"description": "Define the tab text active color"
|
|
7735
7914
|
},
|
|
7736
|
-
{
|
|
7737
|
-
"name": "--uui-tab-background",
|
|
7738
|
-
"description": "Define the tab group background color"
|
|
7739
|
-
},
|
|
7740
7915
|
{
|
|
7741
7916
|
"name": "--uui-tab-divider",
|
|
7742
7917
|
"description": "Define the tab dividers color"
|