@umbraco-ui/uui 1.0.0-rc.0 → 1.0.0-rc.3

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",
@@ -486,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"
         }
       ],
@@ -617,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"
         }
       ],
@@ -1242,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"
         }
       ],
@@ -1338,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"
         }
       ],
@@ -1774,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"
         }
       ],
@@ -1801,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"
         }
       ],
@@ -2197,11 +2210,6 @@
           "type": "boolean",
           "default": "true"
         },
-        {
-          "name": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "description": "Defines the input placeholder.",
@@ -2261,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": [
@@ -2316,12 +2329,6 @@
           "type": "boolean",
           "default": "true"
         },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "attribute": "placeholder",
@@ -2404,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": [
@@ -2421,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."
@@ -2432,6 +2441,10 @@
         {
           "name": "append",
           "description": "for components to render to the right of the input."
+        },
+        {
+          "name": "",
+          "description": "Override the default label"
         }
       ]
     },
@@ -2473,11 +2486,6 @@
           "type": "boolean",
           "default": "\"false\""
         },
-        {
-          "name": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "description": "Defines the input placeholder.",
@@ -2537,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": [
@@ -2585,12 +2598,6 @@
           "type": "boolean",
           "default": "\"false\""
         },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "attribute": "placeholder",
@@ -2673,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": [
@@ -2690,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."
@@ -2701,6 +2710,10 @@
         {
           "name": "append",
           "description": "for components to render to the right of the input."
+        },
+        {
+          "name": "",
+          "description": "Override the default label"
         }
       ]
     },
@@ -2743,11 +2756,6 @@
           "type": "boolean",
           "default": "\"false\""
         },
-        {
-          "name": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "description": "Defines the input placeholder.",
@@ -2807,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": [
@@ -2855,12 +2868,6 @@
           "type": "boolean",
           "default": "\"false\""
         },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label for input element.",
-          "type": "string"
-        },
         {
           "name": "placeholder",
           "attribute": "placeholder",
@@ -2943,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": [
@@ -2960,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."
@@ -2971,6 +2980,10 @@
         {
           "name": "append",
           "description": "for components to render to the right of the input."
+        },
+        {
+          "name": "",
+          "description": "Override the default label"
         }
       ]
     },
@@ -3223,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"
         }
       ],
@@ -3304,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"
         }
       ],
@@ -5240,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",
@@ -5534,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"
+        }
       ]
     },
     {
@@ -5605,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"
+        }
       ]
     },
     {
@@ -5688,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"
+        }
       ]
     },
     {
@@ -5756,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"
         }
       ],
@@ -5797,7 +5836,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"
         }
       ],
@@ -5873,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"
         }
       ],
@@ -5914,7 +5953,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"
         }
       ],
@@ -5965,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": [
@@ -5979,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": [
@@ -6326,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": "\"\\\"\\\"\""
         },
         {
@@ -6352,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": "\"\\\"\\\"\""
         },
         {
@@ -6463,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"
         }
       ],
@@ -6559,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"
         }
       ],