@bethinkpl/design-system 19.0.3 → 20.0.0

package/dist/design-system.umd.js

@@ -33258,30 +33258,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.drawerListItemGroup[data-v-662e59b8]{
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 59453:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43481);
-/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2400);
-/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.drawerSection__header:focus .drawerSection__headerTitle[data-v-f1a7f34c],.drawerSection__header:hover .drawerSection__headerTitle[data-v-f1a7f34c]{color:var(--color-neutral-text-weak-hovered)}.drawerSection__header.-isExpandable[data-v-f1a7f34c]{cursor:pointer}.drawerSection__headerTitleWrapper[data-v-f1a7f34c]{align-items:center;display:flex;gap:8px;justify-content:space-between}.drawerSection__headerTitle[data-v-f1a7f34c]{--token:info-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text-weak);padding:8px 0}`, ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 27424:
@@ -33404,7 +33380,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.pageHeader[data-v-8dc42be8]{padding:0
 
 /***/ }),
 
-/***/ 47423:
+/***/ 41154:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -33421,7 +33397,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.sectionHeader[data-v-98235114]{padding:0}.sectionHeader__wrapper[data-v-98235114]{display:flex;flex-direction:column;padding:0}.sectionHeader__main[data-v-98235114]{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;padding:4px 0}.sectionHeader__supportingText[data-v-98235114]{--token:text-s-compact-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text);padding:0 0 12px}.sectionHeader__supportingText.-withoutPadding[data-v-98235114]{padding:0}.sectionHeader__header[data-v-98235114]{align-items:center;display:flex;gap:8px;width:100%}@media(min-width:760px){.sectionHeader__header[data-v-98235114]{width:auto}}.sectionHeader.-expandable .sectionHeader__header[data-v-98235114]{cursor:pointer}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon[data-v-98235114]{color:var(--color-neutral-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__title[data-v-98235114]{color:var(--color-neutral-text-strong-hovered)}.sectionHeader__titleWrapper[data-v-98235114]{align-items:center;display:flex}.sectionHeader__icon[data-v-98235114]{color:var(--color-neutral-icon)}.sectionHeader__titleContainer[data-v-98235114]{display:flex;flex-direction:column;gap:2px;padding:8px 0}.sectionHeader__title[data-v-98235114]{color:var(--color-neutral-text-strong)}.sectionHeader__info[data-v-98235114]{line-height:0;padding:6px 0}.sectionHeader__eyebrow[data-v-98235114]{--token:info-xs-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-5xs);font-size:var(--typography-font-size-3xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text-weak)}.sectionHeader.-size-large .sectionHeader__main[data-v-98235114]{padding:2px 0}.sectionHeader.-size-large .sectionHeader__header[data-v-98235114]{--token:heading-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-l);font-size:var(--typography-font-size-l);letter-spacing:var(--typography-letter-spacing-s);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.sectionHeader.-size-large .sectionHeader__titleWrapper[data-v-98235114]{gap:8px}.sectionHeader.-size-large .sectionHeader__info[data-v-98235114]{padding:8px 0}.sectionHeader.-size-large .sectionHeader__eyebrow[data-v-98235114]{--token:info-s-extensive-bold-uppercase;line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);text-transform:var(--typography-text-transform-uppercase)}.sectionHeader.-size-large .sectionHeader__eyebrow[data-v-98235114],.sectionHeader.-size-medium .sectionHeader__header[data-v-98235114]{font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none)}.sectionHeader.-size-medium .sectionHeader__header[data-v-98235114]{--token:heading-m-default-bold;line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);text-transform:var(--typography-text-transform-none)}.sectionHeader.-size-medium .sectionHeader__titleWrapper[data-v-98235114]{gap:8px}.sectionHeader.-size-medium .sectionHeader__info[data-v-98235114]{padding:8px 0}.sectionHeader.-size-medium .sectionHeader__eyebrow[data-v-98235114]{--token:info-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.sectionHeader.-size-small .sectionHeader__main[data-v-98235114]{padding:2px 0}.sectionHeader.-size-small .sectionHeader__header[data-v-98235114]{--token:heading-s-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.sectionHeader.-size-small .sectionHeader__titleWrapper[data-v-98235114]{gap:6px}.sectionHeader.-size-small .sectionHeader__info[data-v-98235114]{padding:8px 0}.sectionHeader.-size-x-small .sectionHeader__main[data-v-98235114]{padding:2px 0}.sectionHeader.-size-x-small .sectionHeader__titleWrapper[data-v-98235114]{gap:6px}.sectionHeader.-size-x-small .sectionHeader__header[data-v-98235114]{--token:heading-xs-default-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-l);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.sectionHeader__slotHorizontal[data-v-98235114]{display:none;flex-shrink:0}@media(min-width:760px){.sectionHeader__slotHorizontal[data-v-98235114]{display:block}}.sectionHeader__slotVertical[data-v-98235114]{display:block;padding:0 0 6px}@media(min-width:760px){.sectionHeader__slotVertical[data-v-98235114]{display:none}}.sectionHeader__slotVertical.-withoutPadding[data-v-98235114]{padding:0}.sectionHeader.-horizontal .sectionHeader__slotHorizontal[data-v-98235114]{display:block}.sectionHeader.-horizontal .sectionHeader__slotVertical[data-v-98235114]{display:none}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.sectionHeader[data-v-041744e2]{padding:0}.sectionHeader__wrapper[data-v-041744e2]{display:flex;flex-direction:column;padding:0}.sectionHeader__main[data-v-041744e2]{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;padding:4px 0}.sectionHeader__supportingText[data-v-041744e2]{--token:text-s-compact-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-xs);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text);padding:0 0 12px}.sectionHeader__supportingText.-withoutPadding[data-v-041744e2]{padding:0}.sectionHeader__header[data-v-041744e2]{align-items:center;display:flex;gap:8px;width:100%}@media(min-width:760px){.sectionHeader__header[data-v-041744e2]{width:auto}}.sectionHeader__icon[data-v-041744e2]{color:var(--color-neutral-icon)}.sectionHeader.-expandable .sectionHeader__header[data-v-041744e2]{cursor:pointer}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon[data-v-041744e2]{color:var(--color-neutral-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__title[data-v-041744e2]{color:var(--color-neutral-text-strong-hovered)}.sectionHeader.-size-xx-small .sectionHeader__icon.-accent[data-v-041744e2],.sectionHeader__icon.-accent[data-v-041744e2]{color:var(--color-accent-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-danger[data-v-041744e2],.sectionHeader__icon.-danger[data-v-041744e2]{color:var(--color-danger-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-default[data-v-041744e2],.sectionHeader__icon.-default[data-v-041744e2]{color:var(--color-default-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-fail[data-v-041744e2],.sectionHeader__icon.-fail[data-v-041744e2]{color:var(--color-fail-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-info[data-v-041744e2],.sectionHeader__icon.-info[data-v-041744e2]{color:var(--color-info-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-inverted[data-v-041744e2],.sectionHeader__icon.-inverted[data-v-041744e2]{color:var(--color-inverted-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-neutral[data-v-041744e2],.sectionHeader__icon.-neutral[data-v-041744e2]{color:var(--color-neutral-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-neutralStrong[data-v-041744e2],.sectionHeader__icon.-neutralStrong[data-v-041744e2]{color:var(--color-neutral-icon-strong)}.sectionHeader.-size-xx-small .sectionHeader__icon.-neutralWeak[data-v-041744e2],.sectionHeader__icon.-neutralWeak[data-v-041744e2]{color:var(--color-neutral-icon-weak)}.sectionHeader.-size-xx-small .sectionHeader__icon.-primary[data-v-041744e2],.sectionHeader__icon.-primary[data-v-041744e2]{color:var(--color-primary-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-primaryWeak[data-v-041744e2],.sectionHeader__icon.-primaryWeak[data-v-041744e2]{color:var(--color-primary-icon-weak)}.sectionHeader.-size-xx-small .sectionHeader__icon.-success[data-v-041744e2],.sectionHeader__icon.-success[data-v-041744e2]{color:var(--color-success-icon)}.sectionHeader.-size-xx-small .sectionHeader__icon.-warning[data-v-041744e2],.sectionHeader__icon.-warning[data-v-041744e2]{color:var(--color-warning-icon)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-accent[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-accent[data-v-041744e2]{color:var(--color-accent-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-danger[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-danger[data-v-041744e2]{color:var(--color-danger-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-default[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-default[data-v-041744e2]{color:var(--color-default-icon)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-fail[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-fail[data-v-041744e2]{color:var(--color-fail-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-info[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-info[data-v-041744e2]{color:var(--color-info-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-inverted[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-inverted[data-v-041744e2]{color:var(--color-inverted-icon)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-neutral[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-neutral[data-v-041744e2]{color:var(--color-neutral-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-neutralStrong[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-neutralStrong[data-v-041744e2]{color:var(--color-neutral-icon-strong-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-neutralWeak[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-neutralWeak[data-v-041744e2]{color:var(--color-neutral-icon-weak-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-primary[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-primary[data-v-041744e2]{color:var(--color-primary-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-primaryWeak[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-primaryWeak[data-v-041744e2]{color:var(--color-primary-icon-weak-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-success[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-success[data-v-041744e2]{color:var(--color-success-icon-hovered)}.sectionHeader.-expandable .sectionHeader__header:hover .sectionHeader__icon.-warning[data-v-041744e2],.sectionHeader.-expandable.-size-xx-small .sectionHeader__header:hover .sectionHeader__icon.-warning[data-v-041744e2]{color:var(--color-warning-icon-hovered)}.sectionHeader__titleWrapper[data-v-041744e2]{align-items:center;display:flex}.sectionHeader__titleContainer[data-v-041744e2]{display:flex;flex-direction:column;gap:2px;padding:8px 0}.sectionHeader__title[data-v-041744e2]{color:var(--color-neutral-text-strong)}.sectionHeader__info[data-v-041744e2]{line-height:0;padding:6px 0}.sectionHeader__eyebrow[data-v-041744e2]{--token:info-xs-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-5xs);font-size:var(--typography-font-size-3xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text-weak)}.sectionHeader.-size-large .sectionHeader__main[data-v-041744e2]{padding:2px 0}.sectionHeader.-size-large .sectionHeader__header[data-v-041744e2]{--token:heading-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-l);font-size:var(--typography-font-size-l);letter-spacing:var(--typography-letter-spacing-s);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.sectionHeader.-size-large .sectionHeader__titleWrapper[data-v-041744e2]{gap:8px}.sectionHeader.-size-large .sectionHeader__info[data-v-041744e2]{padding:8px 0}.sectionHeader.-size-large .sectionHeader__eyebrow[data-v-041744e2]{--token:info-s-extensive-bold-uppercase;line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);text-transform:var(--typography-text-transform-uppercase)}.sectionHeader.-size-large .sectionHeader__eyebrow[data-v-041744e2],.sectionHeader.-size-medium .sectionHeader__header[data-v-041744e2]{font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none)}.sectionHeader.-size-medium .sectionHeader__header[data-v-041744e2]{--token:heading-m-default-bold;line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);text-transform:var(--typography-text-transform-none)}.sectionHeader.-size-medium .sectionHeader__titleWrapper[data-v-041744e2]{gap:8px}.sectionHeader.-size-medium .sectionHeader__info[data-v-041744e2]{padding:8px 0}.sectionHeader.-size-medium .sectionHeader__eyebrow[data-v-041744e2]{--token:info-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.sectionHeader.-size-small .sectionHeader__main[data-v-041744e2]{padding:2px 0}.sectionHeader.-size-small .sectionHeader__header[data-v-041744e2]{--token:heading-s-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.sectionHeader.-size-small .sectionHeader__titleWrapper[data-v-041744e2]{gap:6px}.sectionHeader.-size-small .sectionHeader__info[data-v-041744e2]{padding:8px 0}.sectionHeader.-size-x-small .sectionHeader__main[data-v-041744e2]{padding:2px 0}.sectionHeader.-size-x-small .sectionHeader__titleWrapper[data-v-041744e2]{gap:6px}.sectionHeader.-size-x-small .sectionHeader__header[data-v-041744e2]{--token:heading-xs-default-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-l);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.sectionHeader.-size-xx-small .sectionHeader__main[data-v-041744e2]{padding:2px 0}.sectionHeader.-size-xx-small .sectionHeader__titleWrapper[data-v-041744e2]{gap:6px}.sectionHeader.-size-xx-small .sectionHeader__header[data-v-041744e2]{--token:info-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.sectionHeader.-size-xx-small .sectionHeader__icon[data-v-041744e2]{color:var(--color-neutral-icon-weak)}.sectionHeader.-size-xx-small .sectionHeader__title[data-v-041744e2]{color:var(--color-neutral-text-weak)}.sectionHeader.-size-xx-small.-expandable .sectionHeader__header:hover .sectionHeader__icon[data-v-041744e2]{color:var(--color-neutral-icon-weak-hovered)}.sectionHeader.-size-xx-small.-expandable .sectionHeader__header:hover .sectionHeader__title[data-v-041744e2]{color:var(--color-neutral-text-weak-hovered)}.sectionHeader__slotHorizontal[data-v-041744e2]{display:none;flex-shrink:0}@media(min-width:760px){.sectionHeader__slotHorizontal[data-v-041744e2]{display:block}}.sectionHeader__slotVertical[data-v-041744e2]{display:block;padding:0 0 6px}@media(min-width:760px){.sectionHeader__slotVertical[data-v-041744e2]{display:none}}.sectionHeader__slotVertical.-withoutPadding[data-v-041744e2]{padding:0}.sectionHeader.-horizontal .sectionHeader__slotHorizontal[data-v-041744e2]{display:block}.sectionHeader.-horizontal .sectionHeader__slotVertical[data-v-041744e2]{display:none}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -34146,6 +34122,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-f078eeca{0%{tr
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 58173:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43481);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2400);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-b427716e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes a-fadeIn-b427716e{0%{opacity:0}to{opacity:1}}.switch[data-v-b427716e]{background-color:var(--color-default-background);border:1px solid var(--color-neutral-border);border-radius:2px;display:inline-flex;max-width:100%;position:relative}.switch__icon[data-v-b427716e]{color:var(--color-neutral-icon)}.switch__label[data-v-b427716e]{--token:label-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch .-selected .switch__icon[data-v-b427716e]{color:var(--color-primary-icon)}.switch .-selected .switch__label[data-v-b427716e]{color:var(--color-neutral-text-heavy)}.switch__item[data-v-b427716e]{align-items:center;background-color:var(--color-neutral-background-ghost);border:1px solid transparent;border-radius:2px;cursor:pointer;display:flex;flex-grow:1;gap:6px;justify-content:center;margin:-1px;max-width:calc(100% - 64px);min-height:32px;min-width:64px;overflow:hidden;padding:0 16px;position:relative;transition:all .3s ease-out;z-index:2}.switch__item.-left[data-v-b427716e]{margin:-1px 0 -1px -1px}.switch__item.-right[data-v-b427716e]{margin:-1px -1px -1px 0}.switch__item.-selection[data-v-b427716e]{background-color:var(--color-primary-background);border:1px solid var(--color-primary-border);position:absolute;top:0;z-index:1}.switch__item.-selection .switch__icon[data-v-b427716e]{visibility:hidden}.switch__item.-selection .switch__label[data-v-b427716e]{overflow:hidden;visibility:hidden;white-space:nowrap;width:-moz-max-content;width:max-content}.switch__item.-selection.-left[data-v-b427716e]{left:0}.switch__item.-selection.-right[data-v-b427716e]{left:calc(100% + 1px);transform:translateX(-100%)}.switch__item.-selected[data-v-b427716e],.switch__item.-selection[data-v-b427716e]:hover{cursor:default;flex-shrink:0;text-overflow:clip}.switch__item.-clickable[data-v-b427716e]:hover{background-color:var(--color-neutral-background-ghost-hovered)}.switch.-rounded[data-v-b427716e],.switch.-rounded .switch__item[data-v-b427716e]{border-radius:200px}.switch.-small .switch__item[data-v-b427716e]{gap:4px;max-width:calc(100% - 48px);min-height:24px;min-width:48px;padding:0 12px}.switch.-disabled .switch__item[data-v-b427716e]{cursor:default;pointer-events:none}.switch.-disabled .switch__item .switch__icon[data-v-b427716e]{color:var(--color-neutral-icon-disabled)}.switch.-disabled .switch__item .switch__label[data-v-b427716e]{color:var(--color-neutral-text-disabled)}.switch.-disabled .switch__item.-selected .switch__icon[data-v-b427716e]{color:var(--color-primary-icon-disabled)}.switch.-disabled .switch__item.-selected .switch__label[data-v-b427716e]{color:var(--color-neutral-text-heavy)}.switch.-disabled .switch__item.-selection[data-v-b427716e]{background-color:var(--color-primary-background-disabled);border-color:var(--color-primary-border-disabled)}`, ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 58889:
@@ -34844,21 +34844,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _DrawerSection_vue_vue_type_template_id_f1a7f34c_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(30030);
+/* harmony import */ var _DrawerSection_vue_vue_type_template_id_6093ea18_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82826);
 /* harmony import */ var _DrawerSection_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(47349);
 /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
 /* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _DrawerSection_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _DrawerSection_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
 /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-/* harmony import */ var _DrawerSection_vue_vue_type_style_index_0_id_f1a7f34c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(56008);
