@umbraco-ui/uui 1.5.0 → 1.6.0-rc.1

package/custom-elements.json

@@ -1899,13 +1899,18 @@
     {
       "name": "uui-color-swatch",
       "path": "./../uui-color-swatch/lib/uui-color-swatch.element.ts",
-      "description": "Color swatch, can have label and be selectable. Depends on colord library and exposes it's utility functions under color property.",
+      "description": "Color swatch, can have label and be selectable.",
       "attributes": [
         {
           "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.",
+          "description": "Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.",
           "type": "string"
         },
+        {
+          "name": "color",
+          "description": "Color 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 | undefined"
+        },
         {
           "name": "disabled",
           "description": "Determines if the options is disabled. If true the option can't be selected",
@@ -1945,9 +1950,15 @@
         {
           "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.",
+          "description": "Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.",
           "type": "string"
         },
+        {
+          "name": "color",
+          "attribute": "color",
+          "description": "Color 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 | undefined"
+        },
         {
           "name": "disabled",
           "attribute": "disabled",
@@ -1962,16 +1973,6 @@
           "type": "boolean",
           "default": "false"
         },
-        {
-          "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"
-        },
-        {
-          "name": "isLight",
-          "description": "Returns true if the color brightness is >= 0.5",
-          "type": "boolean"
-        },
         {
           "name": "styles",
           "type": "CSSResult[]",
@@ -2028,6 +2029,10 @@
         {
           "name": "--uui-swatch-border-width",
           "description": "The width of the border."
+        },
+        {
+          "name": "--uui-swatch-color",
+          "description": "The width of the border."
         }
       ]
     },
@@ -3288,6 +3293,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"
+        }
       ]
     },
     {
@@ -3640,6 +3687,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"
+        }
       ]
     },
     {
@@ -3993,6 +4082,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"
+        }
       ]
     },
     {
@@ -4386,6 +4517,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"
         }
       ]
     },
@@ -4783,7 +4918,9 @@
           "name": "--uui-popover-z-index",
           "description": "overwrite the z-index of the popover container."
         }
-      ]
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "This component has been deprecated and will be removed in future releases. It is being replaced by popover-container."
     },
     {
       "name": "uui-progress-bar",
@@ -6578,6 +6715,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"
+        }
       ]
     },
     {