@vonage/vivid 3.54.0 → 3.56.0

package/shared/definition7.js

@@ -6,13 +6,12 @@ import { w as when } from './when.js';
 import { c as classNames } from './class-names.js';
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -20,19 +19,19 @@ class Badge extends FoundationElement {
 }
 __decorateClass([
   attr
-], Badge.prototype, "connotation", 2);
+], Badge.prototype, "connotation");
 __decorateClass([
   attr
-], Badge.prototype, "shape", 2);
+], Badge.prototype, "shape");
 __decorateClass([
   attr
-], Badge.prototype, "appearance", 2);
+], Badge.prototype, "appearance");
 __decorateClass([
   attr
-], Badge.prototype, "text", 2);
+], Badge.prototype, "text");
 applyMixins(Badge, AffixIconWithTrailing);
 
-const styles = ":host{display:inline-block}.base{--_badge-block-size:calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2)));display:inline-flex;box-sizing:border-box;align-items:center;background-color:var(--_appearance-color-fill);block-size:var(--_badge-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-condensed-bold);inline-size:100%;padding-inline:8px;vertical-align:middle}.base.connotation-cta{--_connotation-color-primary: var(--vvd-badge-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-badge-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-soft: var(--vvd-badge-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-badge-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-badge-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-badge-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm-all: var(--vvd-badge-cta-firm-all, var(--vvd-color-cta-600))}.base.connotation-success{--_connotation-color-primary: var(--vvd-badge-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-badge-success-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-success-intermediate, var(--vvd-color-success-500));--_connotation-color-soft: var(--vvd-badge-success-soft, var(--vvd-color-success-100));--_connotation-color-contrast: var(--vvd-badge-success-contrast, var(--vvd-color-success-800));--_connotation-color-pale: var(--vvd-badge-success-pale, var(--vvd-color-success-300));--_connotation-color-fierce: var(--vvd-badge-success-fierce, var(--vvd-color-success-700));--_connotation-color-firm-all: var(--vvd-badge-success-firm-all, var(--vvd-color-success-600))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-badge-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-badge-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-alert-intermediate, var(--vvd-color-alert-500));--_connotation-color-soft: var(--vvd-badge-alert-soft, var(--vvd-color-alert-100));--_connotation-color-contrast: var(--vvd-badge-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-pale: var(--vvd-badge-alert-pale, var(--vvd-color-alert-300));--_connotation-color-fierce: var(--vvd-badge-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-firm-all: var(--vvd-badge-alert-firm-all, var(--vvd-color-alert-600))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-badge-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-badge-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-intermediate: var(--vvd-badge-warning-intermediate, var(--vvd-color-warning-300));--_connotation-color-soft: var(--vvd-badge-warning-soft, var(--vvd-color-warning-100));--_connotation-color-contrast: var(--vvd-badge-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-pale: var(--vvd-badge-warning-pale, var(--vvd-color-warning-300));--_connotation-color-fierce: var(--vvd-badge-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-firm-all: var(--vvd-badge-warning-firm-all, var(--vvd-color-warning-600))}.base.connotation-information{--_connotation-color-primary: var(--vvd-badge-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-badge-information-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-information-intermediate, var(--vvd-color-information-500));--_connotation-color-soft: var(--vvd-badge-information-soft, var(--vvd-color-information-100));--_connotation-color-contrast: var(--vvd-badge-information-contrast, var(--vvd-color-information-800));--_connotation-color-pale: var(--vvd-badge-information-pale, var(--vvd-color-information-300));--_connotation-color-fierce: var(--vvd-badge-information-fierce, var(--vvd-color-information-700));--_connotation-color-firm-all: var(--vvd-badge-information-firm-all, var(--vvd-color-information-600))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information){--_connotation-color-primary: var(--vvd-badge-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-badge-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-soft: var(--vvd-badge-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-badge-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-badge-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-badge-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm-all: var(--vvd-badge-accent-firm-all, var(--vvd-color-neutral-600))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:not(.icon-only){max-inline-size:100%}.base.icon-only{contain:size;padding-inline:0;place-content:center}@supports (aspect-ratio: 1){.base.icon-only{aspect-ratio:1}}@supports not (aspect-ratio: 1){.base.icon-only{inline-size:var(--_badge-block-size)}}.text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}slot[name=icon]{flex-shrink:0;font-size:calc(var(--_badge-block-size) / 1.6667);line-height:1}.icon-trailing slot[name=icon]{display:flex;order:1}\n";
+const styles = ":host{display:inline-block}.base{--_badge-block-size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;display:inline-flex;box-sizing:border-box;align-items:center;background-color:var(--_appearance-color-fill);block-size:var(--_badge-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);column-gap:8px;font:var(--vvd-typography-base-condensed-bold);inline-size:100%;padding-inline:8px;vertical-align:middle}.base.connotation-cta{--_connotation-color-primary: var(--vvd-badge-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-badge-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-soft: var(--vvd-badge-cta-soft, var(--vvd-color-cta-100));--_connotation-color-contrast: var(--vvd-badge-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-pale: var(--vvd-badge-cta-pale, var(--vvd-color-cta-300));--_connotation-color-fierce: var(--vvd-badge-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm-all: var(--vvd-badge-cta-firm-all, var(--vvd-color-cta-600))}.base.connotation-success{--_connotation-color-primary: var(--vvd-badge-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-badge-success-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-success-intermediate, var(--vvd-color-success-500));--_connotation-color-soft: var(--vvd-badge-success-soft, var(--vvd-color-success-100));--_connotation-color-contrast: var(--vvd-badge-success-contrast, var(--vvd-color-success-800));--_connotation-color-pale: var(--vvd-badge-success-pale, var(--vvd-color-success-300));--_connotation-color-fierce: var(--vvd-badge-success-fierce, var(--vvd-color-success-700));--_connotation-color-firm-all: var(--vvd-badge-success-firm-all, var(--vvd-color-success-600))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-badge-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-badge-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-alert-intermediate, var(--vvd-color-alert-500));--_connotation-color-soft: var(--vvd-badge-alert-soft, var(--vvd-color-alert-100));--_connotation-color-contrast: var(--vvd-badge-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-pale: var(--vvd-badge-alert-pale, var(--vvd-color-alert-300));--_connotation-color-fierce: var(--vvd-badge-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-firm-all: var(--vvd-badge-alert-firm-all, var(--vvd-color-alert-600))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-badge-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-badge-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-intermediate: var(--vvd-badge-warning-intermediate, var(--vvd-color-warning-300));--_connotation-color-soft: var(--vvd-badge-warning-soft, var(--vvd-color-warning-100));--_connotation-color-contrast: var(--vvd-badge-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-pale: var(--vvd-badge-warning-pale, var(--vvd-color-warning-300));--_connotation-color-fierce: var(--vvd-badge-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-firm-all: var(--vvd-badge-warning-firm-all, var(--vvd-color-warning-600))}.base.connotation-information{--_connotation-color-primary: var(--vvd-badge-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-badge-information-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-information-intermediate, var(--vvd-color-information-500));--_connotation-color-soft: var(--vvd-badge-information-soft, var(--vvd-color-information-100));--_connotation-color-contrast: var(--vvd-badge-information-contrast, var(--vvd-color-information-800));--_connotation-color-pale: var(--vvd-badge-information-pale, var(--vvd-color-information-300));--_connotation-color-fierce: var(--vvd-badge-information-fierce, var(--vvd-color-information-700));--_connotation-color-firm-all: var(--vvd-badge-information-firm-all, var(--vvd-color-information-600))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information){--_connotation-color-primary: var(--vvd-badge-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-badge-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-badge-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-soft: var(--vvd-badge-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-contrast: var(--vvd-badge-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-pale: var(--vvd-badge-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-fierce: var(--vvd-badge-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm-all: var(--vvd-badge-accent-firm-all, var(--vvd-color-neutral-600))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm-all);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:not(.icon-only){max-inline-size:100%}.base.icon-only{contain:size;padding-inline:0;place-content:center}@supports (aspect-ratio: 1){.base.icon-only{aspect-ratio:1}}@supports not (aspect-ratio: 1){.base.icon-only{inline-size:var(--_badge-block-size)}}.text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}slot[name=icon]{flex-shrink:0;font-size:calc(var(--_badge-block-size) / 1.6667);line-height:1}.icon-trailing slot[name=icon]{display:flex;order:1}";
 
 const getClasses = ({
   connotation,

package/shared/definition8.cjs

@@ -12,16 +12,15 @@ const slotted = require('./slotted.cjs');
 const when = require('./when.cjs');
 const classNames = require('./class-names.cjs');
 
-const styles = ":host{display:block}.control{overflow:hidden;max-height:160px;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);transition:max-height var(--transition-delay, .2s)}.control.connotation-success{--_connotation-color-primary: var(--vvd-banner-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-banner-success-primary-text, var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-banner-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-banner-alert-primary-text, var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-banner-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-banner-announcement-primary-text, var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-banner-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-banner-warning-primary-text, var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary: var(--vvd-banner-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-banner-information-primary-text, var(--vvd-color-canvas))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control.removing{max-height:0}.header{display:flex;min-height:calc(1px*(60 + 4*clamp(-1,var(--vvd-size-density, 0),2)));align-items:center;font:var(--vvd-typography-base-bold);inline-size:100%}.header .content{display:flex;flex-grow:1;align-items:center;justify-content:center;column-gap:16px;inline-size:100%;padding-inline:16px}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}\n";
+const styles = ":host{display:block}.control{overflow:hidden;max-height:160px;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);transition:max-height var(--transition-delay, .2s)}.control.connotation-success{--_connotation-color-primary: var(--vvd-banner-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-banner-success-primary-text, var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-banner-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-banner-alert-primary-text, var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-banner-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-banner-announcement-primary-text, var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-banner-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-banner-warning-primary-text, var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary: var(--vvd-banner-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-banner-information-primary-text, var(--vvd-color-canvas))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control.removing{max-height:0}.header{display:flex;min-height:calc(1px*(60 + 4*clamp(-1,var(--vvd-size-density, 0),2)));align-items:center;font:var(--vvd-typography-base-bold);inline-size:100%}.header .content{display:flex;flex-grow:1;align-items:center;justify-content:center;column-gap:16px;inline-size:100%;padding-inline:16px}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}";
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -74,31 +73,31 @@ class Banner extends index.FoundationElement {
 }
 __decorateClass([
   index.attr({ attribute: "dismiss-aria-label" })
-], Banner.prototype, "dismissButtonAriaLabel", 2);
+], Banner.prototype, "dismissButtonAriaLabel");
 __decorateClass([
   index.attr
-], Banner.prototype, "role", 2);
+], Banner.prototype, "role");
 __decorateClass([
   index.attr({ attribute: "action-href" })
-], Banner.prototype, "actionHref", 2);
+], Banner.prototype, "actionHref");
 __decorateClass([
   index.attr({ attribute: "action-text" })
-], Banner.prototype, "actionText", 2);
+], Banner.prototype, "actionText");
 __decorateClass([
   index.attr({ mode: "boolean" })
-], Banner.prototype, "removable", 2);
+], Banner.prototype, "removable");
 __decorateClass([
   index.attr({ attribute: "aria-live" })
-], Banner.prototype, "ariaLive", 2);
+], Banner.prototype, "ariaLive");
 __decorateClass([
   index.attr()
-], Banner.prototype, "text", 2);
+], Banner.prototype, "text");
 __decorateClass([
   index.attr()
-], Banner.prototype, "connotation", 2);
+], Banner.prototype, "connotation");
 __decorateClass([
   index.observable
-], Banner.prototype, "actionItemsSlottedContent", 2);
+], Banner.prototype, "actionItemsSlottedContent");
 applyMixins.applyMixins(Banner, affix.AffixIcon);
 applyMixins.applyMixins(Banner, localized.Localized);
 