-/* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48118);
 
 
 
 
 ;
-
-
-const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_DrawerSection_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_DrawerSection_vue_vue_type_template_id_f1a7f34c_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-f1a7f34c"]])
+const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_DrawerSection_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_DrawerSection_vue_vue_type_template_id_6093ea18_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s]])
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
 
@@ -35062,12 +35059,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _SectionHeader_vue_vue_type_template_id_98235114_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15410);
+/* harmony import */ var _SectionHeader_vue_vue_type_template_id_041744e2_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6072);
 /* harmony import */ var _SectionHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73376);
 /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
 /* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _SectionHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _SectionHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
 /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-/* harmony import */ var _SectionHeader_vue_vue_type_style_index_0_id_98235114_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(95298);
+/* harmony import */ var _SectionHeader_vue_vue_type_style_index_0_id_041744e2_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(90563);
 /* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
 
 
@@ -35076,7 +35073,7 @@ __webpack_require__.r(__webpack_exports__);
 ;
 
 
-const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_SectionHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_SectionHeader_vue_vue_type_template_id_98235114_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-98235114"]])
+const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_SectionHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_SectionHeader_vue_vue_type_template_id_041744e2_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-041744e2"]])
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
 
@@ -36363,6 +36360,34 @@ const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_v
 
 /***/ }),
 
