@getflip/swirl-components 0.128.0 → 0.129.1

package/dist/collection/collection-manifest.json

@@ -203,8 +203,10 @@
     "./components/swirl-icon/icons/swirl-icon-sync.js",
     "./components/swirl-icon/icons/swirl-icon-tasks-filled.js",
     "./components/swirl-icon/icons/swirl-icon-tasks-outlined.js",
+    "./components/swirl-icon/icons/swirl-icon-terminal.js",
     "./components/swirl-icon/icons/swirl-icon-time-filled.js",
     "./components/swirl-icon/icons/swirl-icon-time-outlined.js",
+    "./components/swirl-icon/icons/swirl-icon-today-outlined.js",
     "./components/swirl-icon/icons/swirl-icon-today.js",
     "./components/swirl-icon/icons/swirl-icon-translate.js",
     "./components/swirl-icon/icons/swirl-icon-tree-structure.js",

package/dist/collection/components/swirl-icon/icons/swirl-icon-terminal.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconTerminal {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M2.66665 13.3333C2.29998 13.3333 1.98609 13.2027 1.72498 12.9416C1.46387 12.6805 1.33331 12.3666 1.33331 12V3.99996C1.33331 3.63329 1.46387 3.3194 1.72498 3.05829C1.98609 2.79718 2.29998 2.66663 2.66665 2.66663H13.3333C13.7 2.66663 14.0139 2.79718 14.275 3.05829C14.5361 3.3194 14.6666 3.63329 14.6666 3.99996V12C14.6666 12.3666 14.5361 12.6805 14.275 12.9416C14.0139 13.2027 13.7 13.3333 13.3333 13.3333H2.66665ZM2.66665 12H13.3333V5.33329H2.66665V12ZM5.78331 8.66663L4.51665 7.39996C4.38331 7.26663 4.31942 7.11107 4.32498 6.93329C4.33054 6.75552 4.39998 6.59996 4.53331 6.46663C4.66665 6.3444 4.8222 6.28051 4.99998 6.27496C5.17776 6.2694 5.33331 6.33329 5.46665 6.46663L7.19998 8.19996C7.33331 8.33329 7.39998 8.48885 7.39998 8.66663C7.39998 8.8444 7.33331 8.99996 7.19998 9.13329L5.46665 10.8666C5.34442 10.9888 5.19165 11.0527 5.00831 11.0583C4.82498 11.0638 4.66665 11 4.53331 10.8666C4.41109 10.7444 4.34998 10.5888 4.34998 10.4C4.34998 10.2111 4.41109 10.0555 4.53331 9.93329L5.78331 8.66663ZM8.66665 11.3333C8.47776 11.3333 8.31942 11.2694 8.19165 11.1416C8.06387 11.0138 7.99998 10.8555 7.99998 10.6666C7.99998 10.4777 8.06387 10.3194 8.19165 10.1916C8.31942 10.0638 8.47776 9.99996 8.66665 9.99996H11.3333C11.5222 9.99996 11.6805 10.0638 11.8083 10.1916C11.9361 10.3194 12 10.4777 12 10.6666C12 10.8555 11.9361 11.0138 11.8083 11.1416C11.6805 11.2694 11.5222 11.3333 11.3333 11.3333H8.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18ZM8.675 13L6.775 11.1C6.575 10.9 6.47917 10.6667 6.4875 10.4C6.49583 10.1333 6.6 9.9 6.8 9.7C7 9.51667 7.23333 9.42083 7.5 9.4125C7.76667 9.40417 8 9.5 8.2 9.7L10.8 12.3C11 12.5 11.1 12.7333 11.1 13C11.1 13.2667 11 13.5 10.8 13.7L8.2 16.3C8.01667 16.4833 7.7875 16.5792 7.5125 16.5875C7.2375 16.5958 7 16.5 6.8 16.3C6.61667 16.1167 6.525 15.8833 6.525 15.6C6.525 15.3167 6.61667 15.0833 6.8 14.9L8.675 13ZM13 17C12.7167 17 12.4792 16.9042 12.2875 16.7125C12.0958 16.5208 12 16.2833 12 16C12 15.7167 12.0958 15.4792 12.2875 15.2875C12.4792 15.0958 12.7167 15 13 15H17C17.2833 15 17.5208 15.0958 17.7125 15.2875C17.9042 15.4792 18 15.7167 18 16C18 16.2833 17.9042 16.5208 17.7125 16.7125C17.5208 16.9042 17.2833 17 17 17H13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M4.66665 23.3333C4.02498 23.3333 3.47567 23.1048 3.01873 22.6479C2.56179 22.1909 2.33331 21.6416 2.33331 21V6.99996C2.33331 6.35829 2.56179 5.80899 3.01873 5.35204C3.47567 4.8951 4.02498 4.66663 4.66665 4.66663H23.3333C23.975 4.66663 24.5243 4.8951 24.9812 5.35204C25.4382 5.80899 25.6666 6.35829 25.6666 6.99996V21C25.6666 21.6416 25.4382 22.1909 24.9812 22.6479C24.5243 23.1048 23.975 23.3333 23.3333 23.3333H4.66665ZM4.66665 21H23.3333V9.33329H4.66665V21ZM10.1208 15.1666L7.90415 12.95C7.67081 12.7166 7.55901 12.4444 7.56873 12.1333C7.57845 11.8222 7.69998 11.55 7.93331 11.3166C8.16665 11.1027 8.43887 10.9909 8.74998 10.9812C9.06109 10.9715 9.33331 11.0833 9.56665 11.3166L12.6 14.35C12.8333 14.5833 12.95 14.8555 12.95 15.1666C12.95 15.4777 12.8333 15.75 12.6 15.9833L9.56665 19.0166C9.35276 19.2305 9.0854 19.3423 8.76456 19.352C8.44373 19.3618 8.16665 19.25 7.93331 19.0166C7.71942 18.8027 7.61248 18.5305 7.61248 18.2C7.61248 17.8694 7.71942 17.5972 7.93331 17.3833L10.1208 15.1666ZM15.1666 19.8333C14.8361 19.8333 14.559 19.7215 14.3354 19.4979C14.1118 19.2743 14 18.9972 14 18.6666C14 18.3361 14.1118 18.059 14.3354 17.8354C14.559 17.6118 14.8361 17.5 15.1666 17.5H19.8333C20.1639 17.5 20.441 17.6118 20.6646 17.8354C20.8882 18.059 21 18.3361 21 18.6666C21 18.9972 20.8882 19.2743 20.6646 19.4979C20.441 19.7215 20.1639 19.8333 19.8333 19.8333H15.1666Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-terminal"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-icon/icons/swirl-icon-today-outlined.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconTodayOutlined {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
+  }
+  static get is() { return "swirl-icon-today-outlined"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlIconSize",
+          "resolved": "16 | 20 | 24 | 28",
+          "references": {
+            "SwirlIconSize": {
+              "location": "import",
+              "path": "../swirl-icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.css

@@ -97,6 +97,10 @@
   }
     }
 
+.shell-layout--sidebar-active .shell-layout__sidebar {
+    overflow: initial;
+  }
+
 @media (min-width: 992px) {
 
 .shell-layout--sidebar-active .shell-layout__sidebar-body {
@@ -114,6 +118,11 @@
 }
   }
 
+:not(.shell-layout--sidebar-active) .shell-layout__sidebar {
+    animation: shell-layout-no-overflow-after-transition 0.2s;
+    animation-fill-mode: forwards;
+  }
+
 .shell-layout--mobile-navigation-active .shell-layout__nav {
     transform: translate3d(0, 0, 0);
     box-shadow: var(--s-shadow-level-3);
@@ -405,13 +414,6 @@
 }
   }
 
-@media (min-width: 1440px) {
-
-.shell-layout__sidebar {
-    overflow: hidden
-}
-  }
-
 .shell-layout__sidebar-body {
   z-index: 1;
   display: flex;
@@ -464,3 +466,15 @@
     opacity: 1;
   }
 }
+
+@keyframes shell-layout-no-overflow-after-transition {
+  0% {
+    overflow: initial;
+  }
+  99% {
+    overflow: initial;
+  }
+  100% {
+    overflow: hidden;
+  }
+}