@getflip/swirl-components 0.373.1 → 0.375.0

package/dist/collection/components/swirl-date-picker/swirl-date-picker.js

@@ -1,10 +1,12 @@
 import { h, Host, } from "@stencil/core";
 import { getISODateString, removeTimezoneOffset } from "../../utils";
 import "wc-datepicker";
+import classnames from "classnames";
 export class SwirlDatePicker {
     constructor() {
         this.disableDate = () => false;
         this.firstDayOfWeek = 0;
+        this.fixedMaxWidth = true;
         this.locale = "en-US";
         this.onClick = (event) => {
             event.stopPropagation();
@@ -32,7 +34,10 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '7ec3ae9991690904727eba667b74a54f21ec11a1', onClick: this.onClick }, h("wc-datepicker", { key: 'd562dfed3aa6b4876348fe4f9ec2cd372cf93287', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        const className = classnames({
+            "date-picker--fixed-max-width": this.fixedMaxWidth,
+        });
+        return (h(Host, { key: 'c8daed371668e09422eb029a4f1466fbeb172dfe', onClick: this.onClick }, h("wc-datepicker", { key: '2db9b0139490da4cb983eae58d564f14be2721bf', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }
@@ -92,6 +97,26 @@ export class SwirlDatePicker {
                 "reflect": false,
                 "defaultValue": "0"
             },
+            "fixedMaxWidth": {
+                "type": "boolean",
+                "attribute": "fixed-max-width",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "labels": {
                 "type": "unknown",
                 "attribute": "labels",

package/dist/collection/components/swirl-menu/swirl-menu.css

@@ -45,7 +45,7 @@
       padding-bottom: 0;
     }
 
-:not(.menu--mobile) :not(.menu--root) .menu__menu {
+:not(.menu--mobile):not(.menu--root) .menu__menu {
       z-index: 1;
       max-width: 22.5rem;
       border-radius: var(--s-border-radius-base);
@@ -94,4 +94,9 @@
 
 .menu__menu {
   background-color: var(--s-surface-overlay-default);
+  /* z-index: 1;
+  max-width: 22.5rem;
+  border-radius: var(--s-border-radius-base);
+  box-shadow: var(--s-shadow-level-1);
+  padding: var(--s-space-4); */
 }