+/***/ 22161:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _Switch_vue_vue_type_template_id_b427716e_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82315);
+/* harmony import */ var _Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(98587);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+/* harmony import */ var _Switch_vue_vue_type_style_index_0_id_b427716e_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(76490);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
+
+
+
+
+;
+
+
+const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_Switch_vue_vue_type_template_id_b427716e_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-b427716e"]])
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
+
+/***/ }),
+
 /***/ 79157:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -37245,6 +37270,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
  
 
+/***/ }),
+
+/***/ 98587:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* reexport default from dynamic */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0___default.a)
+/* harmony export */ });
+/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47244);
+/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_0__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+ 
+
 /***/ }),
 
 /***/ 88105:
@@ -37435,14 +37477,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 30030:
+/***/ 82826:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerSection_vue_vue_type_template_id_f1a7f34c_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
+/* harmony export */   s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerSection_vue_vue_type_template_id_6093ea18_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
 /* harmony export */ });
-/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerSection_vue_vue_type_template_id_f1a7f34c_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(36595);
+/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerSection_vue_vue_type_template_id_6093ea18_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13321);
 
 
 /***/ }),
@@ -37531,14 +37573,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 15410:
+/***/ 6072:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_template_id_98235114_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
+/* harmony export */   s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_template_id_041744e2_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
 /* harmony export */ });
