@umbraco-ui/uui-color-swatch 1.3.0-rc.0 → 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

@@ -43,7 +43,6 @@ let UUIColorSwatchElement = class extends LabelMixin(
   /**
    * 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() {
@@ -87,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")) {
@@ -141,7 +140,7 @@ UUIColorSwatchElement.styles = [
       :host(*),
       * {
         /* TODO: implement globally shared outline style */
-        outline-color: var(--uui-color-focus,var(--uui-palette-malibu));
+        outline-color: var(--uui-color-focus,#3879ff);
         outline-offset: 4px;
       }
 
@@ -150,7 +149,7 @@ UUIColorSwatchElement.styles = [
       }
 
       :host(:focus:not([disabled])) #swatch {
-        outline-color: var(--uui-color-focus,var(--uui-palette-malibu));
+        outline-color: var(--uui-color-focus,#3879ff);
         outline-width: var(--uui-swatch-border-width, 1px);
         outline-style: solid;
         outline-offset: var(--uui-swatch-border-width, 1px);
@@ -187,9 +186,9 @@ UUIColorSwatchElement.styles = [
         height: calc(100% + calc(var(--uui-swatch-border-width, 1px) * 2));
         box-sizing: border-box;
         border: var(--uui-swatch-border-width, 1px) solid
-          var(--uui-color-selected,var(--uui-palette-violet-blue));
+          var(--uui-color-selected,#3544b1);
         border-radius: calc(
-          var(--uui-border-radius,var(--uui-size-1)) + var(--uui-swatch-border-width, 1px)
+          var(--uui-border-radius,3px) + var(--uui-swatch-border-width, 1px)
         );
         transition: opacity 100ms ease-out;
         opacity: 0;
@@ -290,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.3.0-rc.0",
+  "version": "1.3.0-rc.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,18 +30,18 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.3.0-rc.0",
-    "@umbraco-ui/uui-icon-registry-essential": "1.3.0-rc.0",
+    "@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 -g 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": "45c3824056586d9817efb3f61dc0bef5478747f0"
+  "gitHead": "0c517175884931aa0bc0d8f05974852a7704626e"
 }