package/shared/definition8.js

@@ -10,16 +10,15 @@ import { s as slotted } from './slotted.js';
 import { w as when } from './when.js';
 import { c as classNames } from './class-names.js';
 
-const styles = ":host{display:block}.control{overflow:hidden;max-height:160px;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);transition:max-height var(--transition-delay, .2s)}.control.connotation-success{--_connotation-color-primary: var(--vvd-banner-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-banner-success-primary-text, var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-banner-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-banner-alert-primary-text, var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-banner-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-banner-announcement-primary-text, var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-banner-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-banner-warning-primary-text, var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary: var(--vvd-banner-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-banner-information-primary-text, var(--vvd-color-canvas))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control.removing{max-height:0}.header{display:flex;min-height:calc(1px*(60 + 4*clamp(-1,var(--vvd-size-density, 0),2)));align-items:center;font:var(--vvd-typography-base-bold);inline-size:100%}.header .content{display:flex;flex-grow:1;align-items:center;justify-content:center;column-gap:16px;inline-size:100%;padding-inline:16px}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}\n";
+const styles = ":host{display:block}.control{overflow:hidden;max-height:160px;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);transition:max-height var(--transition-delay, .2s)}.control.connotation-success{--_connotation-color-primary: var(--vvd-banner-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-banner-success-primary-text, var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary: var(--vvd-banner-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-banner-alert-primary-text, var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary: var(--vvd-banner-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-banner-announcement-primary-text, var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary: var(--vvd-banner-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-banner-warning-primary-text, var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary: var(--vvd-banner-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-banner-information-primary-text, var(--vvd-color-canvas))}.control{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control.removing{max-height:0}.header{display:flex;min-height:calc(1px*(60 + 4*clamp(-1,var(--vvd-size-density, 0),2)));align-items:center;font:var(--vvd-typography-base-bold);inline-size:100%}.header .content{display:flex;flex-grow:1;align-items:center;justify-content:center;column-gap:16px;inline-size:100%;padding-inline:16px}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}";
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -72,31 +71,31 @@ class Banner extends FoundationElement {
 }
 __decorateClass([
   attr({ attribute: "dismiss-aria-label" })
-], Banner.prototype, "dismissButtonAriaLabel", 2);
+], Banner.prototype, "dismissButtonAriaLabel");
 __decorateClass([
   attr
-], Banner.prototype, "role", 2);
+], Banner.prototype, "role");
 __decorateClass([
   attr({ attribute: "action-href" })
-], Banner.prototype, "actionHref", 2);
+], Banner.prototype, "actionHref");
 __decorateClass([
   attr({ attribute: "action-text" })
-], Banner.prototype, "actionText", 2);
+], Banner.prototype, "actionText");
 __decorateClass([
   attr({ mode: "boolean" })
-], Banner.prototype, "removable", 2);
+], Banner.prototype, "removable");
 __decorateClass([
   attr({ attribute: "aria-live" })
-], Banner.prototype, "ariaLive", 2);
+], Banner.prototype, "ariaLive");
 __decorateClass([
   attr()
-], Banner.prototype, "text", 2);
+], Banner.prototype, "text");
 __decorateClass([
   attr()
-], Banner.prototype, "connotation", 2);
+], Banner.prototype, "connotation");
 __decorateClass([
   observable
-], Banner.prototype, "actionItemsSlottedContent", 2);
+], Banner.prototype, "actionItemsSlottedContent");
 applyMixins(Banner, AffixIcon);
 applyMixins(Banner, Localized);
 