-/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_template_id_98235114_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92167);
+/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_template_id_041744e2_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(79835);
 
 
 /***/ }),
@@ -37805,6 +37847,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SurveyToggle_vue_vue_type_template_id_f078eeca_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(83717);
 
 
+/***/ }),
+
+/***/ 82315:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   s: () => (/* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_template_id_b427716e_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
+/* harmony export */ });
+/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_40_use_0_node_modules_vue_cli_service_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_template_id_b427716e_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(99055);
+
+
 /***/ }),
 
 /***/ 23638:
@@ -37953,16 +38007,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerListItem_vue_vue_type_style_index_0_id_7d57abaf_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerListItem_vue_vue_type_style_index_0_id_7d57abaf_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
 
 
-/***/ }),
-
-/***/ 56008:
-/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerSection_vue_vue_type_style_index_0_id_f1a7f34c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69190);
-/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerSection_vue_vue_type_style_index_0_id_f1a7f34c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_DrawerSection_vue_vue_type_style_index_0_id_f1a7f34c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-
-
 /***/ }),
 
 /***/ 28765:
@@ -38015,12 +38059,12 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 95298:
+/***/ 90563:
 /***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
 
 "use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_style_index_0_id_98235114_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59626);
-/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_style_index_0_id_98235114_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_style_index_0_id_98235114_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_style_index_0_id_041744e2_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(70513);
+/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_style_index_0_id_041744e2_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SectionHeader_vue_vue_type_style_index_0_id_041744e2_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
 
 
 /***/ }),
@@ -38223,6 +38267,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SurveyToggle_vue_vue_type_style_index_0_id_f078eeca_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_SurveyToggle_vue_vue_type_style_index_0_id_f078eeca_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
 
 
+/***/ }),
+
+/***/ 76490:
+/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_style_index_0_id_b427716e_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(74786);
+/* harmony import */ var _node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_style_index_0_id_b427716e_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_clonedRuleSet_22_use_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_clonedRuleSet_22_use_1_node_modules_vue_cli_service_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_2_node_modules_postcss_loader_dist_cjs_js_clonedRuleSet_22_use_3_node_modules_sass_loader_dist_cjs_js_clonedRuleSet_22_use_4_node_modules_vue_cli_service_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Switch_vue_vue_type_style_index_0_id_b427716e_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+
+
 /***/ }),
 
 /***/ 89447:
@@ -41579,13 +41633,15 @@ exports["default"] = PageHeader_vue_1.default;
 /***/ }),
 
 /***/ 51146:
-/***/ ((__unused_webpack_module, exports) => {
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.SECTION_HEADER_MOBILE_LAYOUTS = exports.SECTION_HEADER_SIZES = void 0;
+exports.SECTION_HEADER_ICON_COLORS = exports.SECTION_HEADER_MOBILE_LAYOUTS = exports.SECTION_HEADER_SIZES = void 0;
+const Icon_1 = __webpack_require__(32411);
 exports.SECTION_HEADER_SIZES = {
+    XX_SMALL: 'xx-small',
     X_SMALL: 'x-small',
     SMALL: 'small',
     MEDIUM: 'medium',
@@ -41595,6 +41651,21 @@ exports.SECTION_HEADER_MOBILE_LAYOUTS = {
     VERTICAL: 'vertical',
     HORIZONTAL: 'horizontal',
 };
+exports.SECTION_HEADER_ICON_COLORS = {
+    ACCENT: Icon_1.ICON_COLORS.ACCENT,
+    DANGER: Icon_1.ICON_COLORS.DANGER,
+    DEFAULT: Icon_1.ICON_COLORS.DEFAULT,
+    FAIL: Icon_1.ICON_COLORS.FAIL,
+    INFO: Icon_1.ICON_COLORS.INFO,
+    INVERTED: Icon_1.ICON_COLORS.INVERTED,
+    NEUTRAL: Icon_1.ICON_COLORS.NEUTRAL,
+    NEUTRAL_STRONG: Icon_1.ICON_COLORS.NEUTRAL_STRONG,
+    NEUTRAL_WEAK: Icon_1.ICON_COLORS.NEUTRAL_WEAK,
+    PRIMARY: Icon_1.ICON_COLORS.PRIMARY,
+    PRIMARY_WEAK: Icon_1.ICON_COLORS.PRIMARY_WEAK,
+    SUCCESS: Icon_1.ICON_COLORS.SUCCESS,
+    WARNING: Icon_1.ICON_COLORS.WARNING,
+};
 
 
 /***/ }),
@@ -41748,12 +41819,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.ICONS = exports.ICON_SIZES = void 0;
+exports.ICONS = exports.ICON_SIZES = exports.ICON_COLORS = void 0;
 const head_with_question_mark_svg_1 = __importDefault(__webpack_require__(60899));
 const ribbon_svg_1 = __importDefault(__webpack_require__(94845));
 const sliders_search_svg_1 = __importDefault(__webpack_require__(14872));
 const comments_check_svg_1 = __importDefault(__webpack_require__(95078));
 const fontawesome_1 = __webpack_require__(92113);
+exports.ICON_COLORS = {
+    ACCENT: 'accent',
+    DANGER: 'danger',
+    DEFAULT: 'default',
+    FAIL: 'fail',
+    INFO: 'info',
+    INVERTED: 'inverted',
+    NEUTRAL: 'neutral',
+    NEUTRAL_STRONG: 'neutralStrong',
+    NEUTRAL_WEAK: 'neutralWeak',
+    PRIMARY: 'primary',
+    PRIMARY_WEAK: 'primaryWeak',
+    SUCCESS: 'success',
+    WARNING: 'warning',
+};
 exports.ICON_SIZES = {
     XXX_SMALL: 'xxx-small',
     XX_SMALL: 'xx-small',
@@ -42725,6 +42811,63 @@ exports["default"] = SurveyToggle_vue_1.default;
 __exportStar(__webpack_require__(30314), exports);
 
 
+/***/ }),
+
+/***/ 54077:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.SWITCH_SIDE = exports.SWITCH_STATE = exports.SWITCH_RADIUSES = exports.SWITCH_SIZES = void 0;
+exports.SWITCH_SIZES = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+};
+exports.SWITCH_RADIUSES = {
+    CAPSULE: 'capsule',
+    ROUNDED: 'rounded',
+};
+exports.SWITCH_STATE = {
+    DEFAULT: 'default',
+    DISABLED: 'disabled',
+};
+exports.SWITCH_SIDE = {
+    LEFT: 'left',
+    RIGHT: 'right',
+};
+
+
+/***/ }),
+
+/***/ 60926:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const Switch_vue_1 = __importDefault(__webpack_require__(22161));
+exports["default"] = Switch_vue_1.default;
+__exportStar(__webpack_require__(54077), exports);
+
+
 /***/ }),
 
 /***/ 39446:
