@umbraco-ui/uui 0.2.2 → 1.0.0-rc.1

package/custom-elements.json

@@ -128,11 +128,17 @@
       "path": "./../uui-badge/lib/uui-badge.element.ts",
       "description": "A badge to notify that there is something that requires attention of the user. The badge is positioned with `position: absolute`. It will determine its position against the first ancestor with `position: relative`.",
       "attributes": [
+        {
+          "name": "color",
+          "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": "\"\"|\"primary\"|\"secondary\"|\"outline\"|\"placeholder\"|\"positive\"|\"warning\"|\"danger\"",
-          "default": "\"danger\""
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
         },
         {
           "name": "attention",
@@ -147,12 +153,19 @@
           "type": "CSSResult[]",
           "default": "[null]"
         },
+        {
+          "name": "color",
+          "attribute": "color",
+          "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": "\"\"|\"primary\"|\"secondary\"|\"outline\"|\"placeholder\"|\"positive\"|\"warning\"|\"danger\"",
-          "default": "\"danger\""
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
         },
         {
           "name": "attention",
@@ -409,8 +422,14 @@
         {
           "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": "\"\"|\"primary\"|\"secondary\"|\"outline\"|\"placeholder\"|\"positive\"|\"warning\"|\"danger\"",
-          "default": "\"\\\"\\\"\""
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
+        },
+        {
+          "name": "color",
+          "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": "compact",
@@ -424,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.",
@@ -496,8 +527,15 @@
           "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": "\"\"|\"primary\"|\"secondary\"|\"outline\"|\"placeholder\"|\"positive\"|\"warning\"|\"danger\"",
-          "default": "\"\\\"\\\"\""
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
+        },
+        {
+          "name": "color",
+          "attribute": "color",
+          "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": "compact",
@@ -513,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/",
@@ -5201,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",
@@ -5495,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"
+        }
       ]
     },
     {
@@ -5566,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"
+        }
       ]
     },
     {
@@ -5649,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"
+        }
       ]
     },
     {
@@ -5697,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.",
@@ -5722,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",
@@ -5737,6 +5841,18 @@
         }
       ],
       "slots": [
+        {
+          "name": "default",
+          "description": "for label"
+        },
+        {
+          "name": "icon",
+          "description": "for icon"
+        },
+        {
+          "name": "extra",
+          "description": "for extra"
+        },
         {
           "name": "",
           "description": "Override the default label"
@@ -5776,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.",
@@ -5801,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",
@@ -5816,6 +5958,18 @@
         }
       ],
       "slots": [
+        {
+          "name": "default",
+          "description": "for label"
+        },
+        {
+          "name": "icon",
+          "description": "for icon"
+        },
+        {
+          "name": "extra",
+          "description": "for extra"
+        },
         {
           "name": "",
           "description": "Override the default label"
@@ -5848,11 +6002,17 @@
       "name": "uui-tag",
       "path": "./../uui-tag/lib/uui-tag.element.ts",
       "attributes": [
+        {
+          "name": "color",
+          "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": "Defines the look of the tag.",
-          "type": "InterfaceLookType",
-          "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\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
         }
       ],
       "properties": [
@@ -5861,12 +6021,19 @@
           "type": "CSSResult[]",
           "default": "[null]"
         },
+        {
+          "name": "color",
+          "attribute": "color",
+          "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": "Defines the look of the tag.",
-          "type": "InterfaceLookType",
-          "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\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
+          "default": "\"\\\"default\\\"\""
         }
       ],
       "slots": [
@@ -6210,9 +6377,9 @@
       "path": "./../uui-toast-notification/lib/uui-toast-notification.element.ts",
       "attributes": [
         {
-          "name": "look",
+          "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\"",
+          "type": "\"\"|\"default\"|\"primary\"|\"positive\"|\"warning\"|\"danger\"",
           "default": "\"\\\"\\\"\""
         },
         {
@@ -6235,10 +6402,10 @@
           "default": "[\"UUITextStyles\",null]"
         },
         {
-          "name": "look",
-          "attribute": "look",
+          "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\"",
+          "type": "\"\"|\"default\"|\"primary\"|\"positive\"|\"warning\"|\"danger\"",
           "default": "\"\\\"\\\"\""
         },
         {