package/shared/definition9.cjs

@@ -8,16 +8,15 @@ const icon = require('./icon.cjs');
 const when = require('./when.cjs');
 const classNames = require('./class-names.cjs');
 
-const styles = ".base{display:flex;align-items:center;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.base .separator{margin:0 16px;color:var(--vvd-color-neutral-600);font-size:12px}.control{font:inherit}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -4px;border-radius:2px}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}.control:any-link:hover{text-decoration:underline}\n";
+const styles = ".base{display:flex;align-items:center;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.base .separator{margin:0 16px;color:var(--vvd-color-neutral-600);font-size:12px}.control{font:inherit}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -4px;border-radius:2px}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}.control:any-link:hover{text-decoration:underline}";
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -28,7 +27,7 @@ class BreadcrumbItem extends breadcrumbItem.BreadcrumbItem {
 }
 __decorateClass([
   index.attr
-], BreadcrumbItem.prototype, "text", 2);
+], BreadcrumbItem.prototype, "text");
 
 const getClasses = (_) => classNames.classNames("base");
 const BreadcrumbItemTemplate = (context, definition) => {

package/shared/definition9.js

@@ -6,16 +6,15 @@ import { I as Icon } from './icon.js';
 import { w as when } from './when.js';
 import { c as classNames } from './class-names.js';
 
-const styles = ".base{display:flex;align-items:center;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.base .separator{margin:0 16px;color:var(--vvd-color-neutral-600);font-size:12px}.control{font:inherit}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -4px;border-radius:2px}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}.control:any-link:hover{text-decoration:underline}\n";
+const styles = ".base{display:flex;align-items:center;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.base .separator{margin:0 16px;color:var(--vvd-color-neutral-600);font-size:12px}.control{font:inherit}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -4px;border-radius:2px}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}.control:any-link:hover{text-decoration:underline}";
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -26,7 +25,7 @@ class BreadcrumbItem extends BreadcrumbItem$1 {
 }
 __decorateClass([
   attr
-], BreadcrumbItem.prototype, "text", 2);
+], BreadcrumbItem.prototype, "text");
 
 const getClasses = (_) => classNames("base");
 const BreadcrumbItemTemplate = (context, definition) => {

package/shared/icon.cjs

@@ -94,8 +94,6 @@ var identity =
 /*#__PURE__*/
 _has._curry1(_identity);
 
-const identity$1 = identity;
-
 /**
  * Creates a new function that, when invoked, caches the result of calling `fn`
  * for a given argument set and returns the result. Subsequent calls to the
@@ -142,10 +140,8 @@ _has._curry2(function memoizeWith(mFn, fn) {
   });
 });
 
-const memoizeWith$1 = memoizeWith;
-
 const ICONS_BASE_URL = "https://icon.resources.vonage.com";
-const ICONS_VERSION = "4.5.6";
+const ICONS_VERSION = "4.5.7";
 
 const numberConverter = {
   toView(value) {
@@ -204,8 +200,8 @@ const extractSvg = (response) => {
 const loadSvg = (iconId) => fetch(baseUrlTemplate([iconId, "svg"].join("."), ICONS_VERSION)).then(
   extractSvg
 );
-const resolveIcon = memoizeWith$1(
-  identity$1,
+const resolveIcon = memoizeWith(
+  identity,
   (iconId = "") => iconId.trim() ? loadSvg(iconId) : Promise.resolve("")
 );
 class Icon extends index.FoundationElement {
@@ -257,4 +253,4 @@ __decorateClass([
 ], Icon.prototype, "iconUrl", 1);
 
 exports.Icon = Icon;
-exports.memoizeWith = memoizeWith$1;
+exports.memoizeWith = memoizeWith;

package/shared/icon.js

@@ -92,8 +92,6 @@ var identity =
 /*#__PURE__*/
 _curry1(_identity);
 
-const identity$1 = identity;
-
 /**
  * Creates a new function that, when invoked, caches the result of calling `fn`
  * for a given argument set and returns the result. Subsequent calls to the
@@ -140,10 +138,8 @@ _curry2(function memoizeWith(mFn, fn) {
   });
 });
 
-const memoizeWith$1 = memoizeWith;
-
 const ICONS_BASE_URL = "https://icon.resources.vonage.com";
-const ICONS_VERSION = "4.5.6";
+const ICONS_VERSION = "4.5.7";
 
 const numberConverter = {
   toView(value) {
@@ -202,8 +198,8 @@ const extractSvg = (response) => {
 const loadSvg = (iconId) => fetch(baseUrlTemplate([iconId, "svg"].join("."), ICONS_VERSION)).then(
   extractSvg
 );
-const resolveIcon = memoizeWith$1(
-  identity$1,
+const resolveIcon = memoizeWith(
+  identity,
   (iconId = "") => iconId.trim() ? loadSvg(iconId) : Promise.resolve("")
 );
 class Icon extends FoundationElement {
@@ -254,4 +250,4 @@ __decorateClass([
   volatile
 ], Icon.prototype, "iconUrl", 1);
 
-export { Icon as I, memoizeWith$1 as m };
+export { Icon as I, memoizeWith as m };

package/shared/index.cjs

@@ -1685,8 +1685,20 @@ function reduceBehaviors(styles) {
         return prev.concat(curr);
     }, null);
 }
+/**
+ * A Symbol that can be added to a CSSStyleSheet to cause it to be prepended (rather than appended) to adoptedStyleSheets.
+ * @public
+ */
+const prependToAdoptedStyleSheetsSymbol = Symbol("prependToAdoptedStyleSheets");
+function separateSheetsToPrepend(sheets) {
+    const prepend = [];
+    const append = [];
+    sheets.forEach(x => (x[prependToAdoptedStyleSheetsSymbol] ? prepend : append).push(x));
+    return { prepend, append };
+}
 let addAdoptedStyleSheets = (target, sheets) => {
-    target.adoptedStyleSheets = [...target.adoptedStyleSheets, ...sheets];
+    const { prepend, append } = separateSheetsToPrepend(sheets);
+    target.adoptedStyleSheets = [...prepend, ...target.adoptedStyleSheets, ...append];
 };
 let removeAdoptedStyleSheets = (target, sheets) => {
     target.adoptedStyleSheets = target.adoptedStyleSheets.filter((x) => sheets.indexOf(x) === -1);
@@ -1701,7 +1713,9 @@ if (DOM.supportsAdoptedStyleSheets) {
         document.adoptedStyleSheets.push();
         document.adoptedStyleSheets.splice();
         addAdoptedStyleSheets = (target, sheets) => {
-            target.adoptedStyleSheets.push(...sheets);
+            const { prepend, append } = separateSheetsToPrepend(sheets);
+            target.adoptedStyleSheets.splice(0, 0, ...prepend);
+            target.adoptedStyleSheets.push(...append);
         };
         removeAdoptedStyleSheets = (target, sheets) => {
             for (const sheet of sheets) {
@@ -4011,6 +4025,7 @@ class ConstructableStyleSheetTarget extends QueuedStyleSheetTarget {
     constructor(source) {
         super();
         const sheet = new CSSStyleSheet();
+        sheet[prependToAdoptedStyleSheetsSymbol] = true;
         this.target = sheet.cssRules[sheet.insertRule(":host{}")].style;
         source.$fastController.addStyles(ElementStyles.create([sheet]));
     }
@@ -4447,23 +4462,7 @@ class DesignTokenNode {
                 if (token) {
                     // Notify any token subscribers
                     token.notify(this.target);
-                    if (DesignTokenImpl.isCSSDesignToken(token)) {
-                        const parent = this.parent;
-                        const reflecting = this.isReflecting(token);
-                        if (parent) {
-                            const parentValue = parent.get(token);
-                            const sourceValue = source.get(token);
-                            if (parentValue !== sourceValue && !reflecting) {
-                                this.reflectToCSS(token);
-                            }
-                            else if (parentValue === sourceValue && reflecting) {
-                                this.stopReflectToCSS(token);
-                            }
-                        }
-                        else if (!reflecting) {
-                            this.reflectToCSS(token);
-                        }
-                    }
+                    this.updateCSSTokenReflection(source, token);
                 }
             },
         };
@@ -4537,6 +4536,25 @@ class DesignTokenNode {
     get parent() {
         return childToParent.get(this) || null;
     }
+    updateCSSTokenReflection(source, token) {
+        if (DesignTokenImpl.isCSSDesignToken(token)) {
+            const parent = this.parent;
+            const reflecting = this.isReflecting(token);
+            if (parent) {
+                const parentValue = parent.get(token);
+                const sourceValue = source.get(token);
+                if (parentValue !== sourceValue && !reflecting) {
+                    this.reflectToCSS(token);
+                }
+                else if (parentValue === sourceValue && reflecting) {
+                    this.stopReflectToCSS(token);
+                }
+            }
+            else if (!reflecting) {
+                this.reflectToCSS(token);
+            }
+        }
+    }
     /**
      * Checks if a token has been assigned an explicit value the node.
      * @param token - the token to check.
@@ -4702,6 +4720,7 @@ class DesignTokenNode {
             return;
         }
         this.hydrate(token, this.getRaw(token));
+        this.updateCSSTokenReflection(this.store, token);
     }
     /**
      * Hydrates a token with a DesignTokenValue, making retrieval available.

package/shared/index.js

@@ -1683,8 +1683,20 @@ function reduceBehaviors(styles) {
         return prev.concat(curr);
     }, null);
 }
+/**
+ * A Symbol that can be added to a CSSStyleSheet to cause it to be prepended (rather than appended) to adoptedStyleSheets.
+ * @public
+ */
+const prependToAdoptedStyleSheetsSymbol = Symbol("prependToAdoptedStyleSheets");
+function separateSheetsToPrepend(sheets) {
+    const prepend = [];
+    const append = [];
+    sheets.forEach(x => (x[prependToAdoptedStyleSheetsSymbol] ? prepend : append).push(x));
+    return { prepend, append };
+}
 let addAdoptedStyleSheets = (target, sheets) => {
-    target.adoptedStyleSheets = [...target.adoptedStyleSheets, ...sheets];
+    const { prepend, append } = separateSheetsToPrepend(sheets);
+    target.adoptedStyleSheets = [...prepend, ...target.adoptedStyleSheets, ...append];
 };
 let removeAdoptedStyleSheets = (target, sheets) => {
     target.adoptedStyleSheets = target.adoptedStyleSheets.filter((x) => sheets.indexOf(x) === -1);
@@ -1699,7 +1711,9 @@ if (DOM.supportsAdoptedStyleSheets) {
         document.adoptedStyleSheets.push();
         document.adoptedStyleSheets.splice();
         addAdoptedStyleSheets = (target, sheets) => {
-            target.adoptedStyleSheets.push(...sheets);
+            const { prepend, append } = separateSheetsToPrepend(sheets);
+            target.adoptedStyleSheets.splice(0, 0, ...prepend);
+            target.adoptedStyleSheets.push(...append);
         };
         removeAdoptedStyleSheets = (target, sheets) => {
             for (const sheet of sheets) {
@@ -4009,6 +4023,7 @@ class ConstructableStyleSheetTarget extends QueuedStyleSheetTarget {
     constructor(source) {
         super();
         const sheet = new CSSStyleSheet();
+        sheet[prependToAdoptedStyleSheetsSymbol] = true;
         this.target = sheet.cssRules[sheet.insertRule(":host{}")].style;
         source.$fastController.addStyles(ElementStyles.create([sheet]));
     }
@@ -4445,23 +4460,7 @@ class DesignTokenNode {
                 if (token) {
                     // Notify any token subscribers
                     token.notify(this.target);
-                    if (DesignTokenImpl.isCSSDesignToken(token)) {
-                        const parent = this.parent;
-                        const reflecting = this.isReflecting(token);
-                        if (parent) {
-                            const parentValue = parent.get(token);
-                            const sourceValue = source.get(token);
-                            if (parentValue !== sourceValue && !reflecting) {
-                                this.reflectToCSS(token);
-                            }
-                            else if (parentValue === sourceValue && reflecting) {
-                                this.stopReflectToCSS(token);
-                            }
-                        }
-                        else if (!reflecting) {
-                            this.reflectToCSS(token);
-                        }
-                    }
+                    this.updateCSSTokenReflection(source, token);
                 }
             },
         };
@@ -4535,6 +4534,25 @@ class DesignTokenNode {
     get parent() {
         return childToParent.get(this) || null;
     }
+    updateCSSTokenReflection(source, token) {
+        if (DesignTokenImpl.isCSSDesignToken(token)) {
+            const parent = this.parent;
+            const reflecting = this.isReflecting(token);
+            if (parent) {
+                const parentValue = parent.get(token);
+                const sourceValue = source.get(token);
+                if (parentValue !== sourceValue && !reflecting) {
+                    this.reflectToCSS(token);
+                }
+                else if (parentValue === sourceValue && reflecting) {
+                    this.stopReflectToCSS(token);
+                }
+            }
+            else if (!reflecting) {
+                this.reflectToCSS(token);
+            }
+        }
+    }
     /**
      * Checks if a token has been assigned an explicit value the node.
      * @param token - the token to check.
@@ -4700,6 +4718,7 @@ class DesignTokenNode {
             return;
         }
         this.hydrate(token, this.getRaw(token));
+        this.updateCSSTokenReflection(this.store, token);
     }
     /**
      * Hydrates a token with a DesignTokenValue, making retrieval available.

package/shared/index2.cjs

@@ -7,16 +7,15 @@ const classNames = require('./class-names.cjs');
 const when = require('./when.cjs');
 const locales_enUS = require('../locales/en-US.cjs');
 
-const messageStyles = ".sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.message{display:none;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message--visible{display:flex}.message-text{color:var(--vvd-color-canvas-text)}.helper-message .message-text{color:var(--_low-ink-color)}.message-icon{font-size:16px}.success-message .message-icon{color:var(--vvd-color-success-500)}.error-message .message-icon{color:var(--vvd-color-alert-500)}\n";
+const messageStyles = ".sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.message{display:none;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message--visible{display:flex}.message-text{color:var(--vvd-color-canvas-text)}.helper-message .message-text{color:var(--_low-ink-color)}.message-icon{font-size:16px}.success-message .message-icon{color:var(--vvd-color-success-500)}.error-message .message-icon{color:var(--vvd-color-alert-500)}";
 
 var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
 var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp$1(target, key, result);
   return result;
 };
@@ -24,15 +23,15 @@ class FormElementHelperText {
 }
 __decorateClass$1([
   index.attr({ attribute: "helper-text" })
-], FormElementHelperText.prototype, "helperText", 2);
+], FormElementHelperText.prototype, "helperText");
 __decorateClass$1([
   index.observable
-], FormElementHelperText.prototype, "_helperTextSlottedContent", 2);
+], FormElementHelperText.prototype, "_helperTextSlottedContent");
 class FormElementSuccessText {
 }
 __decorateClass$1([
   index.attr({ attribute: "success-text" })
-], FormElementSuccessText.prototype, "successText", 2);
+], FormElementSuccessText.prototype, "successText");
 class FormElementCharCount {
   constructor() {
     this.charCount = false;
@@ -43,7 +42,7 @@ __decorateClass$1([
     attribute: "char-count",
     mode: "boolean"
   })
-], FormElementCharCount.prototype, "charCount", 2);
+], FormElementCharCount.prototype, "charCount");
 function formElements(constructor) {
   let currentPrototype = constructor.prototype;
   while (currentPrototype) {
@@ -118,10 +117,10 @@ function formElements(constructor) {
   }
   __decorateClass$1([
     index.attr
-  ], Decorated.prototype, "label", 2);
+  ], Decorated.prototype, "label");
   __decorateClass$1([
     index.observable
-  ], Decorated.prototype, "errorValidationMessage", 2);
+  ], Decorated.prototype, "errorValidationMessage");
   return Decorated;
 }
 const feedback = {
@@ -199,16 +198,15 @@ function getFeedbackTypeTemplate(context, config, shouldShow) {
 }
 function errorText(constructor) {
   class Decorated extends constructor {
+    #blockValidateCalls = false;
     constructor(...args) {
       super(...args);
-      this.#blockValidateCalls = false;
       this._validate = this.validate;
       this.validate = () => {
         if (!this.#blockValidateCalls)
           this._validate();
       };
     }
-    #blockValidateCalls;
     errorTextChanged(_, newErrorText) {
       if (newErrorText) {
         this.#forceCustomError(newErrorText);
@@ -229,18 +227,17 @@ function errorText(constructor) {
   }
   __decorateClass$1([
     index.attr({ attribute: "error-text" })
-  ], Decorated.prototype, "errorText", 2);
+  ], Decorated.prototype, "errorText");
   return Decorated;
 }
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -251,7 +248,7 @@ class CurrentLocale {
 }
 __decorateClass([
   index.observable
-], CurrentLocale.prototype, "locale", 2);
+], CurrentLocale.prototype, "locale");
 const currentLocale = new CurrentLocale();
 const setLocale = (locale) => {
   currentLocale.locale = locale;