@@ -43569,7 +43712,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.Pagination = exports.IconText = exports.ProgressDonutChart = exports.ProgressBar = exports.Dropdown = exports.PopOver = exports.SelectionTile = exports.SelectListSectionTitle = exports.SelectListItemTile = exports.SelectListItemToggle = exports.SelectListItemDivider = exports.SelectListItem = exports.SelectList = exports.CounterToggle = exports.Chip = exports.OutlineSectionHeader = exports.OutlineDivider = exports.OutlineItem = exports.DrawerSection = exports.DrawerTile = exports.DrawerListItemGroup = exports.DrawerListItem = exports.DrawerHeader = exports.DrawerDivider = exports.DrawerContent = exports.Drawer = exports.SectionTitle = exports.PageHeader = exports.SectionHeader = exports.SurveyQuestionOpenEnded = exports.SurveyQuestionScale = exports.SurveyToggle = exports.BlockadeStatus = exports.AccessStatus = exports.Tile = exports.TabItem = exports.NumberInCircle = exports.DsModalDialog = exports.DsModal = exports.Modal = exports.IconButton = exports.Icon = exports.FeatureIcon = exports.Divider = exports.CardExpandable = exports.Card = exports.ToggleButton = exports.Button = exports.Banner = exports.BadgeScore = void 0;
-exports.initializeIconsWithDomWatcher = exports.initializeIcons = exports.RichListGroupItem = exports.RichListItemBasic = exports.RichListItem = exports.ThreeColumnLayout = exports.Well = exports.OverlayHeader = void 0;
+exports.initializeIconsWithDomWatcher = exports.initializeIcons = exports.Switch = exports.RichListGroupItem = exports.RichListItemBasic = exports.RichListItem = exports.ThreeColumnLayout = exports.Well = exports.OverlayHeader = void 0;
 var BadgeScore_1 = __webpack_require__(10540);
 Object.defineProperty(exports, "BadgeScore", ({ enumerable: true, get: function () { return __importDefault(BadgeScore_1).default; } }));
 __exportStar(__webpack_require__(60436), exports);
@@ -43719,6 +43862,9 @@ var RichListItemBasic_1 = __webpack_require__(820);
 Object.defineProperty(exports, "RichListItemBasic", ({ enumerable: true, get: function () { return __importDefault(RichListItemBasic_1).default; } }));
 var RichListGroupItem_1 = __webpack_require__(49398);
 Object.defineProperty(exports, "RichListGroupItem", ({ enumerable: true, get: function () { return __importDefault(RichListGroupItem_1).default; } }));
+var Switch_1 = __webpack_require__(60926);
+Object.defineProperty(exports, "Switch", ({ enumerable: true, get: function () { return __importDefault(Switch_1).default; } }));
+__exportStar(__webpack_require__(54077), exports);
 var fontawesome_1 = __webpack_require__(92113);
 Object.defineProperty(exports, "initializeIcons", ({ enumerable: true, get: function () { return fontawesome_1.initialize; } }));
 Object.defineProperty(exports, "initializeIconsWithDomWatcher", ({ enumerable: true, get: function () { return fontawesome_1.initializeWithDomWatcher; } }));
