@umbraco-ui/uui 1.2.1 → 1.3.0-rc.1

package/custom-elements.json

@@ -766,8 +766,8 @@
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the media card is unselected"
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
         }
       ],
       "slots": [
@@ -898,8 +898,8 @@
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the media card is unselected"
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
         }
       ],
       "slots": [
@@ -1013,8 +1013,8 @@
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the media card is unselected"
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
         }
       ],
       "slots": [
@@ -1115,8 +1115,8 @@
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the media card is unselected"
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
         }
       ]
     },
@@ -1764,14 +1764,13 @@
         {
           "name": "value",
           "description": "Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.",
-          "type": " string ",
-          "default": "\"\\\"\\\"\""
+          "type": "string"
         },
         {
           "name": "disabled",
           "description": "Determines if the options is disabled. If true the option can't be selected",
-          "type": " boolean ",
-          "default": "\"false\""
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "show-label",
@@ -1812,15 +1811,14 @@
           "name": "value",
           "attribute": "value",
           "description": "Value of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.",
-          "type": " string ",
-          "default": "\"\\\"\\\"\""
+          "type": "string"
         },
         {
           "name": "disabled",
           "attribute": "disabled",
           "description": "Determines if the options is disabled. If true the option can't be selected",
-          "type": " boolean ",
-          "default": "\"false\""
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "showLabel",
@@ -1832,7 +1830,7 @@
         {
           "name": "color",
           "description": "Colord object instance based on the value provided to the element. If the value is not a valid color, it falls back to black (like Amy Winehouse). For more information about Colord, see [Colord](https://omgovich.github.io/colord/)",
-          "type": "(Colord | null)"
+          "type": "Colord | null"
         },
         {
           "name": "isLight",
@@ -1872,8 +1870,8 @@
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the media card is unselected"
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
         }
       ],
       "slots": [
@@ -1901,8 +1899,8 @@
         {
           "name": "value",
           "description": "Value of selected option.",
-          "type": " string ",
-          "default": "\"\\\"\\\"\""
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "label",
@@ -1920,8 +1918,8 @@
           "name": "value",
           "attribute": "value",
           "description": "Value of selected option.",
-          "type": " string ",
-          "default": "\"\\\"\\\"\""
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "swatches",
@@ -2043,8 +2041,8 @@
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the media card is unselected"
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
         }
       ],
       "slots": [
@@ -2374,9 +2372,8 @@
       "attributes": [
         {
           "name": "accept",
-          "description": "Accepted filetypes. Will allow all types if empty.",
-          "type": "string",
-          "default": "\"false\""
+          "description": "Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.",
+          "type": "string"
         },
         {
           "name": "multiple",
@@ -2399,9 +2396,8 @@
         {
           "name": "accept",
           "attribute": "accept",
-          "description": "Accepted filetypes. Will allow all types if empty.",
-          "type": "string",
-          "default": "\"false\""
+          "description": "Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.",
+          "type": "string"
         },
         {
           "name": "multiple",
@@ -2419,7 +2415,7 @@
       ],
       "events": [
         {
-          "name": "file-change",
+          "name": "change",
           "description": "fires when the a file has been selected."
         }
       ],
@@ -2845,6 +2841,18 @@
           "type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
           "default": "\"text\""
         },
+        {
+          "name": "pattern",
+          "description": "Validates the input based on the Regex pattern",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "inputmode",
+          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "name",
           "description": "This is a name property of the component.",
@@ -2988,6 +2996,20 @@
           "type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
           "default": "\"text\""
         },
+        {
+          "name": "pattern",
+          "attribute": "pattern",
+          "description": "Validates the input based on the Regex pattern",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "inputmode",
+          "attribute": "inputmode",
+          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
+          "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. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
@@ -3156,6 +3178,18 @@
           "type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
           "default": "\"text\""
         },
+        {
+          "name": "pattern",
+          "description": "Validates the input based on the Regex pattern",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "inputmode",
+          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "name",
           "description": "This is a name property of the component.",
@@ -3292,6 +3326,20 @@
           "type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
           "default": "\"text\""
         },
+        {
+          "name": "pattern",
+          "attribute": "pattern",
+          "description": "Validates the input based on the Regex pattern",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "inputmode",
+          "attribute": "inputmode",
+          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
+          "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. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
@@ -3461,6 +3509,18 @@
           "type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
           "default": "\"text\""
         },
+        {
+          "name": "pattern",
+          "description": "Validates the input based on the Regex pattern",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "inputmode",
+          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "name",
           "description": "This is a name property of the component.",
@@ -3597,6 +3657,20 @@
           "type": "'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'",
           "default": "\"text\""
         },
+        {
+          "name": "pattern",
+          "attribute": "pattern",
+          "description": "Validates the input based on the Regex pattern",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "inputmode",
+          "attribute": "inputmode",
+          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
+          "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. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
@@ -4043,8 +4117,8 @@
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the media card is unselected"
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
         }
       ],
       "slots": [
@@ -5045,8 +5119,8 @@
           "description": "fires when the ref is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the ref is unselected"
+          "name": "deselected",
+          "description": "fires when the ref is deselected"
         }
       ],
       "slots": [
@@ -5190,8 +5264,8 @@
           "description": "fires when the ref is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the ref is unselected"
+          "name": "deselected",
+          "description": "fires when the ref is deselected"
         }
       ],
       "slots": [
@@ -5322,8 +5396,8 @@
           "description": "fires when the ref is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the ref is unselected"
+          "name": "deselected",
+          "description": "fires when the ref is deselected"
         }
       ],
       "slots": [
@@ -5467,8 +5541,8 @@
           "description": "fires when the ref is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the ref is unselected"
+          "name": "deselected",
+          "description": "fires when the ref is deselected"
         }
       ],
       "slots": [
@@ -5625,8 +5699,8 @@
           "description": "fires when the ref is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the ref is unselected"
+          "name": "deselected",
+          "description": "fires when the ref is deselected"
         }
       ],
       "slots": [
@@ -5770,8 +5844,8 @@
           "description": "fires when the ref is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the ref is unselected"
+          "name": "deselected",
+          "description": "fires when the ref is deselected"
         }
       ],
       "slots": [
@@ -5902,8 +5976,8 @@
           "description": "fires when the ref is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the ref is unselected"
+          "name": "deselected",
+          "description": "fires when the ref is deselected"
         }
       ],
       "slots": [
@@ -6008,8 +6082,8 @@
           "description": "fires when the ref is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the ref is unselected"
+          "name": "deselected",
+          "description": "fires when the ref is deselected"
         }
       ]
     },
