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

package/custom-elements.json

@@ -185,17 +185,17 @@
     {
       "name": "uui-box",
       "path": "./../uui-box/lib/uui-box.element.ts",
-      "description": "A box for grouping elements",
+      "description": "A layout box for grouping elements, as well its possible to append a header, with a headline or other elements to the box.",
       "attributes": [
         {
           "name": "headline",
-          "description": "Headline for this box, can also be set via the 'box' slot.",
+          "description": "Headline for this box, can also be set via the `headline` slot.",
           "type": "string | null",
           "default": "\"null\""
         },
         {
           "name": "headline-variant",
-          "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)",
+          "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)",
           "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
           "default": "\"\\\"h5\\\"\""
         }
@@ -204,14 +204,14 @@
         {
           "name": "headline",
           "attribute": "headline",
-          "description": "Headline for this box, can also be set via the 'box' slot.",
+          "description": "Headline for this box, can also be set via the `headline` slot.",
           "type": "string | null",
           "default": "\"null\""
         },
         {
           "name": "headlineVariant",
           "attribute": "headline-variant",
-          "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)",
+          "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)",
           "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
           "default": "\"\\\"h5\\\"\""
         },
@@ -228,7 +228,11 @@
         },
         {
           "name": "header",
-          "description": "header area, use this for things that is not the headline but located in the header."
+          "description": "header area, use this for things that are not the headline but are located in the header."
+        },
+        {
+          "name": "header-actions",
+          "description": "right-side of the box header, use this to append some actions that are general for the topic of this box."
         },
         {
           "name": "",
@@ -700,6 +704,161 @@
         }
       ]
     },
+    {
+      "name": "uui-card-block-type",
+      "path": "./../uui-card-block-type/lib/uui-card-block-type.element.ts",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "Block type name",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "description": "Block type description",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "background",
+          "type": "string | undefined"
+        },
+        {
+          "name": "disabled",
+          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "error",
+          "description": "Set to true to highlight there is an error with this item.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "href",
+          "description": "Set an href, this will turns the name of the card into an anchor tag.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "target",
+          "description": "Set an anchor tag target, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "select-only",
+          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
+          "type": "boolean"
+        },
+        {
+          "name": "selectable",
+          "description": "Enable the ability to select this element.",
+          "type": "boolean"
+        },
+        {
+          "name": "selected",
+          "description": "Attribute applied when the element is selected.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Block type name",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "attribute": "description",
+          "description": "Block type description",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "background",
+          "attribute": "background",
+          "type": "string | undefined"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "error",
+          "attribute": "error",
+          "description": "Set to true to highlight there is an error with this item.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "href",
+          "attribute": "href",
+          "description": "Set an href, this will turns the name of the card into an anchor tag.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "target",
+          "attribute": "target",
+          "description": "Set an anchor tag target, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[null,null]"
+        },
+        {
+          "name": "selectOnly",
+          "attribute": "select-only",
+          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
+          "type": "boolean"
+        },
+        {
+          "name": "selectable",
+          "attribute": "selectable",
+          "description": "Enable the ability to select this element.",
+          "type": "boolean"
+        },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "Attribute applied when the element is selected.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "events": [
+        {
+          "name": "open",
+          "description": "fires when the card title is clicked."
+        },
+        {
+          "name": "selected",
+          "description": "fires when the media card is selected"
+        },
+        {
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Default content."
+        }
+      ]
+    },
     {
       "name": "uui-card-content-node",
       "path": "./../uui-card-content-node/lib/uui-card-content-node.element.ts",
@@ -2465,6 +2624,12 @@
           "name": "input-append",
           "description": "append for the uui-input"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-dropdown-width",
+          "description": "overwrite the dropdown width"
+        }
       ]
     },
     {
@@ -3293,6 +3458,48 @@
           "name": "append",
           "description": "for components to render to the right of the input."
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-input-height",
+          "description": "Height of the element"
+        },
+        {
+          "name": "--uui-input-background-color",
+          "description": "Background color of the element"
+        },
+        {
+          "name": "--uui-input-background-color-disabled",
+          "description": "Background color when disabled"
+        },
+        {
+          "name": "--uui-input-background-color-readonly",
+          "description": "Background color when readonly"
+        },
+        {
+          "name": "--uui-input-border-width",
+          "description": "Border width"
+        },
+        {
+          "name": "--uui-input-border-color",
+          "description": "Border color"
+        },
+        {
+          "name": "--uui-input-border-color-hover",
+          "description": "Border color on hover"
+        },
+        {
+          "name": "--uui-input-border-color-focus",
+          "description": "Border color on focus"
+        },
+        {
+          "name": "--uui-input-border-color-disabled",
+          "description": "Border color when disabled"
+        },
+        {
+          "name": "--uui-input-border-color-readonly",
+          "description": "Border color when readonly"
+        }
       ]
     },
     {
@@ -3645,6 +3852,48 @@
           "name": "append",
           "description": "for components to render to the right of the input."
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-input-height",
+          "description": "Height of the element"
+        },
+        {
+          "name": "--uui-input-background-color",
+          "description": "Background color of the element"
+        },
+        {
+          "name": "--uui-input-background-color-disabled",
+          "description": "Background color when disabled"
+        },
+        {
+          "name": "--uui-input-background-color-readonly",
+          "description": "Background color when readonly"
+        },
+        {
+          "name": "--uui-input-border-width",
+          "description": "Border width"
+        },
+        {
+          "name": "--uui-input-border-color",
+          "description": "Border color"
+        },
+        {
+          "name": "--uui-input-border-color-hover",
+          "description": "Border color on hover"
+        },
+        {
+          "name": "--uui-input-border-color-focus",
+          "description": "Border color on focus"
+        },
+        {
+          "name": "--uui-input-border-color-disabled",
+          "description": "Border color when disabled"
+        },
+        {
+          "name": "--uui-input-border-color-readonly",
+          "description": "Border color when readonly"
+        }
       ]
     },
     {
@@ -3998,6 +4247,48 @@
           "name": "append",
           "description": "for components to render to the right of the input."
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-input-height",
+          "description": "Height of the element"
+        },
+        {
+          "name": "--uui-input-background-color",
+          "description": "Background color of the element"
+        },
+        {
+          "name": "--uui-input-background-color-disabled",
+          "description": "Background color when disabled"
+        },
+        {
+          "name": "--uui-input-background-color-readonly",
+          "description": "Background color when readonly"
+        },
+        {
+          "name": "--uui-input-border-width",
+          "description": "Border width"
+        },
+        {
+          "name": "--uui-input-border-color",
+          "description": "Border color"
+        },
+        {
+          "name": "--uui-input-border-color-hover",
+          "description": "Border color on hover"
+        },
+        {
+          "name": "--uui-input-border-color-focus",
+          "description": "Border color on focus"
+        },
+        {
+          "name": "--uui-input-border-color-disabled",
+          "description": "Border color when disabled"
+        },
+        {
+          "name": "--uui-input-border-color-readonly",
+          "description": "Border color when readonly"
+        }
       ]
     },
     {
@@ -4391,6 +4682,10 @@
         {
           "name": "--uui-menu-item-indent",
           "description": "set indentation of the menu items"
+        },
+        {
+          "name": "--uui-menu-item-flat-structure",
+          "description": "set to 1 to remove the indentation of the chevron. Use this when you have a flat menu structure"
         }
       ]
     },