@@ -44862,47 +45008,130 @@ exports.Z = {
 
 "use strict";
 
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const Divider_1 = __importDefault(__webpack_require__(11922));
-const IconButton_vue_1 = __importDefault(__webpack_require__(53811));
 const Icon_1 = __webpack_require__(32411);
 const IconButton_1 = __webpack_require__(77345);
+const SectionHeader_1 = __importStar(__webpack_require__(37842));
+const vue_1 = __webpack_require__(77203);
 exports["default"] = {
     name: 'DrawerSection',
     components: {
-        DsIconButton: IconButton_vue_1.default,
-        DsDivider: Divider_1.default,
+        DsSectionHeader: SectionHeader_1.default,
     },
     props: {
-        hasDivider: {
+        isExpandable: {
+            type: Boolean,
+            default: false,
+        },
+        iconLeft: {
+            type: Object,
+            default: null,
+            validator(iconLeft) {
+                return Object.values(Icon_1.ICONS).includes((0, vue_1.toRaw)(iconLeft));
+            },
+        },
+        iconLeftColor: {
+            type: String,
+            default: SectionHeader_1.SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK,
+            validator(iconLeftColor) {
+                return Object.values(SectionHeader_1.SECTION_HEADER_ICON_COLORS).includes((0, vue_1.toRaw)(iconLeftColor));
+            },
+        },
+        iconRight: {
+            type: Object,
+            default: null,
+            validator(iconRight) {
+                return Object.values(Icon_1.ICONS).includes((0, vue_1.toRaw)(iconRight));
+            },
+        },
+        iconRightColor: {
+            type: String,
+            default: SectionHeader_1.SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK,
+            validator(iconRightColor) {
+                return Object.values(SectionHeader_1.SECTION_HEADER_ICON_COLORS).includes((0, vue_1.toRaw)(iconRightColor));
+            },
+        },
+        isExpanded: {
             type: Boolean,
             default: true,
         },
-        isExpandable: {
+        info: {
             type: Boolean,
             default: false,
         },
+        size: {
+            type: String,
+            default: SectionHeader_1.SECTION_HEADER_SIZES.XX_SMALL,
+            validator(size) {
+                return Object.values(SectionHeader_1.SECTION_HEADER_SIZES).includes(size);
+            },
+        },
         title: {
+            type: String,
+            required: true,
+        },
+        eyebrow: {
+            type: String,
+            default: '',
+        },
+        supportingText: {
             type: String,
             default: null,
         },
+        hasDivider: {
+            type: Boolean,
+            default: true,
+        },
     },
+    emits: ['info-click', 'update:isExpanded'],
     data() {
         return {
-            isExpanded: true,
             ICON_BUTTON_COLORS: Object.freeze(IconButton_1.ICON_BUTTON_COLORS),
             ICON_BUTTON_SIZES: Object.freeze(IconButton_1.ICON_BUTTON_SIZES),
             ICONS: Object.freeze(Icon_1.ICONS),
+            isExpandedInternal: false,
         };
     },
+    watch: {
+        isExpanded: {
+            handler(isExpanded) {
+                if (isExpanded !== this.isExpandedInternal) {
+                    this.isExpandedInternal = isExpanded;
+                }
+            },
+            immediate: true,
+        },
+    },
     methods: {
-        onHeaderClick() {
-            if (this.isExpandable) {
-                this.isExpanded = !this.isExpanded;
-            }
+        onExpandableHeaderClick(value) {
+            this.isExpandedInternal = value;
+            this.$emit('update:isExpanded', value);
+        },
+        onInfoClick() {
+            this.$emit('info-click');
         },
     },
 };
@@ -45460,6 +45689,13 @@ exports["default"] = {
                 return Object.values(Icon_1.ICONS).includes((0, vue_1.toRaw)(iconLeft));
             },
         },
+        iconLeftColor: {
+            type: String,
+            default: null,
+            validator(iconLeftColor) {
+                return Object.values(SectionHeader_consts_1.SECTION_HEADER_ICON_COLORS).includes((0, vue_1.toRaw)(iconLeftColor));
+            },
+        },
         iconRight: {
             type: Object,
             default: null,
@@ -45467,6 +45703,13 @@ exports["default"] = {
                 return Object.values(Icon_1.ICONS).includes((0, vue_1.toRaw)(iconRight));
             },
         },
+        iconRightColor: {
+            type: String,
+            default: null,
+            validator(iconRightColor) {
+                return Object.values(SectionHeader_consts_1.SECTION_HEADER_ICON_COLORS).includes((0, vue_1.toRaw)(iconRightColor));
+            },
+        },
         isExpanded: {
             type: Boolean,
             default: false,
@@ -45494,7 +45737,7 @@ exports["default"] = {
             type: String,
             default: null,
         },
-        divider: {
+        hasDivider: {
             type: Boolean,
             default: true,
         },
@@ -45512,6 +45755,7 @@ exports["default"] = {
             ICON_BUTTON_SIZES: Object.freeze(IconButton_1.ICON_BUTTON_SIZES),
             ICON_BUTTON_COLORS: Object.freeze(IconButton_1.ICON_BUTTON_COLORS),
             SECTION_HEADER_MOBILE_LAYOUTS: Object.freeze(SectionHeader_consts_1.SECTION_HEADER_MOBILE_LAYOUTS),
+            isExpandedInternal: false,
         };
     },
     computed: {
@@ -45532,6 +45776,16 @@ exports["default"] = {
             return Icon_1.ICON_SIZES.XX_SMALL;
         },
     },
+    watch: {
+        isExpanded: {
+            handler(isExpanded) {
+                if (isExpanded !== this.isExpandedInternal) {
+                    this.isExpandedInternal = isExpanded;
+                }
+            },
+            immediate: true,
+        },
+    },
     methods: {
         onInfoClicked() {
             this.$emit('info-click');
@@ -45540,7 +45794,8 @@ exports["default"] = {
             if (!this.isExpandable) {
                 return;
             }
-            this.$emit('update:isExpanded', !this.isExpanded);
+            this.isExpandedInternal = !this.isExpandedInternal;
+            this.$emit('update:isExpanded', this.isExpandedInternal);
         },
     },
 };
@@ -47963,6 +48218,132 @@ exports["default"] = {
 };
 
 
+/***/ }),
+
+/***/ 47244:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const vue_1 = __webpack_require__(77203);
+const Switch_consts_1 = __webpack_require__(54077);
+const Icon_1 = __importStar(__webpack_require__(32411));
+exports["default"] = {
+    // eslint-disable-next-line vue/no-reserved-component-names
+    name: 'Switch',
+    components: {
+        DsIcon: Icon_1.default,
+    },
+    props: {
+        size: {
+            type: String,
+            default: Switch_consts_1.SWITCH_SIZES.MEDIUM,
+            validator(size) {
+                return Object.values(Switch_consts_1.SWITCH_SIZES).includes(size);
+            },
+        },
+        radius: {
+            type: String,
+            default: Switch_consts_1.SWITCH_RADIUSES.CAPSULE,
+            validator(value) {
+                return Object.values(Switch_consts_1.SWITCH_RADIUSES).includes(value);
+            },
+        },
+        iconLeft: {
+            type: Object,
+            default: null,
+            validator(icon) {
+                return Object.values(Icon_1.ICONS).includes((0, vue_1.toRaw)(icon));
+            },
+        },
+        iconRight: {
+            type: Object,
+            default: null,
+            validator(icon) {
+                return Object.values(Icon_1.ICONS).includes((0, vue_1.toRaw)(icon));
+            },
+        },
+        labelLeft: {
+            type: String,
+            default: '',
+        },
+        labelRight: {
+            type: String,
+            default: '',
+        },
+        state: {
+            type: String,
+            default: Switch_consts_1.SWITCH_STATE.DEFAULT,
+            validator(state) {
+                return Object.values(Switch_consts_1.SWITCH_STATE).includes(state);
+            },
+        },
+        selectedSide: {
+            type: String,
+            default: Switch_consts_1.SWITCH_SIDE.LEFT,
+            validator(side) {
+                return Object.values(Switch_consts_1.SWITCH_SIDE).includes(side);
+            },
+        },
+    },
+    emits: ['update:selectedSide'],
+    data() {
+        return {
+            ICONS: Object.freeze(Icon_1.ICONS),
+            ICON_SIZES: Object.freeze(Icon_1.ICON_SIZES),
+            SWITCH_RADIUSES: Object.freeze(Switch_consts_1.SWITCH_RADIUSES),
+            SWITCH_SIDE: Object.freeze(Switch_consts_1.SWITCH_SIDE),
+            SWITCH_SIZE: Object.freeze(Switch_consts_1.SWITCH_SIZES),
+            SWITCH_STATE: Object.freeze(Switch_consts_1.SWITCH_STATE),
+            // TODO: Remove currentSide when storybook is upgraded (IT-5440)
+            // This is a workaround for keeping the animation preview in storybook when prop changes
+            currentSide: this.selectedSide,
+        };
+    },
+    computed: {
+        currentIcon() {
+            return this.currentSide === Switch_consts_1.SWITCH_SIDE.LEFT ? this.iconLeft : this.iconRight;
+        },
+        currentLabel() {
+            return this.currentSide === Switch_consts_1.SWITCH_SIDE.LEFT ? this.labelLeft : this.labelRight;
+        },
+    },
+    methods: {
+        onSwitch(side) {
+            if (this.state === Switch_consts_1.SWITCH_STATE.DISABLED || this.currentSide === side) {
+                return;
+            }
+            this.currentSide = side;
+            this.$emit('update:selectedSide', side);
+        },
+    },
+};
+
+
 /***/ }),
 
 /***/ 2367:
