@umbraco-ui/uui 1.5.0-rc.3 → 1.6.0-rc.0

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."
         }
       ]
     },
@@ -4783,7 +4788,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",