@vcita/design-system 1.11.27 → 1.11.29

package/dist/@vcita/design-system.esm.js

@@ -6078,13 +6078,21 @@ var script$1j = {
       default: false
     },
     maxWidth: {
-      type: Number,
-      default: 116
+      type: Number
     },
     minWidth: {
-      type: Number,
-      default: 20
+      type: Number
+    }
+  },
+  computed: {
+    getMaxWidth() {
+      return this.maxWidth ? `${this.maxWidth}px` : 'fit-content';
+    },
+
+    getMinWidth() {
+      return this.minWidth ? `${this.minWidth}px` : 'fit-content';
     }
+
   }
 };
 
@@ -6108,8 +6116,8 @@ var __vue_render__$1f = function () {
       'VcChip--small': _vm.small
     },
     style: {
-      maxWidth: _vm.maxWidth + "px",
-      minWidth: _vm.minWidth + "px"
+      maxWidth: _vm.getMaxWidth,
+      minWidth: _vm.getMinWidth
     },
     attrs: {
       "close": _vm.closeButton,
@@ -6161,8 +6169,8 @@ var __vue_staticRenderFns__$1f = [];
 
 const __vue_inject_styles__$1j = function (inject) {
   if (!inject) return;
-  inject("data-v-65e15d3a_0", {
-    source: "[data-v-65e15d3a]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--select-field-height-md:32px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--table-sticky-column-shadow:10px 0 12px 0 rgba(0, 0, 0, 0.08);--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--gray-light-opacity-1:#e1e1e129;--gray-light-opacity-2:#e1e1e11f;--gray-light-opacity-3:#e1e1e112;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--white:#fff;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-65e15d3a]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-65e15d3a]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-65e15d3a]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-65e15d3a]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-65e15d3a]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-65e15d3a]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-65e15d3a]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-65e15d3a]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-65e15d3a]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-65e15d3a]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-65e15d3a]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-65e15d3a]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-65e15d3a]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-65e15d3a]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-65e15d3a]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-65e15d3a]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-65e15d3a]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-65e15d3a]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-65e15d3a]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-65e15d3a]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-65e15d3a]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-65e15d3a]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-65e15d3a]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-65e15d3a]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-65e15d3a]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-65e15d3a]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-65e15d3a]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-65e15d3a]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-65e15d3a]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-65e15d3a]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-65e15d3a]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-65e15d3a]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-65e15d3a]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-65e15d3a]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-65e15d3a]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-65e15d3a]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-65e15d3a]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-65e15d3a]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-65e15d3a]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-65e15d3a]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-65e15d3a]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-65e15d3a]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-65e15d3a]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-65e15d3a]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-65e15d3a]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-65e15d3a]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-65e15d3a]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-65e15d3a]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-65e15d3a]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-65e15d3a]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-65e15d3a]{--color-dark:#63757E;--color-light:#C8D2D7}.VcChip[data-v-65e15d3a]{border:1px solid var(--neutral-lighten-1)}.VcChip .label-wrap[data-v-65e15d3a]{padding-inline:var(--size-value2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcChip .v-chip__content__avatar[data-v-65e15d3a]{margin-inline-end:var(--size-value1)}.VcChip.v-chip[data-v-65e15d3a]{background-color:var(--modal-bg-color)}.VcChip.v-chip[data-v-65e15d3a]:active{background-color:var(--neutral-lighten-1);box-shadow:none}.VcChip.v-chip .VcChip__subLabel[data-v-65e15d3a]{color:var(--gray-darken-4)}.VcChip.v-chip .VcChip__subLabel[data-v-65e15d3a]:after{content:\"|\";color:var(--gray-lighten-1);padding-inline:var(--size-value2);font-size:var(--size-value4)}.VcChip.v-chip[data-v-65e15d3a]  .v-chip__content{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcChip.v-chip[data-v-65e15d3a]  .v-chip__content .vc-attention-fill{fill:var(--yellow)}.VcChip.v-chip[data-v-65e15d3a]  .v-chip__content .v-chip__close{direction:inherit;color:var(--gray)}.VcChip.v-chip[data-v-65e15d3a]  .v-chip__content .v-chip__close:hover{opacity:unset}.VcChip.v-chip.vc-avatar[data-v-65e15d3a]:not(.VcChip--small),.VcChip.v-chip.vc-invalid[data-v-65e15d3a]:not(.VcChip--small){padding-inline:var(--size-value1) var(--size-value3)}.VcChip.v-chip.VcChip--small[data-v-65e15d3a]{padding-inline:0;height:var(--size-value6);padding-inline-end:var(--size-value2)}.VcChip.v-chip.VcChip--small[data-v-65e15d3a]:not(.vc-avatar,.vc-invalid){padding-inline-start:var(--size-value3)}.VcChip .v-chip__content__selected[data-v-65e15d3a]{margin-inline-end:var(--size-value2)}.VcChip.v-chip--disabled[data-v-65e15d3a]{background-color:var(--gray-lighten-2);border:1px solid var(--gray-lighten-2)}.VcChip.v-chip--disabled[data-v-65e15d3a]  .v-chip__content{color:var(--gray-darken-1)}.VcChip.vc-invalid[data-v-65e15d3a]{background-color:var(--yellow-lighten-3);border:1px solid var(--yellow)}.VcChip.vc-invalid[data-v-65e15d3a]:hover{background-color:var(--yellow-lighten-2)}.VcChip.vc-selected[data-v-65e15d3a]{background-color:var(--v-secondary-lighten3);border:1px solid var(--v-secondary-base)}.VcChip.vc-selected[data-v-65e15d3a]:hover{background-color:var(--v-secondary-lighten3)}.VcChip.vc-selected[data-v-65e15d3a]  .v-chip__content{font-weight:var(--font-weight-large);color:var(--v-secondary-base)}.VcChip[data-v-65e15d3a]:hover{background-color:var(--gray-lighten-3)}.VcChip[data-v-65e15d3a]:hover:before{opacity:0}.VcChip[data-v-65e15d3a]:focus{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcChip[data-v-65e15d3a]:focus:before{opacity:0}",
+  inject("data-v-5f9b013b_0", {
+    source: "[data-v-5f9b013b]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--select-field-height-md:32px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--table-sticky-column-shadow:10px 0 12px 0 rgba(0, 0, 0, 0.08);--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--gray-light-opacity-1:#e1e1e129;--gray-light-opacity-2:#e1e1e11f;--gray-light-opacity-3:#e1e1e112;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--white:#fff;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-5f9b013b]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-5f9b013b]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-5f9b013b]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-5f9b013b]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-5f9b013b]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-5f9b013b]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-5f9b013b]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-5f9b013b]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-5f9b013b]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-5f9b013b]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-5f9b013b]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-5f9b013b]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-5f9b013b]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-5f9b013b]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-5f9b013b]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-5f9b013b]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-5f9b013b]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-5f9b013b]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-5f9b013b]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-5f9b013b]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-5f9b013b]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-5f9b013b]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-5f9b013b]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-5f9b013b]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-5f9b013b]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-5f9b013b]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-5f9b013b]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-5f9b013b]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-5f9b013b]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-5f9b013b]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-5f9b013b]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-5f9b013b]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-5f9b013b]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-5f9b013b]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-5f9b013b]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-5f9b013b]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-5f9b013b]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-5f9b013b]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-5f9b013b]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-5f9b013b]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-5f9b013b]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-5f9b013b]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-5f9b013b]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-5f9b013b]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-5f9b013b]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-5f9b013b]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-5f9b013b]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-5f9b013b]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-5f9b013b]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-5f9b013b]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-5f9b013b]{--color-dark:#63757E;--color-light:#C8D2D7}.VcChip[data-v-5f9b013b]{border:1px solid var(--neutral-lighten-1)}.VcChip .label-wrap[data-v-5f9b013b]{padding-inline:var(--size-value2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcChip .v-chip__content__avatar[data-v-5f9b013b]{margin-inline-end:var(--size-value1)}.VcChip.v-chip[data-v-5f9b013b]{background-color:var(--modal-bg-color)}.VcChip.v-chip[data-v-5f9b013b]:active{background-color:var(--neutral-lighten-1);box-shadow:none}.VcChip.v-chip .VcChip__subLabel[data-v-5f9b013b]{color:var(--gray-darken-4)}.VcChip.v-chip .VcChip__subLabel[data-v-5f9b013b]:after{content:\"|\";color:var(--gray-lighten-1);padding-inline:var(--size-value2);font-size:var(--size-value4)}.VcChip.v-chip[data-v-5f9b013b]  .v-chip__content{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcChip.v-chip[data-v-5f9b013b]  .v-chip__content .vc-attention-fill{fill:var(--yellow)}.VcChip.v-chip[data-v-5f9b013b]  .v-chip__content .v-chip__close{direction:inherit;color:var(--gray)}.VcChip.v-chip[data-v-5f9b013b]  .v-chip__content .v-chip__close:hover{opacity:unset}.VcChip.v-chip.vc-avatar[data-v-5f9b013b]:not(.VcChip--small),.VcChip.v-chip.vc-invalid[data-v-5f9b013b]:not(.VcChip--small){padding-inline:var(--size-value1) var(--size-value3)}.VcChip.v-chip.VcChip--small[data-v-5f9b013b]{padding-inline:0;height:var(--size-value6);padding-inline-end:var(--size-value2)}.VcChip.v-chip.VcChip--small[data-v-5f9b013b]:not(.vc-avatar,.vc-invalid){padding-inline-start:var(--size-value3)}.VcChip .v-chip__content__selected[data-v-5f9b013b]{margin-inline-end:var(--size-value2)}.VcChip.v-chip--disabled[data-v-5f9b013b]{background-color:var(--gray-lighten-2);border:1px solid var(--gray-lighten-2)}.VcChip.v-chip--disabled[data-v-5f9b013b]  .v-chip__content{color:var(--gray-darken-1)}.VcChip.vc-invalid[data-v-5f9b013b]{background-color:var(--yellow-lighten-3);border:1px solid var(--yellow)}.VcChip.vc-invalid[data-v-5f9b013b]:hover{background-color:var(--yellow-lighten-2)}.VcChip.vc-selected[data-v-5f9b013b]{background-color:var(--v-secondary-lighten3);border:1px solid var(--v-secondary-base)}.VcChip.vc-selected[data-v-5f9b013b]:hover{background-color:var(--v-secondary-lighten3)}.VcChip.vc-selected[data-v-5f9b013b]  .v-chip__content{font-weight:var(--font-weight-large);color:var(--v-secondary-base)}.VcChip[data-v-5f9b013b]:hover{background-color:var(--gray-lighten-3)}.VcChip[data-v-5f9b013b]:hover:before{opacity:0}.VcChip[data-v-5f9b013b]:focus{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcChip[data-v-5f9b013b]:focus:before{opacity:0}",
     map: undefined,
     media: undefined
   });
@@ -6170,7 +6178,7 @@ const __vue_inject_styles__$1j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$1j = "data-v-65e15d3a";
+const __vue_scope_id__$1j = "data-v-5f9b013b";
 /* module identifier */
 
 const __vue_module_identifier__$1j = undefined;
@@ -6405,6 +6413,8 @@ var __vue_render__$1e = function () {
         "subLabel": item.subLabel || '',
         "avatar": item.avatar,
         "close-button": _vm.showCloseButton,
+        "max-width": _vm.maxChipWidth,
+        "min-width": _vm.minChipWidth,
         "is-ripple": false,
         "data-qa": "vc-chip-item-{i}"
       },
@@ -6467,8 +6477,8 @@ var __vue_staticRenderFns__$1e = [];
 
 const __vue_inject_styles__$1i = function (inject) {
   if (!inject) return;
-  inject("data-v-2c2e2546_0", {
-    source: ".VcChipList[data-v-2c2e2546]{overflow:hidden;--chip-bottom-margin:var(--size-value2)}.VcChipList--loaded[data-v-2c2e2546]{height:auto}.VcChipList .VcChip.multi-line[data-v-2c2e2546]{margin-bottom:var(--chip-bottom-margin)}.VcChipList .VcChip[data-v-2c2e2546]:not(:last-child){margin-inline-end:var(--size-value1)}.VcChipList .VcChip[data-v-2c2e2546]:hover{background-color:unset}.VcChipList .more-indicator[data-v-2c2e2546]{position:relative;top:calc((var(--chip-bottom-margin)/ 2) * -1);font-size:var(--font-size-small);font-weight:var(--font-weight-medium2);color:var(--gray-darken-4);text-decoration:underline}.more-tooltip[data-v-2c2e2546]{padding:var(--size-value1) var(--size-value2);background-color:var(--gray-darken-5);font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}",
+  inject("data-v-2ba8afe9_0", {
+    source: ".VcChipList[data-v-2ba8afe9]{overflow:hidden;--chip-bottom-margin:var(--size-value2)}.VcChipList--loaded[data-v-2ba8afe9]{height:auto}.VcChipList .VcChip.multi-line[data-v-2ba8afe9]{margin-bottom:var(--chip-bottom-margin)}.VcChipList .VcChip[data-v-2ba8afe9]:not(:last-child){margin-inline-end:var(--size-value1)}.VcChipList .VcChip[data-v-2ba8afe9]:hover{background-color:unset}.VcChipList .more-indicator[data-v-2ba8afe9]{position:relative;top:calc((var(--chip-bottom-margin)/ 2) * -1);font-size:var(--font-size-small);font-weight:var(--font-weight-medium2);color:var(--gray-darken-4);text-decoration:underline}.more-tooltip[data-v-2ba8afe9]{padding:var(--size-value1) var(--size-value2);background-color:var(--gray-darken-5);font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}",
     map: undefined,
     media: undefined
   });
@@ -6476,7 +6486,7 @@ const __vue_inject_styles__$1i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$1i = "data-v-2c2e2546";
+const __vue_scope_id__$1i = "data-v-2ba8afe9";
 /* module identifier */
 
 const __vue_module_identifier__$1i = undefined;
@@ -18751,7 +18761,7 @@ var __vue_render__$C = function () {
     attrs: {
       "offset-y": true,
       "close-on-content-click": _vm.closeOnContentClick,
-      "data-qa": _vm.dataQa
+      "data-qa": _vm.dataQa + "-VcMenu"
     },
     scopedSlots: _vm._u([{
       key: "activator",
@@ -18814,8 +18824,8 @@ var __vue_staticRenderFns__$C = [];
 
 const __vue_inject_styles__$F = function (inject) {
   if (!inject) return;
-  inject("data-v-119bc43e_0", {
-    source: ".VcDropdown-wrapper[data-v-119bc43e]{background-color:#fff}.content-area[data-v-119bc43e]{overflow-y:auto;overflow-x:hidden;min-width:220px}.add-another-label[data-v-119bc43e]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.add-another-icon[data-v-119bc43e]{margin-inline-end:var(--size-value3);cursor:pointer}",
+  inject("data-v-730e26e5_0", {
+    source: ".VcDropdown-wrapper[data-v-730e26e5]{background-color:#fff}.content-area[data-v-730e26e5]{overflow-y:auto;overflow-x:hidden;min-width:220px}.add-another-label[data-v-730e26e5]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.add-another-icon[data-v-730e26e5]{margin-inline-end:var(--size-value3);cursor:pointer}",
     map: undefined,
     media: undefined
   });
@@ -18823,7 +18833,7 @@ const __vue_inject_styles__$F = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$F = "data-v-119bc43e";
+const __vue_scope_id__$F = "data-v-730e26e5";
 /* module identifier */
 
 const __vue_module_identifier__$F = undefined;
@@ -22952,6 +22962,10 @@ var script$f = {
   computed: {
     computedLogoutLabel() {
       return this.logoutLabel || this.$dst('ds.account.logout');
+    },
+
+    maxHeight() {
+      return this.$vuetify.breakpoint.mdAndUp ? 500 : 368;
     }
 
   }
@@ -22972,7 +22986,7 @@ var __vue_render__$e = function () {
     attrs: {
       "dataQa": _vm.dataQa,
       "value": _vm.value,
-      "max-height": 368
+      "max-height": _vm.maxHeight
     },
     on: {
       "input": function (data) {
@@ -23048,8 +23062,8 @@ var __vue_staticRenderFns__$e = [];
 
 const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-d359f9ce_0", {
-    source: ".account-container[data-v-d359f9ce]{min-width:264px;padding:var(--size-value5) var(--size-value3);overflow:hidden}.account-name[data-v-d359f9ce]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);line-height:var(--size-value5);max-width:264px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.account-email[data-v-d359f9ce]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium)}.account-items[data-v-d359f9ce]{padding:var(--size-value2) 0}.account-item[data-v-d359f9ce]{width:100%}.account-item[data-v-d359f9ce]:hover{cursor:pointer}.logout-item[data-v-d359f9ce]{min-height:50px}",
+  inject("data-v-5374d29b_0", {
+    source: ".account-container[data-v-5374d29b]{min-width:264px;padding:var(--size-value5) var(--size-value3);overflow:hidden}.account-name[data-v-5374d29b]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);line-height:var(--size-value5);max-width:264px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.account-email[data-v-5374d29b]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium)}.account-items[data-v-5374d29b]{padding:var(--size-value2) 0}.account-item[data-v-5374d29b]{width:100%}.account-item[data-v-5374d29b]:hover{cursor:pointer}.logout-item[data-v-5374d29b]{min-height:50px}",
     map: undefined,
     media: undefined
   });
@@ -23057,7 +23071,7 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-d359f9ce";
+const __vue_scope_id__$f = "data-v-5374d29b";
 /* module identifier */
 
 const __vue_module_identifier__$f = undefined;