@@ -49113,7 +49494,7 @@ exports.s = render;
 
 /***/ }),
 
-/***/ 36595:
+/***/ 13321:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -49122,49 +49503,36 @@ var __webpack_unused_export__;
 __webpack_unused_export__ = ({ value: true });
 exports.s = void 0;
 const vue_1 = __webpack_require__(77203);
-const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-f1a7f34c"), n = n(), (0, vue_1.popScopeId)(), n);
 const _hoisted_1 = { class: "drawerSection" };
-const _hoisted_2 = { class: "drawerSection__headerTitleWrapper" };
-const _hoisted_3 = { class: "drawerSection__headerTitle" };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = { key: 2 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_ds_icon_button = (0, vue_1.resolveComponent)("ds-icon-button");
-    const _component_ds_divider = (0, vue_1.resolveComponent)("ds-divider");
+    const _component_ds_section_header = (0, vue_1.resolveComponent)("ds-section-header");
     return ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_1, [
-        ($props.title)
-            ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
-                key: 0,
-                class: (0, vue_1.normalizeClass)(["drawerSection__header", { '-isExpandable': $props.isExpandable }]),
-                onClick: _cache[0] || (_cache[0] =
-                    //@ts-ignore
-                    (...args) => ($options.onHeaderClick && $options.onHeaderClick(...args)))
-            }, [
-                (0, vue_1.createElementVNode)("div", _hoisted_2, [
-                    (0, vue_1.createElementVNode)("div", _hoisted_3, (0, vue_1.toDisplayString)($props.title), 1),
-                    ($props.isExpandable)
-                        ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon_button, {
-                            key: 0,
-                            color: $data.ICON_BUTTON_COLORS.NEUTRAL,
-                            icon: $data.isExpanded ? $data.ICONS.FA_ANGLE_UP : $data.ICONS.FA_ANGLE_DOWN,
-                            size: $data.ICON_BUTTON_SIZES.X_SMALL,
-                            touchable: false
-                        }, null, 8, ["color", "icon", "size"]))
-                        : (0, vue_1.createCommentVNode)("", true)
-                ]),
-                ($props.hasDivider)
-                    ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_divider, { key: 0 }))
-                    : (0, vue_1.createCommentVNode)("", true)
-            ], 2))
-            : (0, vue_1.createCommentVNode)("", true),
-        ($data.isExpanded || !$props.isExpandable)
-            ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_4, [
-                (0, vue_1.renderSlot)(_ctx.$slots, "default", {}, undefined, true)
+        (0, vue_1.createVNode)(_component_ds_section_header, {
+            "icon-left": $props.iconLeft,
+            "icon-left-color": $props.iconLeftColor,
+            "icon-right": $props.iconRight,
+            "icon-right-color": $props.iconRightColor,
+            "is-expandable": $props.isExpandable,
+            "is-expanded": $props.isExpanded,
+            info: $props.info,
+            size: $props.size,
+            title: $props.title,
+            eyebrow: $props.eyebrow,
+            "supporting-text": $props.supportingText,
+            "has-divider": $props.hasDivider,
+            onInfoClick: $options.onInfoClick,
+            "onUpdate:isExpanded": $options.onExpandableHeaderClick
+        }, null, 8, ["icon-left", "icon-left-color", "icon-right", "icon-right-color", "is-expandable", "is-expanded", "info", "size", "title", "eyebrow", "supporting-text", "has-divider", "onInfoClick", "onUpdate:isExpanded"]),
+        ($data.isExpandedInternal || !$props.isExpandable)
+            ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_2, [
+                (0, vue_1.renderSlot)(_ctx.$slots, "default")
             ]))
             : (0, vue_1.createCommentVNode)("", true),
         (_ctx.$slots.uncollapsible)
-            ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_5, [
-                (0, vue_1.renderSlot)(_ctx.$slots, "uncollapsible", {}, undefined, true)
+            ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_3, [
+                (0, vue_1.renderSlot)(_ctx.$slots, "uncollapsible")
             ]))
             : (0, vue_1.createCommentVNode)("", true)
     ]));
@@ -49582,7 +49950,7 @@ exports.s = render;
 
 /***/ }),
 
-/***/ 92167:
+/***/ 79835:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -49591,7 +49959,7 @@ var __webpack_unused_export__;
 __webpack_unused_export__ = ({ value: true });
 exports.s = void 0;
 const vue_1 = __webpack_require__(77203);
-const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-98235114"), n = n(), (0, vue_1.popScopeId)(), n);
+const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-041744e2"), n = n(), (0, vue_1.popScopeId)(), n);
 const _hoisted_1 = { class: "sectionHeader__wrapper" };
 const _hoisted_2 = { class: "sectionHeader__main" };
 const _hoisted_3 = { class: "sectionHeader__header" };
@@ -49632,10 +50000,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         ($props.iconLeft)
                             ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
                                 key: 0,
-                                class: "sectionHeader__icon",
+                                class: (0, vue_1.normalizeClass)(["sectionHeader__icon", {
+                                        [`-${$props.iconLeftColor}`]: $props.iconLeftColor,
+                                    }]),
                                 icon: $props.iconLeft,
                                 size: $options.iconSize
-                            }, null, 8, ["icon", "size"]))
+                            }, null, 8, ["class", "icon", "size"]))
                             : (0, vue_1.createCommentVNode)("", true),
                         (0, vue_1.createElementVNode)("div", _hoisted_4, [
                             ($props.eyebrow)
@@ -49646,10 +50016,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         ($props.iconRight)
                             ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
                                 key: 1,
-                                class: "sectionHeader__icon",
+                                class: (0, vue_1.normalizeClass)(["sectionHeader__icon", {
+                                        [`-${$props.iconRightColor}`]: $props.iconRightColor,
+                                    }]),
                                 icon: $props.iconRight,
                                 size: $options.iconSize
-                            }, null, 8, ["icon", "size"]))
+                            }, null, 8, ["class", "icon", "size"]))
                             : (0, vue_1.createCommentVNode)("", true),
                         ($props.isExpandable)
                             ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
