smoothly 0.3.4 → 0.3.6

package/dist/collection/components/radio-button/item/index.js

@@ -1,4 +1,4 @@
-import { Component, Event, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlyRadioButtonItem {
   componentWillLoad() {
     this.selected && this.select(this.selected);
@@ -11,76 +11,101 @@ export class SmoothlyRadioButtonItem {
     });
   }
   render() {
-    return (h(Host, null,
-      h("header", { onClick: () => this.select(!this.selected) },
-        h("smoothly-icon", { color: this.selected ? "success" : "medium", fill: "solid", name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "tiny", toolTip: "Select" }),
-        h("slot", null),
-        h("slot", { name: "end" })),
-      h("slot", { name: "expansion" })));
+    return (h(Host, null, h("header", { onClick: () => this.select(!this.selected) }, h("smoothly-icon", { color: this.selected ? "success" : "medium", fill: "solid", name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "tiny", toolTip: "Select" }), h("slot", null), h("slot", { name: "end" })), h("slot", { name: "expansion" })));
   }
   static get is() { return "smoothly-radio-button-item"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
       },
-      "attribute": "selected",
-      "reflect": true
-    }
-  }; }
-  static get events() { return [{
-      "method": "radioItemSelectInternal",
-      "name": "radioItemSelectInternal",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "selected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": true
       },
-      "complexType": {
-        "original": "Selected",
-        "resolved": "Selected",
-        "references": {
-          "Selected": {
-            "location": "import",
-            "path": "../Selected"
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Color",
+          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
+          "references": {
+            "Color": {
+              "location": "import",
+              "path": "../../../model"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": true
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "radioItemSelectInternal",
+        "name": "radioItemSelectInternal",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Selected",
+          "resolved": "Selected",
+          "references": {
+            "Selected": {
+              "location": "import",
+              "path": "../Selected"
+            }
+          }
+        }
+      }];
+  }
 }

package/dist/collection/components/radio-button/item/style.css

@@ -1,6 +1,7 @@
 smoothly-radio-button[decoration=radio] :host {
-	background: rgb(var(--smoothly-primary-shade));
-	color: rgb(var(--smoothly-primary-contrast));
+	background: rgb(var(--smoothly-secondary-shade));
+	color: rgb(var(--smoothly-secondary-contrast));
+	transition: 0.2s;
 }
 
 smoothly-radio-button[decoration=radio] :host > header {
@@ -12,19 +13,23 @@ smoothly-radio-button[decoration=radio] :host > header > smoothly-icon {
 	display: none;
 }
 smoothly-radio-button[decoration=radio] :host[selected] > header {
-	color: rgb(var(--smoothly-primary-contrast));
-	background: rgb(var(--smoothly-primary-color));
+	color: rgb(var(--smoothly-secondary-contrast));
+	background: rgb(var(--smoothly-secondary-shade));
 }
 
 smoothly-radio-button[decoration=radio] ::slotted([slot=expansion])::before {
 	content: unset;
 }
 
-smoothly-radio-button[decoration=button] :host {
-	margin-bottom: 0.5rem;
+@media screen and (min-width: 900px) {
+	smoothly-radio-button[decoration=radio] :host:hover {
+		background: rgb(var(--smoothly-secondary-shade));
+		cursor: pointer;
+	}
 }
-smoothly-radio-button[decoration=button] :host:last-child {
-	margin-bottom: 0;
+
+smoothly-radio-button[decoration=button] :host {
+padding: 0.3rem;
 }
 
 smoothly-radio-button[decoration=button] :host > header > smoothly-icon {
@@ -42,8 +47,8 @@ smoothly-radio-button[decoration=button] :host[selected] > header > smoothly-ico
 }
 
 smoothly-radio-button[decoration=button] ::slotted([slot=expansion]) {
-	background: rgb(var(--smoothly-primary-color));
-	color: rgb(var(--smoothly-primary-contrast));
+	background: rgb(var(--smoothly-secondary-color));
+	color: rgb(var(--smoothly-secondary-contrast));
 	border-radius: 5px;
 	margin-top: 0.5rem;
 }
@@ -53,7 +58,7 @@ smoothly-radio-button[decoration=button] ::slotted([slot=expansion])::before {
 	position: absolute;
 	top: -0.8rem;
 	left: 3rem;
-	color: rgb(var(--smoothly-primary-color));
+	color: rgb(var(--smoothly-secondary-color));
 }
 
 @media screen and (min-width: 900px){
@@ -80,8 +85,8 @@ smoothly-radio-button[decoration=button] ::slotted([slot=expansion])::before {
 
 ::slotted([slot=expansion]) {
 	display: none;
-	background: rgb(var(--smoothly-primary-tint));
-	color: rgb(var(--smoothly-primary-contrast));
+	background: rgb(var(--smoothly-secondary-tint));
+	color: rgb(var(--smoothly-secondary-contrast));
 	padding: 0;
 	position: relative;
 	transition: 0.1s;

package/dist/collection/components/radio-group/index.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 export class SmoothlyToggleGroup {
   constructor() {
     this.orientation = "horizontal";
@@ -7,30 +7,36 @@ export class SmoothlyToggleGroup {
     return h("slot", null);
   }
   static get is() { return "smoothly-radio-group"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "orientation": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"horizontal\" | \"vertical\"",
-        "resolved": "\"horizontal\" | \"vertical\" | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "orientation",
-      "reflect": true,
-      "defaultValue": "\"horizontal\""
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "orientation": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"horizontal\" | \"vertical\"",
+          "resolved": "\"horizontal\" | \"vertical\" | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "orientation",
+        "reflect": true,
+        "defaultValue": "\"horizontal\""
+      }
+    };
+  }
 }

package/dist/collection/components/reorder/index.js

@@ -1,4 +1,3 @@
-import { Component, Element, Event } from "@stencil/core";
 export class SmoothlyReorder {
   get children() {
     let result = [];
@@ -86,27 +85,33 @@ export class SmoothlyReorder {
     });
   }
   static get is() { return "smoothly-reorder"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get events() { return [{
-      "method": "reorder",
-      "name": "reorder",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "[number, number]",
-        "resolved": "[number, number]",
-        "references": {}
-      }
-    }]; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get events() {
+    return [{
+        "method": "reorder",
+        "name": "reorder",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "[number, number]",
+          "resolved": "[number, number]",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "element"; }
 }

package/dist/collection/components/room/index.js

@@ -1,81 +1,83 @@
-import { Component, h, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 export class SmoothlyRoom {
   render() {
     return h("slot", null);
   }
   static get is() { return "smoothly-room"; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "attribute": "label",
-      "reflect": false
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "path": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | RegExp",
-        "resolved": "RegExp | string",
-        "references": {
-          "RegExp": {
-            "location": "global"
+      "path": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | RegExp",
+          "resolved": "RegExp | string",
+          "references": {
+            "RegExp": {
+              "location": "global"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "path",
+        "reflect": false
       },
-      "attribute": "path",
-      "reflect": false
-    },
-    "to": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "to",
-      "reflect": false
-    }
-  }; }
+      "to": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "to",
+        "reflect": false
+      }
+    };
+  }
 }