@@ -6585,6 +6880,48 @@
           "name": "change",
           "description": "when the user changes value"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-select-height",
+          "description": "Height of the element"
+        },
+        {
+          "name": "--uui-select-font-size",
+          "description": "Font size of the element"
+        },
+        {
+          "name": "--uui-select-padding-y",
+          "description": "Padding on the y axis"
+        },
+        {
+          "name": "--uui-select-padding-x",
+          "description": "Padding on the x axis"
+        },
+        {
+          "name": "--uui-select-border-color",
+          "description": "Border color"
+        },
+        {
+          "name": "--uui-select-border-color-hover",
+          "description": "Border color on hover"
+        },
+        {
+          "name": "--uui-select-selected-option-background-color",
+          "description": "Background color of the selected option"
+        },
+        {
+          "name": "--uui-select-selected-option-color",
+          "description": "Color of the selected option"
+        },
+        {
+          "name": "--uui-select-outline-color",
+          "description": "Outline color"
+        },
+        {
+          "name": "--uui-select-disabled-background-color",
+          "description": "Background color when disabled"
+        }
       ]
     },
     {
@@ -7313,6 +7650,24 @@
           "name": "",
           "description": "Default slot for the tab group"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-tab-group-dropdown-tab-text",
+          "description": "Define the tab text color in the dropdown"
+        },
+        {
+          "name": "--uui-tab-group-dropdown-tab-text-hover",
+          "description": "Define the tab text hover color in the dropdown"
+        },
+        {
+          "name": "--uui-tab-group-dropdown-tab-text-active",
+          "description": "Define the tab text active color in the dropdown"
+        },
+        {
+          "name": "--uui-tab-group-dropdown-background",
+          "description": "Define the background color of the dropdown"
+        }
       ]
     },
     {
@@ -7431,10 +7786,6 @@
           "name": "--uui-tab-text-active",
           "description": "Define the tab text active color"
         },
-        {
-          "name": "--uui-tab-background",
-          "description": "Define the tab group background color"
-        },
         {
           "name": "--uui-tab-divider",
           "description": "Define the tab dividers color"
@@ -7561,10 +7912,6 @@
           "name": "--uui-tab-text-active",
           "description": "Define the tab text active color"
         },
-        {
-          "name": "--uui-tab-background",
-          "description": "Define the tab group background color"
-        },
         {
           "name": "--uui-tab-divider",
           "description": "Define the tab dividers color"