@vonage/vivid-vue 4.14.2 → 4.14.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.js CHANGED
@@ -2961,6 +2961,17 @@ const VCombobox = defineComponent({
2961
2961
  type: String,
2962
2962
  default: void 0
2963
2963
  },
2964
+ /**
2965
+ * The shape attribute.
2966
+ */
2967
+ shape: { type: String, default: void 0 },
2968
+ /**
2969
+ * The size the combobox should have.
2970
+ */
2971
+ scale: {
2972
+ type: String,
2973
+ default: void 0
2974
+ },
2964
2975
  /**
2965
2976
  * the placement of the combobox
2966
2977
  *
@@ -3076,6 +3087,8 @@ const VCombobox = defineComponent({
3076
3087
  ...this.required !== void 0 ? { required: this.required } : {},
3077
3088
  ...this.autocomplete !== void 0 ? { autocomplete: this.autocomplete } : {},
3078
3089
  ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
3090
+ ...this.shape !== void 0 ? { shape: this.shape } : {},
3091
+ ...this.scale !== void 0 ? { scale: this.scale } : {},
3079
3092
  ...this.placement !== void 0 ? { placement: this.placement } : {},
3080
3093
  ...this.fixedDropdown !== void 0 ? { "fixed-dropdown": this.fixedDropdown } : {},
3081
3094
  ...this.open !== void 0 ? { open: this.open } : {},
@@ -3128,6 +3141,8 @@ const VCombobox = defineComponent({
3128
3141
  ...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
3129
3142
  ...this.autocomplete !== void 0 ? { "^autocomplete": this.autocomplete } : {},
3130
3143
  ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
3144
+ ...this.shape !== void 0 ? { "^shape": this.shape } : {},
3145
+ ...this.scale !== void 0 ? { "^scale": this.scale } : {},
3131
3146
  ...this.placement !== void 0 ? { "^placement": this.placement } : {},
3132
3147
  ...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
3133
3148
  ...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
@@ -7454,6 +7469,15 @@ const VNumberField = defineComponent({
7454
7469
  const VOption = defineComponent({
7455
7470
  name: "VOption",
7456
7471
  props: {
7472
+ /**
7473
+ * A decorative icon the custom element should have.
7474
+ * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
7475
+ */
7476
+ icon: { type: String, default: void 0 },
7477
+ /**
7478
+ * Indicates the icon affix alignment.
7479
+ */
7480
+ iconTrailing: { type: Boolean, default: void 0 },
7457
7481
  /**
7458
7482
  * Indicates the element that represents the current item within a container or set of related elements.
7459
7483
  */
@@ -7536,6 +7560,8 @@ const VOption = defineComponent({
7536
7560
  {
7537
7561
  ref: "element",
7538
7562
  attrs: {
7563
+ ...this.icon !== void 0 ? { icon: this.icon } : {},
7564
+ ...this.iconTrailing !== void 0 ? { "icon-trailing": this.iconTrailing } : {},
7539
7565
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
7540
7566
  ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
7541
7567
  ...this.selected !== void 0 ? { selected: this.selected } : {},
@@ -7580,6 +7606,8 @@ const VOption = defineComponent({
7580
7606
  {
7581
7607
  ref: "element",
7582
7608
  class: "vvd-component",
7609
+ ...this.icon !== void 0 ? { "^icon": this.icon } : {},
7610
+ ...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
7583
7611
  ...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
7584
7612
  ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
7585
7613
  ...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
@@ -10328,6 +10356,7 @@ const VSwitch = defineComponent({
10328
10356
  * and don't support IDL attribute binding.
10329
10357
  */
10330
10358
  modelValue: { type: Boolean, default: void 0 },
10359
+ ariaLabel: { type: String, default: void 0 },
10331
10360
  /**
10332
10361
  * Indicates the switch's label.
10333
10362
  */
@@ -10407,6 +10436,7 @@ const VSwitch = defineComponent({
10407
10436
  ...this.required !== void 0 ? { required: this.required } : {},
10408
10437
  ...this.defaultChecked !== void 0 ? { checked: this.defaultChecked } : {},
10409
10438
  ...(this.modelValue ?? this.checked) !== void 0 ? { "current-checked": this.modelValue ?? this.checked } : {},
10439
+ ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
10410
10440
  ...this.label !== void 0 ? { label: this.label } : {},
10411
10441
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
10412
10442
  ...this.readonly !== void 0 ? { readonly: this.readonly } : {}
@@ -10456,6 +10486,7 @@ const VSwitch = defineComponent({
10456
10486
  ...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
10457
10487
  ...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
10458
10488
  ...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^current-checked": this.modelValue ?? this.checked } : {},
10489
+ ...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
10459
10490
  ...this.label !== void 0 ? { "^label": this.label } : {},
10460
10491
  ...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
10461
10492
  ...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
@@ -14293,17 +14324,17 @@ var Icon = /* @__PURE__ */ ((Icon2) => {
14293
14324
  return Icon2;
14294
14325
  })(Icon || {});
14295
14326
 
14296
- const tokensThemeLightCss = "/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n}\n";
14327
+ const tokensThemeLightCss = "/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n}\n";
14297
14328
 
14298
- const tokensThemeDarkCss = "/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n}\n";
14329
+ const tokensThemeDarkCss = "/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n}\n";
14299
14330
 
14300
14331
  const fontsSpeziaVariableCss = "@font-face {\n font-family: SpeziaCompleteVariableUpright;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n font-display: block;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-family: SpeziaMonoCompleteVariable;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n font-display: block;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2\") format(\"woff2\");\n}\n.vvd-root {\n --vvd-typography-headline: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-subtitle: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-1: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-2: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-3: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-4: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-code: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaMonoCompleteVariable;\n --vvd-typography-base-condensed: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-condensed-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-extended: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-extended-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n \tSpeziaCompleteVariableUpright;\n}\n";
14301
14332
 
14302
- const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n.vvd-root, ::part(vvd-root),\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --_vvd3--vvd-color-neutral-50: var(\n \t--vvd-color-neutral-50\n );\n}\n\n.vvd-component:not(.vvd-theme-alternate) {\n --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);\n}\n";
14333
+ const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n.vvd-root, ::part(vvd-root),\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --_vvd3--vvd-color-neutral-50: var(\n \t--vvd-color-neutral-50\n );\n}\n\n.vvd-component:not(.vvd-theme-alternate) {\n --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);\n}\n";
14303
14334
 
14304
- const coreThemeCss = "/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n.vvd-root {\n color-scheme: var(--vvd-color-scheme);\n background-color: var(--vvd-color-canvas);\n color: var(--vvd-color-canvas-text);\n}\n\n.vvd-scrollbar {\n --scrollbar-track-color: transparent;\n --scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);\n}\n.vvd-scrollbar {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n scrollbar-width: thin;\n}\n.vvd-scrollbar ::-webkit-scrollbar {\n width: 4px;\n}\n.vvd-scrollbar ::-webkit-scrollbar-track {\n background: var(--scrollbar-track-color);\n}\n.vvd-scrollbar ::-webkit-scrollbar-thumb {\n border: 0;\n border-radius: 4px;\n background-color: var(--scrollbar-thumb-color);\n}\n\n.vvd-neutral-tint-elevation {\n --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(\n \t--vvd-neutral-tint-shadow-surface-12dp\n );\n --_vvd-tinted-shadow-surface-16dp: var(\n \t--vvd-neutral-tint-shadow-surface-16dp\n );\n --_vvd-tinted-shadow-surface-24dp: var(\n \t--vvd-neutral-tint-shadow-surface-24dp\n );\n}\n.vvd-neutral-tint-elevation > * {\n --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);\n --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);\n --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);\n}\n";
14335
+ const coreThemeCss = "/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n.vvd-root {\n color-scheme: var(--vvd-color-scheme);\n background-color: var(--vvd-color-canvas);\n color: var(--vvd-color-canvas-text);\n}\n\n.vvd-scrollbar {\n --scrollbar-track-color: transparent;\n --scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);\n}\n.vvd-scrollbar {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n scrollbar-width: thin;\n}\n.vvd-scrollbar ::-webkit-scrollbar {\n width: 4px;\n}\n.vvd-scrollbar ::-webkit-scrollbar-track {\n background: var(--scrollbar-track-color);\n}\n.vvd-scrollbar ::-webkit-scrollbar-thumb {\n border: 0;\n border-radius: 4px;\n background-color: var(--scrollbar-thumb-color);\n}\n\n.vvd-neutral-tint-elevation {\n --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(\n \t--vvd-neutral-tint-shadow-surface-12dp\n );\n --_vvd-tinted-shadow-surface-16dp: var(\n \t--vvd-neutral-tint-shadow-surface-16dp\n );\n --_vvd-tinted-shadow-surface-24dp: var(\n \t--vvd-neutral-tint-shadow-surface-24dp\n );\n}\n.vvd-neutral-tint-elevation > * {\n --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);\n --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);\n --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);\n}\n";
14305
14336
 
14306
- const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on Tue, 28 Jan 2025 12:08:04 GMT\n */\n.vvd-root:root {\n --vvd-size-font-scale-base: 1rem;\n font-size: unset;\n}\n.vvd-root:root > body {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n}\n.vvd-root:not(:root) {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n}\n.vvd-root p,\n.vvd-root .font-base {\n font: var(--vvd-typography-base);\n margin-block: 16px;\n}\n.vvd-root p.tight,\n.vvd-root .font-base.tight {\n margin-block: 0;\n}\n.vvd-root .font-base-bold {\n font: var(--vvd-typography-base-bold);\n}\n.vvd-root .font-base-condensed {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root .font-base-condensed-bold {\n font: var(--vvd-typography-base-condensed-bold);\n}\n.vvd-root .font-base-extended {\n font: var(--vvd-typography-base-extended);\n}\n.vvd-root .font-base-extended-bold {\n font: var(--vvd-typography-base-extended-bold);\n}\n.vvd-root .font-base-code {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root b, .vvd-root strong {\n font-weight: 600;\n}\n.vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root .headline {\n font: var(--vvd-typography-headline);\n margin-block: 40px;\n}\n.vvd-root .subtitle {\n font: var(--vvd-typography-subtitle);\n margin-block: 40px;\n}\n.vvd-root h1,\n.vvd-root .heading1 {\n font: var(--vvd-typography-heading-1);\n margin-block: 32px;\n}\n.vvd-root h2,\n.vvd-root .heading2 {\n font: var(--vvd-typography-heading-2);\n margin-block: 32px;\n}\n.vvd-root h3,\n.vvd-root .heading3 {\n font: var(--vvd-typography-heading-3);\n margin-block: 24px;\n}\n.vvd-root h4,\n.vvd-root .heading4 {\n font: var(--vvd-typography-heading-4);\n margin-block: 24px;\n}\n.vvd-root .headline b, .vvd-root .headline strong,\n.vvd-root .subtitle b,\n.vvd-root .subtitle strong,\n.vvd-root h1 b,\n.vvd-root h1 strong,\n.vvd-root .heading1 b,\n.vvd-root .heading1 strong,\n.vvd-root h2 b,\n.vvd-root h2 strong,\n.vvd-root .heading2 b,\n.vvd-root .heading2 strong,\n.vvd-root h3 b,\n.vvd-root h3 strong,\n.vvd-root .heading3 b,\n.vvd-root .heading3 strong,\n.vvd-root h4 b,\n.vvd-root h4 strong,\n.vvd-root .heading4 b,\n.vvd-root .heading4 strong {\n font-weight: 500;\n}\n.vvd-root .headline.tight,\n.vvd-root .subtitle.tight,\n.vvd-root h1.tight,\n.vvd-root .heading1.tight,\n.vvd-root h2.tight,\n.vvd-root .heading2.tight,\n.vvd-root h3.tight,\n.vvd-root .heading3.tight,\n.vvd-root h4.tight,\n.vvd-root .heading4.tight {\n margin-block: 0;\n}\n.vvd-root small,\n.vvd-root figcaption {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root sub,\n.vvd-root sup {\n font: var(--vvd-typography-base-condensed);\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n.vvd-root sub {\n bottom: -0.25em;\n}\n.vvd-root sup {\n top: -0.5em;\n}\n";
14337
+ const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on Tue, 04 Feb 2025 16:43:13 GMT\n */\n.vvd-root:root {\n --vvd-size-font-scale-base: 1rem;\n font-size: unset;\n}\n.vvd-root:root > body {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n}\n.vvd-root:not(:root) {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n}\n.vvd-root p,\n.vvd-root .font-base {\n font: var(--vvd-typography-base);\n margin-block: 16px;\n}\n.vvd-root p.tight,\n.vvd-root .font-base.tight {\n margin-block: 0;\n}\n.vvd-root .font-base-bold {\n font: var(--vvd-typography-base-bold);\n}\n.vvd-root .font-base-condensed {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root .font-base-condensed-bold {\n font: var(--vvd-typography-base-condensed-bold);\n}\n.vvd-root .font-base-extended {\n font: var(--vvd-typography-base-extended);\n}\n.vvd-root .font-base-extended-bold {\n font: var(--vvd-typography-base-extended-bold);\n}\n.vvd-root .font-base-code {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root b, .vvd-root strong {\n font-weight: 600;\n}\n.vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root .headline {\n font: var(--vvd-typography-headline);\n margin-block: 40px;\n}\n.vvd-root .subtitle {\n font: var(--vvd-typography-subtitle);\n margin-block: 40px;\n}\n.vvd-root h1,\n.vvd-root .heading1 {\n font: var(--vvd-typography-heading-1);\n margin-block: 32px;\n}\n.vvd-root h2,\n.vvd-root .heading2 {\n font: var(--vvd-typography-heading-2);\n margin-block: 32px;\n}\n.vvd-root h3,\n.vvd-root .heading3 {\n font: var(--vvd-typography-heading-3);\n margin-block: 24px;\n}\n.vvd-root h4,\n.vvd-root .heading4 {\n font: var(--vvd-typography-heading-4);\n margin-block: 24px;\n}\n.vvd-root .headline b, .vvd-root .headline strong,\n.vvd-root .subtitle b,\n.vvd-root .subtitle strong,\n.vvd-root h1 b,\n.vvd-root h1 strong,\n.vvd-root .heading1 b,\n.vvd-root .heading1 strong,\n.vvd-root h2 b,\n.vvd-root h2 strong,\n.vvd-root .heading2 b,\n.vvd-root .heading2 strong,\n.vvd-root h3 b,\n.vvd-root h3 strong,\n.vvd-root .heading3 b,\n.vvd-root .heading3 strong,\n.vvd-root h4 b,\n.vvd-root h4 strong,\n.vvd-root .heading4 b,\n.vvd-root .heading4 strong {\n font-weight: 500;\n}\n.vvd-root .headline.tight,\n.vvd-root .subtitle.tight,\n.vvd-root h1.tight,\n.vvd-root .heading1.tight,\n.vvd-root h2.tight,\n.vvd-root .heading2.tight,\n.vvd-root h3.tight,\n.vvd-root .heading3.tight,\n.vvd-root h4.tight,\n.vvd-root .heading4.tight {\n margin-block: 0;\n}\n.vvd-root small,\n.vvd-root figcaption {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root sub,\n.vvd-root sup {\n font: var(--vvd-typography-base-condensed);\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n.vvd-root sub {\n bottom: -0.25em;\n}\n.vvd-root sup {\n top: -0.5em;\n}\n";
14307
14338
 
14308
14339
  const theme = {
14309
14340
  name: "core/theme",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-vue",
3
- "version": "4.14.2",
3
+ "version": "4.14.4",
4
4
  "description": "A Vue wrapper library for Vivid components.",
5
5
  "author": "Vonage",
6
6
  "license": "ISC",
@@ -20,6 +20,6 @@
20
20
  "vue": "^2.7.0 || >=3.0.0"
21
21
  },
22
22
  "dependencies": {
23
- "@vonage/vivid": "^4.14.2"
23
+ "@vonage/vivid": "^4.14.4"
24
24
  }
25
25
  }
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "@vonage/vivid-vue",
4
- "version": "4.14.2",
4
+ "version": "4.14.4",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -1557,6 +1557,22 @@
1557
1557
  "type": "'fieldset' | 'ghost'"
1558
1558
  }
1559
1559
  },
1560
+ {
1561
+ "name": "shape",
1562
+ "description": "The shape attribute.",
1563
+ "value": {
1564
+ "kind": "expression",
1565
+ "type": "'rounded' | 'pill'"
1566
+ }
1567
+ },
1568
+ {
1569
+ "name": "scale",
1570
+ "description": "The size the combobox should have.",
1571
+ "value": {
1572
+ "kind": "expression",
1573
+ "type": "'condensed' | 'normal'"
1574
+ }
1575
+ },
1560
1576
  {
1561
1577
  "name": "placement",
1562
1578
  "description": "the placement of the combobox\n\nHTML Attribute: string",
@@ -3609,6 +3625,22 @@
3609
3625
  "name": "VOption",
3610
3626
  "description": "An Option Custom HTML Element.\nImplements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .",
3611
3627
  "attributes": [
3628
+ {
3629
+ "name": "icon",
3630
+ "description": "A decorative icon the custom element should have.\nSee the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/",
3631
+ "value": {
3632
+ "kind": "expression",
3633
+ "type": "'10-sec-backward-line' | '10-sec-backward-solid' | '10-sec-forward-line' | '10-sec-forward-solid' | '30-sec-backward-line' | '30-sec-backward-solid' | '30-sec-forward-line' | '30-sec-forward-solid' | '5-sec-backward-line' | '5-sec-backward-solid' | '5-sec-forward-line' | '5-sec-forward-solid' | 'accessibility-line' | 'accessibility-solid' | 'active-call-line' | 'active-call-solid' | 'add-call-line' | 'add-call-solid' | 'add-group-line' | 'add-group-solid' | 'add-line' | 'add-solid' | 'add-time-line' | 'add-time-solid' | 'add-user-line' | 'add-user-solid' | 'address-book-line' | 'address-book-solid' | 'ai-2-line' | 'ai-2-solid' | 'ai-3-line' | 'ai-3-solid' | 'ai-line' | 'ai-solid' | 'alarm-line' | 'alarm-solid' | 'align-center-line' | 'align-center-solid' | 'align-left-line' | 'align-left-solid' | 'align-right-line' | 'align-right-solid' | 'ambulance-line' | 'ambulance-solid' | 'android-color' | 'android-mono' | 'angular-color' | 'angular-mono' | 'app-line' | 'app-plus-line' | 'app-plus-solid' | 'app-solid' | 'app-store-line' | 'app-store-solid' | 'apple-color' | 'apple-mono' | 'apps-line' | 'apps-solid' | 'arrow-bold-left-line' | 'arrow-bold-left-solid' | 'arrow-bold-right-line' | 'arrow-bold-right-solid' | 'arrow-down-line' | 'arrow-down-solid' | 'arrow-inbound-line' | 'arrow-inbound-solid' | 'arrow-left-line' | 'arrow-left-solid' | 'arrow-outbound-line' | 'arrow-outbound-solid' | 'arrow-right-line' | 'arrow-right-solid' | 'arrow-up-line' | 'arrow-up-solid' | 'arrow-width-large-line' | 'arrow-width-large-solid' | 'arrow-width-medium-line' | 'arrow-width-medium-solid' | 'arrow-width-small-line' | 'arrow-width-small-solid' | 'assign-user-line' | 'assign-user-solid' | 'asterisk-2-line' | 'asterisk-2-solid' | 'asterisk-line' | 'asterisk-solid' | 'atoms-line' | 'atoms-solid' | 'attachment-line' | 'attachment-solid' | 'audio-max-line' | 'audio-max-solid' | 'audio-mid-line' | 'audio-mid-solid' | 'audio-min-line' | 'audio-min-solid' | 'audio-mute-line' | 'audio-mute-solid' | 'audio-off-2-line' | 'audio-off-2-solid' | 'audio-off-line' | 'audio-off-solid' | 'back-line' | 'back-solid' | 'backspace-line' | 'backspace-solid' | 'backward-line' | 'backward-solid' | 'badge-line' | 'badge-solid' | 'binoculars-line' | 'binoculars-solid' | 'block-call-line' | 'block-call-solid' | 'block-line' | 'block-solid' | 'blogger-color' | 'blogger-mono' | 'blur-line' | 'blur-off-line' | 'blur-off-solid' | 'blur-solid' | 'bold-line' | 'bold-solid' | 'bookmark-line' | 'bookmark-solid' | 'books-line' | 'books-solid' | 'bot-line' | 'bot-solid' | 'bottom-tabs-line' | 'bottom-tabs-solid' | 'bounce-line' | 'bounce-solid' | 'brain-line' | 'brain-solid' | 'bring-to-front-line' | 'bring-to-front-solid' | 'broadcast-line' | 'broadcast-solid' | 'broken-image-line' | 'broken-image-solid' | 'bullet-line' | 'bullet-list-2-line' | 'bullet-list-2-solid' | 'bullet-list-line' | 'bullet-list-off-line' | 'bullet-list-off-solid' | 'bullet-list-solid' | 'bullet-solid' | 'bullhorn-color' | 'bullhorn-mono' | 'calculator-line' | 'calculator-solid' | 'calendar-check-line' | 'calendar-check-solid' | 'calendar-clock-line' | 'calendar-clock-solid' | 'calendar-line' | 'calendar-plus-line' | 'calendar-plus-solid' | 'calendar-solid' | 'call-line' | 'call-solid' | 'call-star-line' | 'call-star-solid' | 'camera-line' | 'camera-solid' | 'camera-switch-line' | 'camera-switch-solid' | 'car-line' | 'car-solid' | 'cart-full-line' | 'cart-full-solid' | 'cart-line' | 'cart-solid' | 'cell-reception-line' | 'cell-reception-solid' | 'chain-line' | 'chain-solid' | 'charity-line' | 'charity-solid' | 'chart-line' | 'chart-solid' | 'chat-2-line' | 'chat-2-solid' | 'chat-call-line' | 'chat-call-solid' | 'chat-hide-line' | 'chat-hide-solid' | 'chat-line' | 'chat-solid' | 'check-all-line' | 'check-all-solid' | 'check-call-line' | 'check-call-solid' | 'check-circle-line' | 'check-circle-solid' | 'check-double-line' | 'check-double-solid' | 'check-line' | 'check-sent-line' | 'check-sent-solid' | 'check-solid' | 'checkbox-checked-2-line' | 'checkbox-checked-2-solid' | 'checkbox-checked-line' | 'checkbox-checked-solid' | 'checkbox-part-checked-line' | 'checkbox-part-checked-solid' | 'checkbox-unchecked-2-line' | 'checkbox-unchecked-2-solid' | 'checkbox-unchecked-line' | 'checkbox-unchecked-solid' | 'chevron-circle-down-line' | 'chevron-circle-down-solid' | 'chevron-down-line' | 'chevron-down-solid' | 'chevron-left-line' | 'chevron-left-solid' | 'chevron-right-line' | 'chevron-right-solid' | 'chevron-up-line' | 'chevron-up-solid' | 'chime-color' | 'chime-mono' | 'circle-line' | 'circle-solid' | 'clear-file-line' | 'clear-file-solid' | 'click-to-call-line' | 'click-to-call-solid' | 'clio-color' | 'clio-mono' | 'clipboard-add-line' | 'clipboard-add-solid' | 'clipboard-assign-line' | 'clipboard-assign-solid' | 'clock-line' | 'clock-off-line' | 'clock-off-solid' | 'clock-solid' | 'close-circle-line' | 'close-circle-solid' | 'close-line' | 'close-small-line' | 'close-small-solid' | 'close-solid' | 'closed-captioning-line' | 'closed-captioning-off-line' | 'closed-captioning-off-solid' | 'closed-captioning-solid' | 'cloud-download-2-line' | 'cloud-download-2-solid' | 'cloud-line' | 'cloud-office-phone-line' | 'cloud-office-phone-solid' | 'cloud-solid' | 'cloud-upload-2-line' | 'cloud-upload-2-solid' | 'cloud-upload-line' | 'cloud-upload-solid' | 'code-line' | 'code-snippet-line' | 'code-snippet-solid' | 'code-solid' | 'coffee-line' | 'coffee-solid' | 'collapse-line' | 'collapse-solid' | 'comms-online-color' | 'comms-online-mono' | 'company-line' | 'company-solid' | 'compose-line' | 'compose-solid' | 'condition-line' | 'condition-solid' | 'connect-line' | 'connect-solid' | 'connectwise-color' | 'connectwise-mono' | 'cooktail-line' | 'cooktail-solid' | 'copy-2-line' | 'copy-2-solid' | 'copy-line' | 'copy-solid' | 'credit-card-line' | 'credit-card-solid' | 'crop-line' | 'crop-solid' | 'curl-color' | 'curl-mono' | 'curly-brackets-line' | 'curly-brackets-solid' | 'cursor-2-line' | 'cursor-2-solid' | 'cursor-line' | 'cursor-solid' | 'dark-mode-line' | 'dark-mode-solid' | 'delete-line' | 'delete-solid' | 'density-high-line' | 'density-high-solid' | 'density-medium-line' | 'density-medium-solid' | 'design-tools-line' | 'design-tools-solid' | 'devices-line' | 'devices-solid' | 'disable-call-line' | 'disable-call-solid' | 'distort-line' | 'distort-solid' | 'divider-line' | 'divider-solid' | 'document-2-line' | 'document-2-solid' | 'document-line' | 'document-solid' | 'dollar-line' | 'dollar-solid' | 'dotnet-color' | 'dotnet-mono' | 'double-chevron-left-line' | 'double-chevron-left-solid' | 'double-chevron-right-line' | 'double-chevron-right-solid' | 'download-line' | 'download-solid' | 'drupal-color' | 'drupal-mono' | 'duplicate-line' | 'duplicate-solid' | 'dynamics-365-color' | 'dynamics-365-mono' | 'dynamics-color' | 'dynamics-mono' | 'echo-line' | 'echo-solid' | 'edit-line' | 'edit-solid' | 'edit-user-line' | 'edit-user-solid' | 'eight-line' | 'eight-solid' | 'emoji-line' | 'emoji-solid' | 'end-call-line' | 'end-call-solid' | 'enlarge-screen-2-line' | 'enlarge-screen-2-solid' | 'enlarge-screen-line' | 'enlarge-screen-solid' | 'enter-line' | 'enter-solid' | 'envelope-line' | 'envelope-solid' | 'eraser-line' | 'eraser-solid' | 'error-line' | 'error-solid' | 'error-star-line' | 'error-star-solid' | 'exit-line' | 'exit-solid' | 'expand-2-line' | 'expand-2-solid' | 'expand-line' | 'expand-solid' | 'export-line' | 'export-solid' | 'express-color' | 'express-mono' | 'eye-hide-line' | 'eye-hide-solid' | 'eye-line' | 'eye-solid' | 'facebook-color' | 'facebook-line' | 'facebook-mono' | 'facebook-solid' | 'fax-2-line' | 'fax-2-solid' | 'fax-add-line' | 'fax-add-solid' | 'fax-failed-line' | 'fax-failed-solid' | 'fax-inbound-line' | 'fax-inbound-solid' | 'fax-line' | 'fax-outbound-line' | 'fax-outbound-solid' | 'fax-pending-line' | 'fax-pending-solid' | 'fax-scheduled-line' | 'fax-scheduled-solid' | 'fax-solid' | 'feedback-line' | 'feedback-solid' | 'file-add-line' | 'file-add-solid' | 'file-audio-line' | 'file-audio-solid' | 'file-csv-line' | 'file-csv-solid' | 'file-doc-line' | 'file-doc-solid' | 'file-dollar-line' | 'file-dollar-solid' | 'file-edit-line' | 'file-edit-solid' | 'file-gear-line' | 'file-gear-solid' | 'file-gif-2-line' | 'file-gif-2-solid' | 'file-gif-line' | 'file-gif-solid' | 'file-jpg-line' | 'file-jpg-solid' | 'file-line' | 'file-paragraph-line' | 'file-paragraph-solid' | 'file-pdf-line' | 'file-pdf-solid' | 'file-plus-line' | 'file-plus-solid' | 'file-png-line' | 'file-png-solid' | 'file-ppt-line' | 'file-ppt-solid' | 'file-search-line' | 'file-search-solid' | 'file-solid' | 'file-txt-line' | 'file-txt-solid' | 'file-video-2-line' | 'file-video-2-solid' | 'file-video-line' | 'file-video-solid' | 'file-xls-line' | 'file-xls-solid' | 'file-zip-line' | 'file-zip-solid' | 'files-line' | 'files-solid' | 'filter-line' | 'filter-solid' | 'five-line' | 'five-solid' | 'flag-afghanistan' | 'flag-aland-islands' | 'flag-albania' | 'flag-algeria' | 'flag-argentina' | 'flag-armenia' | 'flag-aruba' | 'flag-australia' | 'flag-austria' | 'flag-bahamas' | 'flag-bahrain' | 'flag-bangladesh' | 'flag-belarus' | 'flag-belgium' | 'flag-benin' | 'flag-bolivia' | 'flag-botswana' | 'flag-brazil' | 'flag-bulgaria' | 'flag-burkina-faso' | 'flag-cambodia' | 'flag-canada' | 'flag-cayman-islands' | 'flag-central-african-republic' | 'flag-chad' | 'flag-chile' | 'flag-china' | 'flag-colombia' | 'flag-costa-rica' | 'flag-croatia' | 'flag-cyprus' | 'flag-czech-republic' | 'flag-denmark' | 'flag-dominican-republic' | 'flag-egypt' | 'flag-el-salvador' | 'flag-estonia' | 'flag-european-union' | 'flag-finland' | 'flag-france' | 'flag-georgia' | 'flag-germany' | 'flag-ghana' | 'flag-greece' | 'flag-grenada' | 'flag-guatemala' | 'flag-honduras' | 'flag-hong-kong' | 'flag-hungary' | 'flag-iceland' | 'flag-india' | 'flag-indonesia' | 'flag-ireland' | 'flag-israel' | 'flag-italy' | 'flag-jamaica' | 'flag-japan' | 'flag-latvia' | 'flag-liechtenstein' | 'flag-lithuania' | 'flag-luxembourg' | 'flag-macao' | 'flag-malaysia' | 'flag-malta' | 'flag-mauritius' | 'flag-mexico' | 'flag-moldova' | 'flag-netherlands' | 'flag-new-zealand' | 'flag-nigeria' | 'flag-norway' | 'flag-pakistan' | 'flag-panama' | 'flag-peru' | 'flag-philippines' | 'flag-poland' | 'flag-portugal' | 'flag-puertorico' | 'flag-romania' | 'flag-russia' | 'flag-rwanda' | 'flag-saudi-arabia' | 'flag-serbia' | 'flag-singapore' | 'flag-slovakia' | 'flag-slovenia' | 'flag-south-africa' | 'flag-south-korea' | 'flag-spain' | 'flag-sri-lanka' | 'flag-sweden' | 'flag-switzerland' | 'flag-taiwan' | 'flag-tajikistan' | 'flag-tanzania' | 'flag-thailand' | 'flag-trinidad-and-tobago' | 'flag-turkey' | 'flag-ukraine' | 'flag-united-arab-emirates' | 'flag-united-kingdom' | 'flag-united-states' | 'flag-uruguay' | 'flag-uzbekistan' | 'flag-venezuela' | 'flag-vietnam' | 'flag-zambia' | 'flash-2-line' | 'flash-2-solid' | 'flash-line' | 'flash-solid' | 'flip-horizontal-line' | 'flip-horizontal-solid' | 'flip-line' | 'flip-solid' | 'flip-vertical-line' | 'flip-vertical-solid' | 'flow-2-line' | 'flow-2-solid' | 'flow-line' | 'flow-permission-line' | 'flow-permission-solid' | 'flow-solid' | 'forward-call-line' | 'forward-call-solid' | 'forward-line' | 'forward-solid' | 'four-line' | 'four-solid' | 'full-screen-line' | 'full-screen-solid' | 'fullscreen-off-line' | 'fullscreen-off-solid' | 'gallery-line' | 'gallery-solid' | 'gear-line' | 'gear-solid' | 'gender-female-line' | 'gender-female-solid' | 'gender-male-line' | 'gender-male-solid' | 'gender-unspecified-line' | 'gender-unspecified-solid' | 'github-color' | 'github-mono' | 'globe-line' | 'globe-solid' | 'google-color' | 'google-mono' | 'gradle-color' | 'gradle-mono' | 'grid-two-line' | 'grid-two-solid' | 'groovy-color' | 'groovy-mono' | 'group-2-line' | 'group-2-solid' | 'group-3-line' | 'group-3-solid' | 'group-4-line' | 'group-4-solid' | 'group-5-line' | 'group-5-solid' | 'group-6-line' | 'group-6-solid' | 'group-7-line' | 'group-7-solid' | 'group-8-line' | 'group-8-solid' | 'group-9-line' | 'group-9-solid' | 'group-line' | 'group-permission-2-line' | 'group-permission-2-solid' | 'group-permission-line' | 'group-permission-solid' | 'group-solid' | 'hand-line' | 'hand-off-line' | 'hand-off-solid' | 'hand-shake-line' | 'hand-shake-solid' | 'hand-solid' | 'happy-line' | 'happy-solid' | 'hash-line' | 'hash-solid' | 'hashtag-line' | 'hashtag-solid' | 'headset-2-line' | 'headset-2-solid' | 'headset-line' | 'headset-solid' | 'hearing-line' | 'hearing-max-line' | 'hearing-max-solid' | 'hearing-solid' | 'heart-line' | 'heart-solid' | 'help-line' | 'help-solid' | 'highlight-line' | 'highlight-solid' | 'history-line' | 'history-solid' | 'home-line' | 'home-solid' | 'home-user-line' | 'home-user-solid' | 'hospital-line' | 'hospital-solid' | 'hoteling-line' | 'hoteling-solid' | 'hubspot-color' | 'hubspot-mono' | 'id-line' | 'id-solid' | 'image-line' | 'image-solid' | 'import-line' | 'import-solid' | 'inbound-call-line' | 'inbound-call-solid' | 'inbox-2-line' | 'inbox-2-solid' | 'inbox-3-line' | 'inbox-3-solid' | 'inbox-line' | 'inbox-solid' | 'increase-line' | 'increase-solid' | 'infinity-line' | 'infinity-solid' | 'info-line' | 'info-solid' | 'instagram-color' | 'instagram-mono' | 'interactive-message-line' | 'interactive-message-solid' | 'ios-color' | 'ios-mono' | 'italic-line' | 'italic-solid' | 'java-color' | 'java-mono' | 'javascript-color' | 'javascript-mono' | 'jobdiva-color' | 'jobdiva-mono' | 'key-line' | 'key-solid' | 'keypad-2-line' | 'keypad-2-solid' | 'keypad-line' | 'keypad-solid' | 'knowledge-base-line' | 'knowledge-base-solid' | 'kotlin-color' | 'kotlin-mono' | 'laptop-line' | 'laptop-solid' | 'laravel-color' | 'laravel-mono' | 'layout-1-line' | 'layout-1-solid' | 'layout-2-line' | 'layout-2-solid' | 'leave-line' | 'leave-solid' | 'light-bulb-line' | 'light-bulb-solid' | 'light-mode-line' | 'light-mode-solid' | 'line-width-large-line' | 'line-width-large-solid' | 'line-width-medium-line' | 'line-width-medium-solid' | 'line-width-small-line' | 'line-width-small-solid' | 'link-add-line' | 'link-add-solid' | 'link-line' | 'link-remove-line' | 'link-remove-solid' | 'link-solid' | 'linkedin-color' | 'linkedin-mono' | 'linux-color' | 'linux-mono' | 'list-2-line' | 'list-2-solid' | 'list-filter-line' | 'list-filter-solid' | 'list-line' | 'list-numbered-line' | 'list-numbered-solid' | 'list-solid' | 'lock-line' | 'lock-solid' | 'mailbox-line' | 'mailbox-solid' | 'maximize-line' | 'maximize-solid' | 'media-player-line' | 'media-player-off-line' | 'media-player-off-solid' | 'media-player-solid' | 'megaphone-line' | 'megaphone-solid' | 'menu-line' | 'menu-solid' | 'merge-2-line' | 'merge-2-solid' | 'merge-line' | 'merge-solid' | 'message-line' | 'message-sent-line' | 'message-sent-solid' | 'message-solid' | 'message-template-line' | 'message-template-solid' | 'mic-mute-line' | 'mic-mute-solid' | 'microphone-2-line' | 'microphone-2-solid' | 'microphone-line' | 'microphone-solid' | 'microsoft-dynamics-365-color' | 'microsoft-dynamics-365-mono' | 'microsoft-teams-color' | 'microsoft-teams-mono' | 'mind-map-2-line' | 'mind-map-2-solid' | 'mind-map-line' | 'mind-map-solid' | 'minimize-2-line' | 'minimize-2-solid' | 'minimize-line' | 'minimize-solid' | 'minus-line' | 'minus-solid' | 'missed-call-line' | 'missed-call-solid' | 'mobile-2-line' | 'mobile-2-solid' | 'mobile-arrow-right-line' | 'mobile-arrow-right-solid' | 'mobile-devices-line' | 'mobile-devices-solid' | 'mobile-line' | 'mobile-solid' | 'mockup-line' | 'mockup-solid' | 'modal-line' | 'modal-solid' | 'more-horizontal-line' | 'more-horizontal-solid' | 'more-vertical-line' | 'more-vertical-solid' | 'music-line' | 'music-solid' | 'netsuite-color' | 'netsuite-mono' | 'nexmo-color' | 'nexmo-mono' | 'next-line' | 'next-solid' | 'nine-line' | 'nine-solid' | 'node-color' | 'node-mono' | 'note-line' | 'note-solid' | 'notes-line' | 'notes-solid' | 'notification-off-line' | 'notification-off-solid' | 'notification-on-line' | 'notification-on-solid' | 'objective-c-color' | 'objective-c-mono' | 'office-color' | 'office-mono' | 'office-phone-2-line' | 'office-phone-2-solid' | 'office-phone-line' | 'office-phone-solid' | 'one-line' | 'one-solid' | 'open-folder-line' | 'open-folder-solid' | 'open-line' | 'open-solid' | 'outbound-call-line' | 'outbound-call-solid' | 'packet-2-line' | 'packet-2-solid' | 'packet-line' | 'packet-solid' | 'palette-line' | 'palette-solid' | 'park-call-line' | 'park-call-solid' | 'participants-line' | 'participants-off-line' | 'participants-off-solid' | 'participants-solid' | 'password-restart-line' | 'password-restart-solid' | 'pause-2-line' | 'pause-2-solid' | 'pause-call-line' | 'pause-call-solid' | 'pause-line' | 'pause-solid' | 'pen-effect-line' | 'pen-effect-solid' | 'pen-tip-large-line' | 'pen-tip-large-solid' | 'pen-tip-medium-line' | 'pen-tip-medium-solid' | 'pen-tip-small-line' | 'pen-tip-small-solid' | 'pending-call-line' | 'pending-call-solid' | 'pentool-line' | 'pentool-solid' | 'permission-call-line' | 'permission-call-solid' | 'phone-number-line' | 'phone-number-solid' | 'php-color' | 'php-mono' | 'pie-chart-line' | 'pie-chart-solid' | 'pin-2-line' | 'pin-2-off-line' | 'pin-2-off-solid' | 'pin-2-solid' | 'pin-line' | 'pin-off-line' | 'pin-off-solid' | 'pin-solid' | 'pin-unverified-line' | 'pin-unverified-solid' | 'pin-verified-line' | 'pin-verified-solid' | 'play-2-line' | 'play-2-solid' | 'play-line' | 'play-solid' | 'playback-speed-line' | 'playback-speed-solid' | 'playlist-line' | 'playlist-solid' | 'plug-line' | 'plug-solid' | 'plus-line' | 'plus-solid' | 'preferences-line' | 'preferences-solid' | 'presentation-line' | 'presentation-solid' | 'print-line' | 'print-solid' | 'profile-line' | 'profile-solid' | 'puzzle-line' | 'puzzle-solid' | 'puzzled-line' | 'puzzled-solid' | 'python-color' | 'python-mono' | 'quit-line' | 'quit-solid' | 'quote-line' | 'quote-solid' | 'radio-checked-2-line' | 'radio-checked-2-solid' | 'radio-checked-line' | 'radio-checked-solid' | 'radio-unchecked-2-line' | 'radio-unchecked-2-solid' | 'radio-unchecked-line' | 'radio-unchecked-solid' | 'rails-color' | 'rails-mono' | 'react-color' | 'react-mono' | 'rec-line' | 'rec-solid' | 'receptionist-line' | 'receptionist-solid' | 'record-user-line' | 'record-user-solid' | 'redo-line' | 'redo-solid' | 'refresh-call-line' | 'refresh-call-solid' | 'refresh-dollar-line' | 'refresh-dollar-solid' | 'refresh-line' | 'refresh-solid' | 'reload-line' | 'reload-solid' | 'remove-line' | 'remove-solid' | 'remove-user-line' | 'remove-user-solid' | 'reorder-horizontal-line' | 'reorder-horizontal-solid' | 'reorder-vertical-line' | 'reorder-vertical-solid' | 'reply-line' | 'reply-solid' | 'report-line' | 'report-solid' | 'reset-line' | 'reset-solid' | 'rocket-disabled-line' | 'rocket-disabled-solid' | 'rocket-line' | 'rocket-solid' | 'rss-color' | 'rss-line' | 'rss-mono' | 'rss-solid' | 'ruby-color' | 'ruby-mono' | 'salesforce-color' | 'salesforce-line' | 'salesforce-mono' | 'salesforce-solid' | 'sand-clock-line' | 'sand-clock-solid' | 'save-line' | 'save-solid' | 'screen-share-line' | 'screen-share-off-line' | 'screen-share-off-solid' | 'screen-share-solid' | 'search-line' | 'search-solid' | 'send-to-back-line' | 'send-to-back-solid' | 'seven-line' | 'seven-solid' | 'share-2-line' | 'share-2-solid' | 'share-line' | 'share-solid' | 'shield-line' | 'shield-solid' | 'shout-line' | 'shout-solid' | 'shuffle-line' | 'shuffle-solid' | 'sidebar-line' | 'sidebar-solid' | 'six-line' | 'six-solid' | 'slack-color' | 'slack-mono' | 'smile-line' | 'smile-solid' | 'sms-line' | 'sms-solid' | 'snooze-line' | 'snooze-solid' | 'sofa-line' | 'sofa-solid' | 'sort-asc-line' | 'sort-asc-solid' | 'sort-desc-line' | 'sort-desc-solid' | 'sort-line' | 'sort-solid' | 'sparkles-line' | 'sparkles-solid' | 'square-line' | 'square-solid' | 'stack-line' | 'stack-solid' | 'stackoverflow-color' | 'stackoverflow-mono' | 'star-dollar-line' | 'star-dollar-solid' | 'star-line' | 'star-solid' | 'sticker-line' | 'sticker-solid' | 'stop-line' | 'stop-solid' | 'stopwatch-line' | 'stopwatch-solid' | 'store-line' | 'store-solid' | 'stream-line' | 'stream-solid' | 'strikethrough-line' | 'strikethrough-solid' | 'sub-account-line' | 'sub-account-solid' | 'subtitles-line' | 'subtitles-solid' | 'sugarcrm-color' | 'sugarcrm-mono' | 'surprised-line' | 'surprised-solid' | 'swift-color' | 'swift-mono' | 'switch-line' | 'switch-solid' | 'symfony-color' | 'symfony-mono' | 'table-2-line' | 'table-2-solid' | 'table-line' | 'table-solid' | 'tag-add-line' | 'tag-add-solid' | 'tag-detach-line' | 'tag-detach-solid' | 'tag-line' | 'tag-search-line' | 'tag-search-solid' | 'tag-solid' | 'telephone-line' | 'telephone-solid' | 'text-line' | 'text-size-line' | 'text-size-solid' | 'text-solid' | 'textcolor-line' | 'textcolor-solid' | 'texture-line' | 'texture-solid' | 'three-line' | 'three-solid' | 'thumbs-down-line' | 'thumbs-down-solid' | 'thumbs-up-line' | 'thumbs-up-solid' | 'timeline-line' | 'timeline-solid' | 'toggle-line' | 'toggle-solid' | 'tooltip-line' | 'tooltip-solid' | 'transfer-call-line' | 'transfer-call-solid' | 'transfer-line' | 'transfer-solid' | 'triangle-line' | 'triangle-solid' | 'trigger-node-line' | 'trigger-node-solid' | 'twitch-color' | 'twitch-mono' | 'twitter-color' | 'twitter-mono' | 'two-line' | 'two-solid' | 'umbrella-line' | 'umbrella-solid' | 'underline-line' | 'underline-solid' | 'undo-line' | 'undo-solid' | 'unfavourite-line' | 'unfavourite-solid' | 'unhappy-line' | 'unhappy-solid' | 'unlock-line' | 'unlock-solid' | 'upload-line' | 'upload-solid' | 'user-2-line' | 'user-2-solid' | 'user-admin-line' | 'user-admin-solid' | 'user-clock-line' | 'user-clock-solid' | 'user-line' | 'user-lock-line' | 'user-lock-solid' | 'user-record-line' | 'user-record-solid' | 'user-solid' | 'user-sync-2-line' | 'user-sync-2-off-line' | 'user-sync-2-off-solid' | 'user-sync-2-solid' | 'user-sync-line' | 'user-sync-solid' | 'van-line' | 'van-solid' | 'viber-color' | 'viber-mono' | 'video-active-line' | 'video-active-solid' | 'video-conference-line' | 'video-conference-solid' | 'video-line' | 'video-off-line' | 'video-off-solid' | 'video-preview-line' | 'video-preview-solid' | 'video-solid' | 'video-whiteboard-line' | 'video-whiteboard-solid' | 'video_round_table-line' | 'video_round_table-solid' | 'virtual-voicemail-line' | 'virtual-voicemail-solid' | 'voicemail-line' | 'voicemail-solid' | 'voicemail-transcript-line' | 'voicemail-transcript-solid' | 'volume-decrease-line' | 'volume-decrease-solid' | 'volume-increase-line' | 'volume-increase-solid' | 'volume-line' | 'volume-off-2-line' | 'volume-off-2-solid' | 'volume-off-line' | 'volume-off-solid' | 'volume-on-line' | 'volume-on-solid' | 'volume-solid' | 'vonage-color' | 'vonage-line' | 'vonage-mono' | 'vonage-solid' | 'vue-color' | 'vue-mono' | 'walk-line' | 'walk-solid' | 'wallet-line' | 'wallet-solid' | 'wand-line' | 'wand-solid' | 'warning-line' | 'warning-solid' | 'waving-line' | 'waving-solid' | 'web-chat-color' | 'web-chat-mono' | 'webhook-line' | 'webhook-solid' | 'whatsapp-color' | 'whatsapp-mono' | 'whisper-line' | 'whisper-solid' | 'wifi-line' | 'wifi-solid' | 'windows-color' | 'windows-mono' | 'wordpress-color' | 'wordpress-mono' | 'workplace-color' | 'workplace-mono' | 'wrench-tool-2-line' | 'wrench-tool-2-solid' | 'wrench-tool-line' | 'wrench-tool-solid' | 'x-twitter-color' | 'x-twitter-mono' | 'xml-color' | 'xml-mono' | 'youtube-color' | 'youtube-mono' | 'zendesk-color' | 'zendesk-mono' | 'zero-line' | 'zero-solid' | 'zoho-color' | 'zoho-mono' | 'zoom-in-line' | 'zoom-in-solid' | 'zoom-out-line' | 'zoom-out-solid' | 'zoom-to-fit-line' | 'zoom-to-fit-solid'"
3634
+ }
3635
+ },
3636
+ {
3637
+ "name": "iconTrailing",
3638
+ "description": "Indicates the icon affix alignment.",
3639
+ "value": {
3640
+ "kind": "expression",
3641
+ "type": "boolean"
3642
+ }
3643
+ },
3612
3644
  {
3613
3645
  "name": "ariaCurrent",
3614
3646
  "description": "Indicates the element that represents the current item within a container or set of related elements.",
@@ -5118,6 +5150,13 @@
5118
5150
  "type": "boolean"
5119
5151
  }
5120
5152
  },
5153
+ {
5154
+ "name": "ariaLabel",
5155
+ "value": {
5156
+ "kind": "expression",
5157
+ "type": "string"
5158
+ }
5159
+ },
5121
5160
  {
5122
5161
  "name": "label",
5123
5162
  "description": "Indicates the switch's label.",