@@ -6886,8 +6960,8 @@
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselected",
-          "description": "fires when the media card is unselected"
+          "name": "deselected",
+          "description": "fires when the media card is deselected"
         }
       ],
       "slots": [
@@ -7270,6 +7344,22 @@
           "description": "Label to be used for aria-label and eventually as visual label",
           "type": "string"
         },
+        {
+          "name": "rows",
+          "description": "Sets the number of rows of the textarea",
+          "type": "number"
+        },
+        {
+          "name": "cols",
+          "description": "Sets the number of cols of the textarea",
+          "type": "number"
+        },
+        {
+          "name": "wrap",
+          "description": "Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.",
+          "type": "'soft' | 'hard' | 'off'",
+          "default": "\"undefined\""
+        },
         {
           "name": "name",
           "description": "This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.",
@@ -7379,6 +7469,25 @@
           "description": "Label to be used for aria-label and eventually as visual label",
           "type": "string"
         },
+        {
+          "name": "rows",
+          "attribute": "rows",
+          "description": "Sets the number of rows of the textarea",
+          "type": "number"
+        },
+        {
+          "name": "cols",
+          "attribute": "cols",
+          "description": "Sets the number of cols of the textarea",
+          "type": "number"
+        },
+        {
+          "name": "wrap",
+          "attribute": "wrap",
+          "description": "Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.",
+          "type": "'soft' | 'hard' | 'off'",
+          "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. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",