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

package/custom-elements.json

@@ -9,14 +9,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",
@@ -57,15 +56,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",
@@ -77,7 +75,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",
@@ -117,8 +115,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": [

package/lib/index.js

@@ -40,12 +40,23 @@ let UUIColorSwatchElement = class extends LabelMixin(
     this._value = newValue;
     this.requestUpdate("value", oldValue);
   }
+  /**
+   * 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/)
+   *
+   * @memberof UUIColorSwatchElement
+   */
   get color() {
     return this._color;
   }
   set color(_) {
     return;
   }
+  /**
+   * Returns true if the color brightness is >= 0.5
+   *
+   * @readonly
+   * @memberof UUIColorSwatchElement
+   */
   get isLight() {
     var _a, _b;
     return (_b = (_a = this.color) == null ? void 0 : _a.isLight()) != null ? _b : false;
@@ -75,7 +86,7 @@ let UUIColorSwatchElement = class extends LabelMixin(
     if (changedProperties.has("disabled")) {
       if (this.selectable) {
         this.selectable = !this.disabled;
-        this.unselectable = !this.disabled;
+        this.deselectable = !this.disabled;
       }
     }
     if (changedProperties.has("selectable") || changedProperties.has("selected")) {
@@ -278,7 +289,7 @@ UUIColorSwatchElement.styles = [
     `
 ];
 __decorateClass([
-  property({ type: String })
+  property()
 ], UUIColorSwatchElement.prototype, "value", 1);
 __decorateClass([
   property({ type: Boolean, reflect: true })

package/lib/uui-color-swatch.element.d.ts

@@ -14,29 +14,27 @@ export declare class UUIColorSwatchElement extends UUIColorSwatchElement_base {
     private _value;
     /**
      * 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 }
+     *
      * @attr
-     * @default ""
      */
     get value(): string;
     set value(newValue: string);
     /**
      * Determines if the options is disabled. If true the option can't be selected
-     * @type { boolean }
+     *
      * @attr
-     * @default false
      */
     disabled: boolean;
     /**
      * When true shows element label below the color checkbox
      *
+     * @attr
      * @memberof UUIColorSwatchElement
      */
     showLabel: boolean;
     /**
      * 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)}
      * @memberof UUIColorSwatchElement
      */
     get color(): Colord | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-color-swatch",
-  "version": "1.2.1",
+  "version": "1.3.0-rc.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,18 +30,18 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.2.1",
-    "@umbraco-ui/uui-icon-registry-essential": "1.2.1",
+    "@umbraco-ui/uui-base": "1.3.0-rc.1",
+    "@umbraco-ui/uui-icon-registry-essential": "1.3.0-rc.1",
     "colord": "^2.9.3"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
-    "clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json",
+    "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js *.tgz lib/**/*.d.ts custom-elements.json",
     "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
   },
   "publishConfig": {
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-color-swatch",
-  "gitHead": "94eb22bee5ff21bac6fadbd78653671279bebe36"
+  "gitHead": "0c517175884931aa0bc0d8f05974852a7704626e"
 }