q2-tecton-elements 1.45.0 → 1.45.2

package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.css

@@ -112,11 +112,7 @@ ul {
   --comp-top-btn-icon-size: var(--tct-stepper-vertical-btn-icon-size, var(--tct-advanced-stepper-btn-icon-size, var(--t-advanced-stepper-btn-icon-size, 24px)));
   --comp-btn-icon-size: var(--comp-top-btn-icon-size);
   --comp-btn-content-gap: var(--tct-stepper-vertical-btn-gap, var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-3x, 15px))));
-  --comp-btn-label-font-size: var-list(
-      --tct-stepper-vertical-btn-label-font-size,
-      var-prefixer(advanced-stepper-btn-label-font-size),
-      16px
-  );
+  --comp-btn-label-font-size: var(--tct-stepper-vertical-btn-label-font-size, var(--tct-advanced-stepper-btn-label-font-size, var(--t-advanced-stepper-btn-label-font-size, 16px)));
   --comp-btn-label-color: var(--tct-stepper-vertical-label-color, var(--tct-advanced-stepper-label-color, var(--t-advanced-stepper-label-color, var(--t-text, #4d4d4d))));
   --comp-tween: var(--tct-stepper-vertical-tween, var(--tct-advanced-stepper-tween, var(--t-advanced-stepper-tween, var(--app-tween-1, 0.2s ease))));
   --comp-bullet-bg: var(--tct-stepper-vertical-bullet-active-background, var(--tct-advanced-stepper-bullet-active-bg, var(--t-advanced-stepper-bullet-active-bg, var(--t-primary, #0079c1))));
@@ -127,12 +123,7 @@ ul {
 ul ul {
   --comp-btn-icon-size: var(--tct-stepper-vertical-child-btn-icon-size, var(--tct-advanced-stepper-child-btn-icon-size, var(--t-advanced-stepper-child-btn-icon-size, 12px)));
   --comp-btn-content-gap: var(--tct-stepper-vertical-btn-gap, var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-2x, 10px))));
-  --comp-btn-label-font-size: var-list(
-      --tct-stepper-vertical-child-btn-label-font-size,
-      var-prefixer(advanced-stepper-child-btn-label-font-size),
-      --app-font-size-small,
-      12px
-  );
+  --comp-btn-label-font-size: var(--tct-stepper-vertical-child-btn-label-font-size, var(--tct-advanced-stepper-child-btn-label-font-size, var(--t-advanced-stepper-child-btn-label-font-size, var(--app-font-size-small, 12px))));
 }
 ul ul[aria-hidden=true] {
   display: none;
@@ -173,9 +164,11 @@ ul ul[aria-hidden=true] {
 }
 .step-btn.status-complete {
   --comp-active-color: var(--const-stoplight-success, #0e8a00);
+  --tct-stoplight-success: var(--comp-active-color);
 }
 .step-btn.status-error {
   --comp-active-color: var(--const-stoplight-alert, #d20a0a);
+  --tct-stoplight-warning: var(--comp-active-color);
 }
 .step-btn.status-locked {
   cursor: not-allowed;
@@ -219,7 +212,7 @@ ul ul[aria-hidden=true] {
 .step-child-icon q2-icon {
   width: var(--comp-btn-icon-size);
   height: var(--comp-btn-icon-size);
-  --tct-icon-fill: var(--comp-active-color);
+  --tct-stoplight-warning: var(--comp-active-color);
 }
 
 .step-icon,
@@ -233,10 +226,6 @@ ul ul[aria-hidden=true] {
 .status-error .step-bubble {
   background: var(--comp-active-color);
 }
-.step-icon q2-icon,
-.step-bubble q2-icon {
-  --tct-icon-fill: var(--comp-active-color);
-}
 .step-icon q2-icon:before,
 .step-bubble q2-icon:before {
   content: "";

package/dist/components/q2-calendar.js

@@ -609,6 +609,7 @@ const Q2Calendar$1 = /*@__PURE__*/ proxyCustomElement(class Q2Calendar extends H
             this.change.emit({ value: formatDateISO(newDate) });
             this.typedValue = formatDateShort(newDate);
             this.invalid = false;
+            this.success.emit({ value: formatDateISO(newDate) });
         };
         this.onDateSelection = (event) => {
             const dateCell = event.target.closest('td:not([aria-hidden])');
@@ -1132,7 +1133,7 @@ const Q2Calendar$1 = /*@__PURE__*/ proxyCustomElement(class Q2Calendar extends H
         (_a = this.calendarBody.querySelector(`td[data-day="${date.getDate()}"]`)) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h("click-elsewhere", { key: 'd50247f4a02c03abaad37d260b5779d95fd857e1', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.inputField(), h("q2-popover", { key: '02202d92f928d652a8de39b15cfed14ed16ba5b7', ref: el => (this.popoverElement = el), controlElement: this.innerInputContainer, open: this.open, direction: this.popoverDirection, minHeight: this.popoverMinHeight, align: this.popoverAlignment, block: true }, this.hintField(), this.calendarPopover())));
+        return (h("click-elsewhere", { key: '37ead1601e1af52ba69be28e46c3b42559a9a167', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.inputField(), h("q2-popover", { key: '387403920626e2da363de17d92511fd215339e88', ref: el => (this.popoverElement = el), controlElement: this.innerInputContainer, open: this.open, direction: this.popoverDirection, minHeight: this.popoverMinHeight, align: this.popoverAlignment, block: true }, this.hintField(), this.calendarPopover())));
     }
     hintField() {
         if (!this.hintMessage)