@ucalgary-design-system/dropdown 1.1.0 → 1.1.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @ucalgary-design-system/dropdown
 
+## 1.1.2
+
+### Patch Changes
+
+- a50dc9b: Updated dependencies
+- Updated dependencies [a50dc9b]
+  - @ucalgary-design-system/icon@1.0.7
+
+## 1.1.1
+
+### Patch Changes
+
+- c1dd26e: Refactored focus mixins
+- Updated dependencies [5e2ac2d]
+- Updated dependencies [31c3e09]
+- Updated dependencies [c1dd26e]
+  - @ucalgary-design-system/core@1.0.10
+
 ## 1.1.0
 
 ### Minor Changes

package/index.js

@@ -206,11 +206,11 @@ class u extends HTMLElement {
       this[o] = y ?? ((n = this._$Ej) == null ? void 0 : n.get(o)) ?? y, this._$Em = null;
     }
   }
-  requestUpdate(e, t, i) {
-    var o;
+  requestUpdate(e, t, i, o = !1, r) {
+    var n;
     if (e !== void 0) {
-      const r = this.constructor, n = this[e];
-      if (i ?? (i = r.getPropertyOptions(e)), !((i.hasChanged ?? E)(n, t) || i.useDefault && i.reflect && n === ((o = this._$Ej) == null ? void 0 : o.get(e)) && !this.hasAttribute(r._$Eu(e, i)))) return;
+      const a = this.constructor;
+      if (o === !1 && (r = this[e]), i ?? (i = a.getPropertyOptions(e)), !((i.hasChanged ?? E)(r, t) || i.useDefault && i.reflect && r === ((n = this._$Ej) == null ? void 0 : n.get(e)) && !this.hasAttribute(a._$Eu(e, i)))) return;
       this.C(e, t, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -286,7 +286,7 @@ class u extends HTMLElement {
   firstUpdated(e) {
   }
 }
-u.elementStyles = [], u.shadowRootOptions = { mode: "open" }, u[b("elementProperties")] = /* @__PURE__ */ new Map(), u[b("finalized")] = /* @__PURE__ */ new Map(), $ == null || $({ ReactiveElement: u }), (p.reactiveElementVersions ?? (p.reactiveElementVersions = [])).push("2.1.1");
+u.elementStyles = [], u.shadowRootOptions = { mode: "open" }, u[b("elementProperties")] = /* @__PURE__ */ new Map(), u[b("finalized")] = /* @__PURE__ */ new Map(), $ == null || $({ ReactiveElement: u }), (p.reactiveElementVersions ?? (p.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -299,7 +299,7 @@ const J = { attribute: !0, type: String, converter: g, reflect: !1, hasChanged:
     const { name: n } = t;
     return { set(a) {
       const c = e.get.call(this);
-      e.set.call(this, a), this.requestUpdate(n, c, s);
+      e.set.call(this, a), this.requestUpdate(n, c, s, !0, a);
     }, init(a) {
       return a !== void 0 && this.C(n, void 0, s, a), a;
     } };
@@ -308,7 +308,7 @@ const J = { attribute: !0, type: String, converter: g, reflect: !1, hasChanged:
     const { name: n } = t;
     return function(a) {
       const c = this[n];
-      e.call(this, a), this.requestUpdate(n, c, s);
+      e.call(this, a), this.requestUpdate(n, c, s, !0, a);
     };
   }
   throw Error("Unsupported decorator location: " + i);
@@ -348,7 +348,7 @@ function X(s) {
     } });
   };
 }
-const F = ':host{position:relative;display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:8px;align-items:start}.dropdown,.menu,.toggle,.dropdown-wrapper{min-width:115px;max-width:var(--ucds-form-element-maxwidth);width:var(--ucds-form-element-width)}.dropdown{position:relative}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;padding:0 var(--ucds-form-element-horizontal-padding);font-family:var(--ucds-font-family-sans-serif);font-size:var(--ucds-font-base-size);border:var(--ucds-color-forms-input-border-rest) solid var(--ucds-form-element-border-width);border-radius:var(--ucds-form-element-border-radius);background-color:var(--ucds-color-forms-input-background-rest)}.toggle:focus{outline:var(--ucds-color-action-focus) 2px solid;outline-offset:2px}.toggle .selected-label-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle ucds-icon{color:var(--ucds-color-action-rest);transition:transform .5s ease}.toggle.error{background-color:var(--ucds-color-feedback-error-background-light);border-color:var(--ucds-color-feedback-error-light)}.toggle:hover{border-color:var(--ucds-color-forms-input-border-hover);cursor:pointer}.toggle.disabled{border-color:var(--ucds-color-forms-input-border-disabled);color:var(--ucds-color-text-disabled);cursor:not-allowed;pointer-events:none}.toggle.disabled ucds-icon{color:var(--ucds-color-forms-input-element-disabled)}.menu{position:absolute;background:var(--ucds-color-forms-input-background-rest);border:var(--ucds-color-forms-input-border-rest) solid var(--ucds-form-element-border-width);border-radius:var(--ucds-form-element-border-radius);display:none;cursor:pointer;list-style:none;margin:0;padding:12px;flex-direction:column;gap:8px;overflow-y:auto;z-index:100;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}:host([open]) .menu{display:flex}:host([open]) ucds-icon{transform:rotateX(180deg)}:host([data-open-direction="up"]) .menu{bottom:calc(100% + 8px)}:host([data-open-direction="down"]) .menu{top:calc(100% + 8px)}';
+const F = ':host{position:relative;display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:8px;align-items:start}.dropdown,.menu,.toggle,.dropdown-wrapper{min-width:115px;max-width:var(--ucds-form-element-maxwidth);width:var(--ucds-form-element-width)}.dropdown{position:relative}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;padding:0 var(--ucds-form-element-horizontal-padding);font-family:var(--ucds-font-family-sans-serif);font-size:var(--ucds-font-base-size);border:var(--ucds-color-forms-input-border-rest) solid var(--ucds-form-element-border-width);border-radius:var(--ucds-form-element-border-radius);background-color:var(--ucds-color-forms-input-background-rest)}.toggle:focus-visible{outline:var(--ucds-color-action-focus) 2px solid;outline-offset:2px}.toggle .selected-label-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle ucds-icon{color:var(--ucds-color-action-rest);transition:transform .5s ease}.toggle.error{background-color:var(--ucds-color-feedback-error-background-light);border-color:var(--ucds-color-feedback-error-light)}.toggle:hover{border-color:var(--ucds-color-forms-input-border-hover);cursor:pointer}.toggle.disabled{border-color:var(--ucds-color-forms-input-border-disabled);color:var(--ucds-color-text-disabled);cursor:not-allowed;pointer-events:none}.toggle.disabled ucds-icon{color:var(--ucds-color-forms-input-element-disabled)}.menu{position:absolute;background:var(--ucds-color-forms-input-background-rest);border:var(--ucds-color-forms-input-border-rest) solid var(--ucds-form-element-border-width);border-radius:var(--ucds-form-element-border-radius);display:none;cursor:pointer;list-style:none;margin:0;padding:12px;flex-direction:column;gap:8px;overflow-y:auto;z-index:100;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}:host([open]) .menu{display:flex}:host([open]) ucds-icon{transform:rotateX(180deg)}:host([data-open-direction="up"]) .menu{bottom:calc(100% + 8px)}:host([data-open-direction="down"]) .menu{top:calc(100% + 8px)}';
 var Q = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, d = (s, e, t, i) => {
   for (var o = i > 1 ? void 0 : i ? Y(e, t) : e, r = s.length - 1, n; r >= 0; r--)
     (n = s[r]) && (o = (i ? n(e, t, o) : n(o)) || o);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ucalgary-design-system/dropdown",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A web component for Dropdown",
   "publishConfig": {
     "access": "public"
@@ -15,10 +15,13 @@
     }
   },
   "peerDependencies": {
-    "@ucalgary-design-system/core": "^1.0.9",
+    "@ucalgary-design-system/core": "^1.0.10",
     "@ucalgary-design-system/helper-components": "^1.0.2",
-    "@ucalgary-design-system/icon": "^1.0.6",
+    "@ucalgary-design-system/icon": "^1.0.7",
     "@ucalgary-design-system/tokens": "^1.0.6",
     "lit": "^3.2.1"
+  },
+  "dependencies": {
+    "lerna": "^9.0.3"
   }
 }