@umbraco-ui/uui 1.0.0-alpha.0 → 1.0.0-rc.2

package/custom-elements.json

@@ -130,9 +130,15 @@
       "attributes": [
         {
           "name": "color",
-          "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.",
-          "type": "\"\" | \"default\"|\"positive\"|\"warning\"|\"danger\"",
-          "default": "\"default\""
+          "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.",
+          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
+          "default": "\"\\\"default\\\"\""
+        },
+        {
+          "name": "look",
+          "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.",
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
         },
         {
           "name": "attention",
@@ -150,9 +156,16 @@
         {
           "name": "color",
           "attribute": "color",
-          "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.",
-          "type": "\"\" | \"default\"|\"positive\"|\"warning\"|\"danger\"",
-          "default": "\"default\""
+          "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.",
+          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
+          "default": "\"\\\"default\\\"\""
+        },
+        {
+          "name": "look",
+          "attribute": "look",
+          "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.",
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
         },
         {
           "name": "attention",
@@ -430,6 +443,18 @@
           "type": "undefined |'waiting' | 'success' | 'failed'",
           "default": "\"undefined\""
         },
+        {
+          "name": "href",
+          "description": "Set an href, this will turns the button into a anchor tag.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "target",
+          "description": "Set an anchor tag target, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "name",
           "description": "This is a name property of the component.",
@@ -474,7 +499,7 @@
         },
         {
           "name": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -526,6 +551,20 @@
           "type": "undefined |'waiting' | 'success' | 'failed'",
           "default": "\"undefined\""
         },
+        {
+          "name": "href",
+          "attribute": "href",
+          "description": "Set an href, this will turns the button into a 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": "formAssociated",
           "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/",
@@ -591,7 +630,7 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -1216,7 +1255,7 @@
         },
         {
           "name": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -1312,7 +1351,7 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -1748,7 +1787,7 @@
         },
         {
           "name": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -1775,7 +1814,7 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -2171,11 +2210,6 @@
           "type": "boolean",
           "default": "true"
         },
-        {
-          "name": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "description": "Defines the input placeholder.",
@@ -2235,6 +2269,11 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
+          "type": "string"
         }
       ],
       "properties": [
@@ -2290,12 +2329,6 @@
           "type": "boolean",
           "default": "true"
         },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "attribute": "placeholder",
@@ -2378,6 +2411,12 @@
         },
         {
           "name": "validationMessage"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
+          "type": "string"
         }
       ],
       "events": [
@@ -2395,10 +2434,6 @@
         }
       ],
       "slots": [
-        {
-          "name": "",
-          "description": "input label - for the input label text."
-        },
         {
           "name": "prepend",
           "description": "for components to render to the left of the input."
@@ -2406,6 +2441,10 @@
         {
           "name": "append",
           "description": "for components to render to the right of the input."
+        },
+        {
+          "name": "",
+          "description": "Override the default label"
         }
       ]
     },
@@ -2447,11 +2486,6 @@
           "type": "boolean",
           "default": "\"false\""
         },
-        {
-          "name": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "description": "Defines the input placeholder.",
@@ -2511,6 +2545,11 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
+          "type": "string"
         }
       ],
       "properties": [
@@ -2559,12 +2598,6 @@
           "type": "boolean",
           "default": "\"false\""
         },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "attribute": "placeholder",
@@ -2647,6 +2680,12 @@
         },
         {
           "name": "validationMessage"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
+          "type": "string"
         }
       ],
       "events": [
@@ -2664,10 +2703,6 @@
         }
       ],
       "slots": [
-        {
-          "name": "",
-          "description": "input label - for the input label text."
-        },
         {
           "name": "prepend",
           "description": "for components to render to the left of the input."
@@ -2675,6 +2710,10 @@
         {
           "name": "append",
           "description": "for components to render to the right of the input."
+        },
+        {
+          "name": "",
+          "description": "Override the default label"
         }
       ]
     },
@@ -2717,11 +2756,6 @@
           "type": "boolean",
           "default": "\"false\""
         },
-        {
-          "name": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "description": "Defines the input placeholder.",
@@ -2781,6 +2815,11 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
+          "type": "string"
         }
       ],
       "properties": [
@@ -2829,12 +2868,6 @@
           "type": "boolean",
           "default": "\"false\""
         },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "attribute": "placeholder",
@@ -2917,6 +2950,12 @@
         },
         {
           "name": "validationMessage"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
+          "type": "string"
         }
       ],
       "events": [
@@ -2934,10 +2973,6 @@
         }
       ],
       "slots": [
-        {
-          "name": "",
-          "description": "input label - for the input label text."
-        },
         {
           "name": "prepend",
           "description": "for components to render to the left of the input."
@@ -2945,6 +2980,10 @@
         {
           "name": "append",
           "description": "for components to render to the right of the input."
+        },
+        {
+          "name": "",
+          "description": "Override the default label"
         }
       ]
     },