@@ -49683,21 +50055,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
                     key: 0,
                     class: (0, vue_1.normalizeClass)(["sectionHeader__supportingText", {
-                            '-withoutPadding': !$props.divider ||
-                                (!$props.divider && $props.mobileLayout === $data.SECTION_HEADER_MOBILE_LAYOUTS.HORIZONTAL),
+                            '-withoutPadding': !$props.hasDivider ||
+                                (!$props.hasDivider && $props.mobileLayout === $data.SECTION_HEADER_MOBILE_LAYOUTS.HORIZONTAL),
                         }])
                 }, (0, vue_1.toDisplayString)($props.supportingText), 3))
                 : (0, vue_1.createCommentVNode)("", true),
             (_ctx.$slots.default && $options.showSlot)
                 ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
                     key: 1,
-                    class: (0, vue_1.normalizeClass)(["sectionHeader__slotVertical", { '-withoutPadding': !$props.divider }])
+                    class: (0, vue_1.normalizeClass)(["sectionHeader__slotVertical", { '-withoutPadding': !$props.hasDivider }])
                 }, [
                     (0, vue_1.renderSlot)(_ctx.$slots, "default", {}, undefined, true)
                 ], 2))
                 : (0, vue_1.createCommentVNode)("", true)
         ]),
-        ($props.divider)
+        ($props.hasDivider)
             ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_divider, { key: 0 }))
             : (0, vue_1.createCommentVNode)("", true)
     ], 2));
@@ -51468,6 +51840,105 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 exports.s = render;
 
 
+/***/ }),
+
+/***/ 99055:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+var __webpack_unused_export__;
+
+__webpack_unused_export__ = ({ value: true });
+exports.s = void 0;
+const vue_1 = __webpack_require__(77203);
+const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-b427716e"), n = n(), (0, vue_1.popScopeId)(), n);
+const _hoisted_1 = ["title"];
+const _hoisted_2 = {
+    key: 1,
+    class: "switch__label"
+};
+const _hoisted_3 = ["title"];
+const _hoisted_4 = {
+    key: 1,
+    class: "switch__label"
+};
+const _hoisted_5 = {
+    key: 1,
+    class: "switch__label"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_ds_icon = (0, vue_1.resolveComponent)("ds-icon");
+    return ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", {
+        class: (0, vue_1.normalizeClass)(["switch", {
+                '-small': $props.size === $data.SWITCH_SIZE.SMALL,
+                '-medium': $props.size === $data.SWITCH_SIZE.MEDIUM,
+                '-rounded': $props.radius === $data.SWITCH_RADIUSES.ROUNDED,
+                '-disabled': $props.state === $data.SWITCH_STATE.DISABLED,
+            }])
+    }, [
+        (0, vue_1.createElementVNode)("div", {
+            class: (0, vue_1.normalizeClass)(["switch__item -left", {
+                    '-clickable': $data.currentSide !== $data.SWITCH_SIDE.LEFT && $props.state !== $data.SWITCH_STATE.DISABLED,
+                    '-selected': $data.currentSide === $data.SWITCH_SIDE.LEFT,
+                }]),
+            title: $props.labelLeft,
+            onClick: _cache[0] || (_cache[0] = ($event) => ($options.onSwitch($data.SWITCH_SIDE.LEFT)))
+        }, [
+            ($props.iconLeft)
+                ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
+                    key: 0,
+                    class: "switch__icon",
+                    icon: $props.iconLeft,
+                    size: $data.ICON_SIZES.XX_SMALL
+                }, null, 8, ["icon", "size"]))
+                : (0, vue_1.createCommentVNode)("", true),
+            ($props.labelLeft)
+                ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_2, (0, vue_1.toDisplayString)($props.labelLeft), 1))
+                : (0, vue_1.createCommentVNode)("", true)
+        ], 10, _hoisted_1),
+        (0, vue_1.createElementVNode)("div", {
+            class: (0, vue_1.normalizeClass)(["switch__item -right", {
+                    '-clickable': $data.currentSide !== $data.SWITCH_SIDE.RIGHT && $props.state !== $data.SWITCH_STATE.DISABLED,
+                    '-selected': $data.currentSide === $data.SWITCH_SIDE.RIGHT,
+                }]),
+            title: $props.labelRight,
+            onClick: _cache[1] || (_cache[1] = ($event) => ($options.onSwitch($data.SWITCH_SIDE.RIGHT)))
+        }, [
+            ($props.iconRight)
+                ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
+                    key: 0,
+                    class: "switch__icon",
+                    icon: $props.iconRight,
+                    size: $data.ICON_SIZES.XX_SMALL
+                }, null, 8, ["icon", "size"]))
+                : (0, vue_1.createCommentVNode)("", true),
+            ($props.labelRight)
+                ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_4, (0, vue_1.toDisplayString)($props.labelRight), 1))
+                : (0, vue_1.createCommentVNode)("", true)
+        ], 10, _hoisted_3),
+        (0, vue_1.createElementVNode)("div", {
+            class: (0, vue_1.normalizeClass)(["switch__item -selection", {
+                    '-left': $data.currentSide === $data.SWITCH_SIDE.LEFT,
+                    '-right': $data.currentSide === $data.SWITCH_SIDE.RIGHT,
+                }])
+        }, [
+            ($options.currentIcon)
+                ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_ds_icon, {
+                    key: 0,
+                    class: "switch__icon",
+                    icon: $options.currentIcon,
+                    size: $data.ICON_SIZES.XX_SMALL
+                }, null, 8, ["icon", "size"]))
+                : (0, vue_1.createCommentVNode)("", true),
+            ($options.currentLabel)
+                ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_5, (0, vue_1.toDisplayString)($options.currentLabel), 1))
+                : (0, vue_1.createCommentVNode)("", true)
+        ], 2)
+    ], 2));
+}
+exports.s = render;
+
+
 /***/ }),
 
 /***/ 73304:
@@ -52153,22 +52624,6 @@ var update = add("68901802", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 69190:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(59453);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("1416d352", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 3178:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -52249,19 +52704,19 @@ var update = add("4e93d966", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 59626:
+/***/ 70513:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(47423);
+var content = __webpack_require__(41154);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("ca9e9ab8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("705dfa5c", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -52745,6 +53200,22 @@ var update = add("69b38a01", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 74786:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(58173);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(54402)/* ["default"] */ .Z)
+var update = add("29e40cdc", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 80438:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {