@bluevolt-tech/lumen 2.2.0 → 2.3.0

package/dist/components/bv-segmented-control/bv-segmented-control.d.ts

@@ -2,12 +2,14 @@ export type SegmentedControlOption = {
     label: string;
     value: string;
 };
+export type SegmentedControlSize = 'sm' | 'md';
+export type SegmentedControlVariant = 'default' | 'primary';
 export interface SegmentedControlChangeDetail {
     value: string;
     label: string;
 }
 export declare class BvSegmentedControl extends HTMLElement {
-    static readonly observedAttributes: readonly ["options", "value", "label", "required"];
+    static readonly observedAttributes: readonly ["options", "value", "label", "required", "size", "variant"];
     private _rendered;
     private _labelEl;
     private _containerEl;
@@ -17,6 +19,10 @@ export declare class BvSegmentedControl extends HTMLElement {
     set value(v: string);
     get required(): boolean;
     set required(v: boolean);
+    get size(): SegmentedControlSize;
+    set size(v: SegmentedControlSize);
+    get variant(): SegmentedControlVariant;
+    set variant(v: SegmentedControlVariant);
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, _val: string | null): void;
     private _render;

package/dist/components/bv-segmented-control/bv-segmented-control.js

@@ -1,5 +1,5 @@
 // css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-segmented-control/bv-segmented-control.css
-var bv_segmented_control_default = ":host {\n  display: block;\n  font-family: var(--bv-font-family-base);\n}\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: 6px;\n}\n\n.field-label[hidden] {\n  display: none;\n}\n\n.required-mark {\n  color: var(--bv-color-danger);\n  margin-left: 2px;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  height: 44px;\n  box-sizing: border-box;\n  background: var(--bv-color-neutral-100);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  padding: 3px;\n  gap: 2px;\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding: 0 var(--bv-spacing-md);\n  border: none;\n  border-radius: calc(var(--bv-radius-lg) - 3px);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-500);\n  cursor: pointer;\n  white-space: nowrap;\n  user-select: none;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n.pill:hover:not(.selected) {\n  color: var(--bv-color-neutral-800);\n}\n\n.pill.selected {\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-900);\n  box-shadow: var(--bv-shadow-sm);\n}\n";
+var bv_segmented_control_default = ":host {\n  display: block;\n  font-family: var(--bv-font-family-base);\n}\n\n.field-label {\n  display: block;\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n  font-weight: var(--bv-font-weight-semibold);\n  color: var(--bv-color-neutral-800);\n  margin-bottom: 6px;\n}\n\n.field-label[hidden] {\n  display: none;\n}\n\n.required-mark {\n  color: var(--bv-color-danger);\n  margin-left: 2px;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  height: 44px;\n  box-sizing: border-box;\n  background: var(--bv-color-neutral-100);\n  border: 1px solid var(--bv-color-neutral-200);\n  border-radius: var(--bv-radius-lg);\n  padding: 3px;\n  gap: 2px;\n}\n\n:host([size='sm']) .container {\n  height: var(--bv-control-height-md);\n  border-radius: var(--bv-radius-md);\n  padding: 3px;\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding: 0 var(--bv-spacing-md);\n  border: none;\n  border-radius: calc(var(--bv-radius-lg) - 3px);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-500);\n  cursor: pointer;\n  white-space: nowrap;\n  user-select: none;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast),\n    box-shadow var(--bv-transition-fast);\n}\n\n:host([size='sm']) .pill {\n  padding: 0 var(--bv-spacing-md-minus);\n  font-size: var(--bv-font-size-sm);\n}\n\n.pill:hover:not(.selected) {\n  color: var(--bv-color-neutral-800);\n}\n\n.pill.selected {\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-900);\n  box-shadow: var(--bv-shadow-sm);\n}\n\n/* Filled variant \u2014 selected pill uses the primary color instead of white */\n:host([variant='primary']) .pill.selected {\n  background: var(--bv-color-primary);\n  color: var(--bv-color-neutral-0);\n}\n";
 
 // components/_shared/adopt-styles.ts
 var _sheetCache = /* @__PURE__ */ new Map();
@@ -21,7 +21,14 @@ function adoptStyles(shadow, css) {
 
 // components/bv-segmented-control/bv-segmented-control.ts
 var BvSegmentedControl = class extends HTMLElement {
-  static observedAttributes = ["options", "value", "label", "required"];
+  static observedAttributes = [
+    "options",
+    "value",
+    "label",
+    "required",
+    "size",
+    "variant"
+  ];
   _rendered = false;
   _labelEl = null;
   _containerEl = null;
@@ -43,6 +50,18 @@ var BvSegmentedControl = class extends HTMLElement {
     if (v) this.setAttribute("required", "");
     else this.removeAttribute("required");
   }
+  get size() {
+    return this.getAttribute("size") ?? "md";
+  }
+  set size(v) {
+    this.setAttribute("size", v);
+  }
+  get variant() {
+    return this.getAttribute("variant") ?? "default";
+  }
+  set variant(v) {
+    this.setAttribute("variant", v);
+  }
   connectedCallback() {
     this._render();
   }

package/dist/components/bv-select/bv-select.js

@@ -42,6 +42,13 @@ function bindDropdownController(host, options = {}) {
     if (options.canClose && !options.canClose(reason)) return;
     host.removeAttribute("open");
     syncExpanded();
+    host.dispatchEvent(
+      new CustomEvent("bv-dropdown-close", {
+        bubbles: true,
+        composed: true,
+        detail: { reason }
+      })
+    );
     (_a = options.onAfterClose) == null ? void 0 : _a.call(options);
   };
   const close = () => closeWithReason("programmatic");
@@ -172,9 +179,8 @@ var BvSelect = class extends HTMLElement {
     chevron.className = "trigger-chevron";
     chevron.innerHTML = CHEVRON_DOWN;
     trigger.append(triggerLabel, chevron);
-    trigger.addEventListener("click", (e) => {
+    trigger.addEventListener("click", () => {
       var _a;
-      e.stopPropagation();
       if (!this.hasAttribute("disabled")) (_a = this._dropdown) == null ? void 0 : _a.toggle();
     });
     const panel = document.createElement("div");

package/dist/components/bv-split-button/bv-split-button.js

@@ -42,6 +42,13 @@ function bindDropdownController(host, options = {}) {
     if (options.canClose && !options.canClose(reason)) return;
     host.removeAttribute("open");
     syncExpanded();
+    host.dispatchEvent(
+      new CustomEvent("bv-dropdown-close", {
+        bubbles: true,
+        composed: true,
+        detail: { reason }
+      })
+    );
     (_a = options.onAfterClose) == null ? void 0 : _a.call(options);
   };
   const close = () => closeWithReason("programmatic");
@@ -229,9 +236,8 @@ var BvSplitButton = class extends HTMLElement {
     toggleBtn.setAttribute("aria-expanded", "false");
     toggleBtn.setAttribute("aria-label", "More options");
     toggleBtn.innerHTML = CHEVRON_DOWN;
-    toggleBtn.addEventListener("click", (e) => {
+    toggleBtn.addEventListener("click", () => {
       var _a;
-      e.stopPropagation();
       if (!this.disabled) (_a = this._dropdown) == null ? void 0 : _a.toggle();
     });
     this._toggleBtn = toggleBtn;