@@ -3197,7 +3236,7 @@
         },
         {
           "name": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -3278,7 +3317,7 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -5214,7 +5253,7 @@
     {
       "name": "uui-symbol-expand",
       "path": "./../uui-symbol-expand/lib/uui-symbol-expand.element.ts",
-      "description": "A symbol indicating weather related composition is expanded or collapsed",
+      "description": "A symbol indicating whether related composition is expanded or collapsed",
       "attributes": [
         {
           "name": "open",
@@ -5508,6 +5547,16 @@
           "name": "",
           "description": "slot for table cell content"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-table-cell-padding",
+          "description": "overwrite the table cell padding"
+        },
+        {
+          "name": "--uui-table-cell-height",
+          "description": "overwrite the table cell height"
+        }
       ]
     },
     {
@@ -5579,6 +5628,16 @@
           "name": "",
           "description": "slot for table cell content"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-table-cell-padding",
+          "description": "overwrite the table cell padding"
+        },
+        {
+          "name": "--uui-table-cell-height",
+          "description": "overwrite the table cell height"
+        }
       ]
     },
     {
@@ -5662,6 +5721,12 @@
           "name": "",
           "description": "for <uui-table-cell> elements that should be in the row."
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-table-row-color-selected",
+          "description": "overwrite the color of the selected row"
+        }
       ]
     },
     {
@@ -5710,6 +5775,18 @@
           "type": "boolean",
           "default": "\"false\""
         },
+        {
+          "name": "href",
+          "description": "Set an href, this will turns the inner button into a anchor tag.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "target",
+          "description": "Set an anchor tag target, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "active",
           "description": "Set this boolean to true for then the related composition is sorted.",
@@ -5718,7 +5795,7 @@
         },
         {
           "name": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -5735,6 +5812,20 @@
           "type": "boolean",
           "default": "\"false\""
         },
+        {
+          "name": "href",
+          "attribute": "href",
+          "description": "Set an href, this will turns the inner button into a 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": "active",
           "attribute": "active",
@@ -5745,11 +5836,23 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
       "slots": [
+        {
+          "name": "default",
+          "description": "for label"
+        },
+        {
+          "name": "icon",
+          "description": "for icon"
+        },
+        {
+          "name": "extra",
+          "description": "for extra"
+        },
         {
           "name": "",
           "description": "Override the default label"
@@ -5789,6 +5892,18 @@
           "type": "boolean",
           "default": "\"false\""
         },
+        {
+          "name": "href",
+          "description": "Set an href, this will turns the inner button into a anchor tag.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "target",
+          "description": "Set an anchor tag target, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "active",
           "description": "Set this boolean to true for then the related composition is sorted.",
@@ -5797,7 +5912,7 @@
         },
         {
           "name": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -5814,6 +5929,20 @@
           "type": "boolean",
           "default": "\"false\""
         },
+        {
+          "name": "href",
+          "attribute": "href",
+          "description": "Set an href, this will turns the inner button into a 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": "active",
           "attribute": "active",
@@ -5824,11 +5953,23 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
       "slots": [
+        {
+          "name": "default",
+          "description": "for label"
+        },
+        {
+          "name": "icon",
+          "description": "for icon"
+        },
+        {
+          "name": "extra",
+          "description": "for extra"
+        },
         {
           "name": "",
           "description": "Override the default label"
@@ -5863,9 +6004,15 @@
       "attributes": [
         {
           "name": "color",
-          "description": "Defines the color of the tag.",
-          "type": "string",
-          "default": "\"primary\""
+          "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.",
+          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
+          "default": "\"\\\"default\\\"\""
+        },
+        {
+          "name": "look",
+          "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.",
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
         }
       ],
       "properties": [
@@ -5877,9 +6024,16 @@
         {
           "name": "color",
           "attribute": "color",
-          "description": "Defines the color of the tag.",
-          "type": "string",
-          "default": "\"primary\""
+          "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.",
+          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
+          "default": "\"\\\"default\\\"\""
+        },
+        {
+          "name": "look",
+          "attribute": "look",
+          "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.",
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
         }
       ],
       "slots": [
@@ -6224,8 +6378,8 @@
       "attributes": [
         {
           "name": "color",
-          "description": "Changes the look of the notification to one of the predefined, symbolic looks. Example set this to danger for errors.",
-          "type": "\"\"|\"primary\"|\"positive\"|\"warning\"|\"danger\"",
+          "description": "Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.",
+          "type": "'' | 'default' | 'positive' | 'warning' | 'danger'",
           "default": "\"\\\"\\\"\""
         },
         {
@@ -6250,8 +6404,8 @@
         {
           "name": "color",
           "attribute": "color",
-          "description": "Changes the look of the notification to one of the predefined, symbolic looks. Example set this to danger for errors.",
-          "type": "\"\"|\"primary\"|\"positive\"|\"warning\"|\"danger\"",
+          "description": "Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.",
+          "type": "'' | 'default' | 'positive' | 'warning' | 'danger'",
           "default": "\"\\\"\\\"\""
         },
         {
@@ -6361,7 +6515,7 @@
         },
         {
           "name": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],
@@ -6457,7 +6611,7 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "Label to be used for aria-label and eventually as visual label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
           "type": "string"
         }
       ],