@heartlandone/vega 2.89.0 → 2.90.0

package/dist/cjs/{translation-slimmer-1a7a2b6d.js → translation-slimmer-e8549aff.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalTranslationController = require('./internal-translation-controller-5582d789.js');
+const internalTranslationController = require('./internal-translation-controller-9785d4e8.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -14,6 +14,19 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
  * Automatically triggers re-render in components that rely on this utility when the language changes.
  */
 class TranslationSlimmer extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Component lifecycle - [connectedCallback]
+   *
+   * Registers the host with the translation controller on every (re)connect.
+   * Without this, components whose hosts are moved across the DOM (e.g. popover
+   * slot content that gets appended into the popover content box at show time)
+   * are unregistered by their disconnect but never re-registered until the next
+   * `t()` call, which can leave the global translation observer unable to find
+   * them in `connectedComponents` and skip the re-render on locale change.
+   */
+  connectedCallback() {
+    internalTranslationController.VegaInternalTranslation.registerComponent(this.host);
+  }
   /**
    * Component lifecycle - [disconnectedCallback]
    */
@@ -35,6 +48,9 @@ class TranslationSlimmer extends globalSlimmerRegistry.VegaSlimmer {
 __decorate([
   globalSlimmerRegistry.MapToComponentField()
 ], TranslationSlimmer.prototype, "host", void 0);
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
+], TranslationSlimmer.prototype, "connectedCallback", null);
 __decorate([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], TranslationSlimmer.prototype, "disconnectedCallback", null);

package/dist/cjs/{type-guard-474dec0d.js → type-guard-9917b11f.js}

@@ -3,7 +3,7 @@
 const breakpoints = require('./breakpoints-ebde4837.js');
 const ui = require('./ui-32120990.js');
 const typography = require('./typography-4560e7f1.js');
-const internalTranslationController = require('./internal-translation-controller-5582d789.js');
+const internalTranslationController = require('./internal-translation-controller-9785d4e8.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 const GridRowsRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);

package/dist/cjs/{valid-credit-card-number-rule-00c18527.js → valid-credit-card-number-rule-8c541bcd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-474dec0d.js');
+const typeGuard = require('./type-guard-9917b11f.js');
 const number = require('./number-4816603d.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 

package/dist/cjs/vega-accordion.cjs.entry.js

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-c80d3f32.js');
+const designToken = require('./design-token-939bf72c.js');
 const ui = require('./ui-c91c37a7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
@@ -17,11 +17,11 @@ const internalIconManager = require('./internal-icon-manager-66c48800.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
-const typeGuard = require('./type-guard-474dec0d.js');
+const typeGuard = require('./type-guard-9917b11f.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
-const translationSlimmer = require('./translation-slimmer-1a7a2b6d.js');
+const translationSlimmer = require('./translation-slimmer-e8549aff.js');
 require('./breakpoints-ebde4837.js');
-require('./responsive-format-facade-cc368403.js');
+require('./responsive-format-facade-d112aa9f.js');
 require('./ui-32120990.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
@@ -30,12 +30,12 @@ require('./array-249289f2.js');
 require('./feature-flag-controller-5fa21654.js');
 require('./index-3ca118c4.js');
 require('./typography-4560e7f1.js');
-require('./state-border-formatter-398134c1.js');
+require('./state-border-formatter-c3c9b90d.js');
 require('./icon-manager-e855446d.js');
 require('./create-public-api-runtime-metrics-slimmer-122350c3.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./internal-vega-event-manager-6e49d1ca.js');
 require('./try-get-document-c0ebd39a.js');
 

package/dist/cjs/vega-app-header-button.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-c80d3f32.js');
-const responsiveFormatFacade = require('./responsive-format-facade-cc368403.js');
+const designToken = require('./design-token-939bf72c.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d112aa9f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -19,14 +19,14 @@ const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-474dec0d.js');
+require('./type-guard-9917b11f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./state-border-formatter-398134c1.js');
+require('./state-border-formatter-c3c9b90d.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');

package/dist/cjs/vega-box.cjs.entry.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-c80d3f32.js');
+const designToken = require('./design-token-939bf72c.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const index = require('./index-592b4052.js');
-const responsiveFormatFacade = require('./responsive-format-facade-cc368403.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d112aa9f.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const styleFormatter = require('./style-formatter-da3a556b.js');
-require('./type-guard-474dec0d.js');
+const styleFormatter = require('./style-formatter-11c95331.js');
+require('./type-guard-9917b11f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./state-border-formatter-398134c1.js');
+require('./state-border-formatter-c3c9b90d.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');

package/dist/cjs/vega-button-circle.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-c80d3f32.js');
+const designToken = require('./design-token-939bf72c.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -16,20 +16,20 @@ const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-facto
 const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
 const index$1 = require('./index-592b4052.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-474dec0d.js');
+require('./type-guard-9917b11f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-cc368403.js');
+require('./responsive-format-facade-d112aa9f.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-5fa21654.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-398134c1.js');
+require('./state-border-formatter-c3c9b90d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-6e49d1ca.js');
 require('./try-get-document-c0ebd39a.js');

package/dist/cjs/vega-button.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-cc368403.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d112aa9f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -19,9 +19,9 @@ const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
 const index$1 = require('./index-592b4052.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
-require('./type-guard-474dec0d.js');
+require('./type-guard-9917b11f.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./static-subject-title-70c73b16.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');

package/dist/cjs/vega-calendar_4.cjs.entry.js

@@ -9,12 +9,12 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
 const internalIconManager = require('./internal-icon-manager-66c48800.js');
-const typeGuard = require('./type-guard-474dec0d.js');
+const typeGuard = require('./type-guard-9917b11f.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const ui = require('./ui-c91c37a7.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
-const internalTranslationController = require('./internal-translation-controller-5582d789.js');
-const monthViewGenerator = require('./month-view-generator-43e75062.js');
+const internalTranslationController = require('./internal-translation-controller-9785d4e8.js');
+const monthViewGenerator = require('./month-view-generator-c7492e06.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-85a7fdb0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
 const observer = require('./observer-f49483e8.js');
@@ -24,10 +24,10 @@ const misc = require('./misc-3d30df91.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const timer = require('./timer-5f33058b.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-450277b6.js');
-const translationSlimmer = require('./translation-slimmer-1a7a2b6d.js');
+const translationSlimmer = require('./translation-slimmer-e8549aff.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a73354ca.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-eedcfbc8.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-5bfe8e97.js');
@@ -46,7 +46,7 @@ require('./index-3ca118c4.js');
 require('./number-4816603d.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./synchronize-task-queue-1ee80e94.js');
-require('./keyboard-manager-5babfda8.js');
+require('./keyboard-manager-5396083a.js');
 
 /**
  * Day view calendar generator

package/dist/cjs/vega-card.cjs.entry.js

@@ -4,25 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-c80d3f32.js');
+const designToken = require('./design-token-939bf72c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-c91c37a7.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-require('./type-guard-474dec0d.js');
+require('./type-guard-9917b11f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-cc368403.js');
+require('./responsive-format-facade-d112aa9f.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-5fa21654.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-398134c1.js');
+require('./state-border-formatter-c3c9b90d.js');
 
 /**
  * This class is used to track the nested level of a component

package/dist/cjs/vega-carousel.cjs.entry.js

@@ -7,7 +7,7 @@ const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const component = require('./component-1e352960.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-cc368403.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d112aa9f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
@@ -15,11 +15,11 @@ const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-require('./type-guard-474dec0d.js');
+require('./type-guard-9917b11f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./breakpoints-1cc2c4c6.js');

package/dist/cjs/vega-checkbox_2.cjs.entry.js

@@ -11,7 +11,7 @@ const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-430b4f02.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c4ebee27.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
 const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
@@ -26,7 +26,7 @@ require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
@@ -486,7 +486,7 @@ __decorate$1([
 ], VegaCheckbox.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaCheckbox.style = vegaCheckboxCss;
 
-const vegaCheckboxGroupCss = ":host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}";
+const vegaCheckboxGroupCss = ":host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}vega-field-label{margin-bottom:16px;display:block}vega-field-label::part(container){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){vega-field-label::part(container){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){vega-field-label::part(container){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){vega-field-label::part(container){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}vega-field-label::part(label){word-break:normal}.vega-hint{padding-top:12px}.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -565,6 +565,16 @@ const VegaCheckboxGroup = class {
      * @vegaVersion 1.3.0
      */
     this.required = false;
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `required` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.90.0
+     */
+    this.optional = false;
     /**
      * Provides a supplementary prompt message that
      *    assists users in selecting the appropriate
@@ -671,10 +681,7 @@ const VegaCheckboxGroup = class {
       } }, index.h("slot", null))), this.renderHintDom()), this.host);
   }
   renderLabelDom() {
-    return (this.label && (index.h("div", { class: "vega-label" }, index.h("label", { "aria-label": this.label }, this.label, this.renderRequireDom()))));
-  }
-  renderRequireDom() {
-    return this.required ? index.h("span", { class: "vega-require" }, "*") : null;
+    return (this.label && (index.h("vega-field-label", { label: this.label, isFieldRequired: this.required, optional: this.optional, disabled: this.disabled })));
   }
   renderHintDom() {
     return (this.hint && (index.h("div", { class: "vega-hint" }, index.h("label", null, this.hint))));

package/dist/cjs/vega-chip.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-cc368403.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d112aa9f.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-c80d3f32.js');
+const designToken = require('./design-token-939bf72c.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -15,11 +15,11 @@ const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62
 const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-85a7fdb0.js');
-require('./type-guard-474dec0d.js');
+require('./type-guard-9917b11f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./number-4816603d.js');
@@ -27,7 +27,7 @@ require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-5fa21654.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-398134c1.js');
+require('./state-border-formatter-c3c9b90d.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');

package/dist/cjs/vega-code-block.cjs.entry.js

@@ -10,14 +10,14 @@ const internalIconManager = require('./internal-icon-manager-66c48800.js');
 const trashCan = require('./trash-can-46a5e19a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
-const codeBlock = require('./code-block-7c49d175.js');
+const codeBlock = require('./code-block-89850671.js');
 const ui = require('./ui-c91c37a7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
 const object = require('./object-b53e9416.js');
-const translationSlimmer = require('./translation-slimmer-1a7a2b6d.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-aae22ddf.js');
+const translationSlimmer = require('./translation-slimmer-e8549aff.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-a8da4087.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const timer = require('./timer-5f33058b.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-85a7fdb0.js');
@@ -28,11 +28,11 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./observer-f49483e8.js');
 require('./string-39438062.js');
-require('./type-guard-474dec0d.js');
+require('./type-guard-9917b11f.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./static-subject-title-70c73b16.js');
 require('./dark-mode-style-controller-32d4054a.js');
 require('./tinycolor-polyfill-502efaa8.js');
@@ -40,9 +40,9 @@ require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-592b4052.js');
 require('./internal-vega-event-manager-6e49d1ca.js');
-require('./range-abe1b989.js');
-require('./keyboard-manager-slimmer-a73354ca.js');
-require('./keyboard-manager-5babfda8.js');
+require('./range-efdf6f78.js');
+require('./keyboard-manager-slimmer-eedcfbc8.js');
+require('./keyboard-manager-5396083a.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-5fa21654.js');

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-430b4f02.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c4ebee27.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
@@ -21,7 +21,7 @@ require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
 require('./vega-internal-event-id-e138d4d6.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');

package/dist/cjs/vega-color-swatch-picker.cjs.entry.js

@@ -7,14 +7,14 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const component = require('./component-1e352960.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-430b4f02.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c4ebee27.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
 const internalIconManager = require('./internal-icon-manager-66c48800.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const translationSlimmer = require('./translation-slimmer-1a7a2b6d.js');
+const translationSlimmer = require('./translation-slimmer-e8549aff.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-85a7fdb0.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
@@ -23,7 +23,7 @@ require('./ui-c91c37a7.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-e138d4d6.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');

package/dist/cjs/vega-color-swatch.cjs.entry.js

@@ -11,14 +11,14 @@ const accessibility = require('./accessibility-88f8af84.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-6e49d1ca.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
-const translationSlimmer = require('./translation-slimmer-1a7a2b6d.js');
+const translationSlimmer = require('./translation-slimmer-e8549aff.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./static-subject-title-70c73b16.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-combo-box.cjs.entry.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-1e352960.js');
-const typeGuard = require('./type-guard-474dec0d.js');
+const typeGuard = require('./type-guard-9917b11f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-430b4f02.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c4ebee27.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-85a7fdb0.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
 const vegaEventId = require('./vega-event-id-37c1716f.js');
@@ -18,8 +18,8 @@ const accessibility = require('./accessibility-88f8af84.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
 const index$1 = require('./index-592b4052.js');
-const designToken = require('./design-token-c80d3f32.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a73354ca.js');
+const designToken = require('./design-token-939bf72c.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-eedcfbc8.js');
 const ui = require('./ui-c91c37a7.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
@@ -28,7 +28,7 @@ require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-5582d789.js');
+require('./internal-translation-controller-9785d4e8.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
@@ -41,11 +41,11 @@ require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-5fa21654.js');
 require('./index-3ca118c4.js');
 require('./try-get-document-c0ebd39a.js');
-require('./responsive-format-facade-cc368403.js');
+require('./responsive-format-facade-d112aa9f.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./pixel-98f2a10c.js');
-require('./state-border-formatter-398134c1.js');
-require('./keyboard-manager-5babfda8.js');
+require('./state-border-formatter-c3c9b90d.js');
+require('./keyboard-manager-5396083a.js');
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {