@bethinkpl/design-system 19.0.2 → 19.0.3

package/.storybook/preview.js

@@ -38,6 +38,14 @@ const customViewports = {
 		},
 		type: 'desktop',
 	},
+	breakpointXL: {
+		name: 'breakpointXL',
+		styles: {
+			height: '1024px',
+			width: '1600px',
+		},
+		type: 'desktop',
+	},
 	mobile1: {
 		name: 'Smallest supported mobile',
 		styles: {

package/README.md

@@ -2,12 +2,14 @@
 
 ### Fontawesome PRO
 
-DS requires access to font-awesome PRO. Add `.npmrc` file to root catalog. File should looks like:
+DS requires access to font-awesome PRO. Add `.npmrc` file to root catalog. File should look like:
 
 ```
 @fortawesome:registry=https://npm.fontawesome.com/
 //npm.fontawesome.com/:_authToken=<TOKEN>
 ```
+To obtain the token visit https://fontawesome.com/account/general, look for "Package Token". 
+Login credentials: https://bethink.passwd.team/secrets/5ZldBeJcdG5L4YdrovDE
 
 ### JSON BIN X-Master-Key
 1. Create `.env` file in the project root folder

package/dist/design-system.umd.js

@@ -33188,7 +33188,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.drawerDivider[data-v-6bf03b17]{paddin
 
 /***/ }),
 
-/***/ 9835:
+/***/ 57662:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -33205,7 +33205,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, `.drawerHeader[data-v-4e529bb8]{display:flex;flex-direction:column}.drawerHeader__secondLevel[data-v-4e529bb8]{position:absolute!important}.drawerHeader__leftIcon[data-v-4e529bb8]{color:var(--color-neutral-icon)}.drawerHeader__firstLevel[data-v-4e529bb8]{display:flex;flex-direction:column;min-width:0;row-gap:4px}.drawerHeader__firstLevel.-hidden[data-v-4e529bb8]{visibility:hidden}.drawerHeader__eyebrow[data-v-4e529bb8]{--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)}.drawerHeader__eyebrow.-isInteractive[data-v-4e529bb8]:hover{color:var(--color-neutral-text-weak-hovered);cursor:pointer}.drawerHeader__eyebrow.-ellipsis[data-v-4e529bb8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawerHeader__title[data-v-4e529bb8]{--token:heading-s-default-bold-uppercase;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-l);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.drawerHeader__title.-neutralStrong[data-v-4e529bb8]{color:var(--color-neutral-text-strong)}.drawerHeader__title.-neutralWeak[data-v-4e529bb8]{color:var(--color-neutral-text-weak)}.drawerHeader__title .-ellipsis[data-v-4e529bb8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawerHeader__titleWrapper[data-v-4e529bb8]{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;justify-content:space-between;min-height:82px;padding:24px 12px 24px 16px}.drawerHeader__closeButton[data-v-4e529bb8]{align-self:flex-start}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.drawerHeader[data-v-520b762a]{display:flex;flex-direction:column}.drawerHeader__secondLevel[data-v-520b762a]{position:absolute!important}.drawerHeader__leftIcon[data-v-520b762a]{color:var(--color-neutral-icon)}.drawerHeader__firstLevel[data-v-520b762a]{display:flex;flex-direction:column;min-width:0;row-gap:4px}.drawerHeader__firstLevel.-hidden[data-v-520b762a]{visibility:hidden}.drawerHeader__eyebrow[data-v-520b762a]{--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)}.drawerHeader__eyebrow.-isInteractive[data-v-520b762a]:hover{color:var(--color-neutral-text-weak-hovered);cursor:pointer}.drawerHeader__eyebrow.-ellipsis[data-v-520b762a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawerHeader__title[data-v-520b762a]{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.drawerHeader__titleText[data-v-520b762a]{--token:heading-s-default-bold-uppercase;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-l);-webkit-text-decoration:var(--typography-text-decoration-none);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.drawerHeader__titleText.-neutralStrong[data-v-520b762a]{color:var(--color-neutral-text-strong)}.drawerHeader__titleText.-neutralWeak[data-v-520b762a]{color:var(--color-neutral-text-weak)}.drawerHeader__titleText.-ellipsis[data-v-520b762a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawerHeader__titleWrapper[data-v-520b762a]{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;justify-content:space-between;min-height:82px;padding:24px 12px 24px 16px}.drawerHeader__actions[data-v-520b762a]{margin-left:auto}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -34747,12 +34747,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _DrawerHeader_vue_vue_type_template_id_4e529bb8_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(63259);
+/* harmony import */ var _DrawerHeader_vue_vue_type_template_id_520b762a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(62684);
 /* harmony import */ var _DrawerHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4618);
 /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
 /* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _DrawerHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _DrawerHeader_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 _DrawerHeader_vue_vue_type_style_index_0_id_4e529bb8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(63908);
+/* harmony import */ var _DrawerHeader_vue_vue_type_style_index_0_id_520b762a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8099);
 /* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
 
 
@@ -34761,7 +34761,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)(_DrawerHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_DrawerHeader_vue_vue_type_template_id_4e529bb8_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-4e529bb8"]])
+const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_DrawerHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_DrawerHeader_vue_vue_type_template_id_520b762a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-520b762a"]])
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
 
@@ -37411,14 +37411,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 63259:
+/***/ 62684:
 /***/ ((__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_DrawerHeader_vue_vue_type_template_id_4e529bb8_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_DrawerHeader_vue_vue_type_template_id_520b762a_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_DrawerHeader_vue_vue_type_template_id_4e529bb8_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(90496);
+/* 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_DrawerHeader_vue_vue_type_template_id_520b762a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51965);
 
 
 /***/ }),
@@ -37935,12 +37935,12 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 63908:
+/***/ 8099:
 /***/ ((__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_DrawerHeader_vue_vue_type_style_index_0_id_4e529bb8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(38944);
-/* 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_DrawerHeader_vue_vue_type_style_index_0_id_4e529bb8_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_DrawerHeader_vue_vue_type_style_index_0_id_4e529bb8_lang_scss_scoped_true__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_DrawerHeader_vue_vue_type_style_index_0_id_520b762a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89445);
+/* 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_DrawerHeader_vue_vue_type_style_index_0_id_520b762a_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_DrawerHeader_vue_vue_type_style_index_0_id_520b762a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
 
 
 /***/ }),
@@ -44718,50 +44718,50 @@ exports["default"] = {
         Chip: Chip_vue_1.default,
     },
     props: {
-        title: {
+        eyebrowText: {
             type: String,
             default: null,
         },
-        eyebrowText: {
+        isInteractiveEyebrow: {
+            type: Boolean,
+            default: false,
+        },
+        eyebrowEllipsis: {
+            type: Boolean,
+            default: false,
+        },
+        title: {
             type: String,
             default: null,
         },
-        chipLabel: {
+        titleEllipsis: {
+            type: Boolean,
+            default: false,
+        },
+        titleColor: {
             type: String,
-            default: null,
+            default: DrawerHeader_consts_1.DRAWER_HEADER_TITLE_COLORS.NEUTRAL_STRONG,
         },
         leftIcon: {
             type: [Object, null],
             default: null,
         },
+        chipLabel: {
+            type: String,
+            default: null,
+        },
         isClosable: {
             type: Boolean,
             default: true,
         },
-        isSecondLevel: {
-            type: Boolean,
-            default: false,
-        },
-        isInteractiveEyebrow: {
-            type: Boolean,
-            default: false,
-        },
         hasDivider: {
             type: Boolean,
             default: false,
         },
-        eyebrowEllipsis: {
-            type: Boolean,
-            default: false,
-        },
-        titleEllipsis: {
+        isSecondLevel: {
             type: Boolean,
             default: false,
         },
-        titleColor: {
-            type: String,
-            default: DrawerHeader_consts_1.DRAWER_HEADER_TITLE_COLORS.NEUTRAL_STRONG,
-        },
     },
     emits: ['backClicked', 'close', 'eyebrowClicked'],
     data() {
@@ -48945,7 +48945,7 @@ exports.s = render;
 
 /***/ }),
 
-/***/ 90496:
+/***/ 51965:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -48954,10 +48954,16 @@ 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-4e529bb8"), n = n(), (0, vue_1.popScopeId)(), n);
+const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-520b762a"), n = n(), (0, vue_1.popScopeId)(), n);
 const _hoisted_1 = { class: "drawerHeader" };
 const _hoisted_2 = { class: "drawerHeader__titleWrapper" };
-const _hoisted_3 = ["title"];
+const _hoisted_3 = { class: "drawerHeader__title" };
+const _hoisted_4 = ["title"];
+const _hoisted_5 = { key: 3 };
+const _hoisted_6 = {
+    key: 1,
+    class: "drawerHeader__actions"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ds_button = (0, vue_1.resolveComponent)("ds-button");
     const _component_icon = (0, vue_1.resolveComponent)("icon");
@@ -48993,9 +48999,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         onClick: _cache[1] || (_cache[1] = ($event) => ($props.isInteractiveEyebrow && _ctx.$emit('eyebrowClicked')))
                     }, (0, vue_1.toDisplayString)($props.eyebrowText), 3))
                     : (0, vue_1.createCommentVNode)("", true),
-                (0, vue_1.createElementVNode)("div", {
-                    class: (0, vue_1.normalizeClass)(["drawerHeader__title", { [`-${$props.titleColor}`]: true }])
-                }, [
+                (0, vue_1.createElementVNode)("div", _hoisted_3, [
                     ($props.leftIcon)
                         ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_icon, {
                             key: 0,
@@ -49007,22 +49011,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ($props.title)
                         ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("span", {
                             key: 1,
-                            class: (0, vue_1.normalizeClass)({ '-ellipsis': $props.titleEllipsis }),
+                            class: (0, vue_1.normalizeClass)(["drawerHeader__titleText", { '-ellipsis': $props.titleEllipsis, [`-${$props.titleColor}`]: true }]),
                             title: $props.titleEllipsis ? $props.title : undefined
-                        }, (0, vue_1.toDisplayString)($props.title), 11, _hoisted_3))
+                        }, (0, vue_1.toDisplayString)($props.title), 11, _hoisted_4))
                         : (0, vue_1.createCommentVNode)("", true),
                     ($props.chipLabel)
                         ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_chip, {
                             key: 2,
                             label: $props.chipLabel
                         }, null, 8, ["label"]))
+                        : (0, vue_1.createCommentVNode)("", true),
+                    (_ctx.$slots.titleTrailing)
+                        ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_5, [
+                            (0, vue_1.renderSlot)(_ctx.$slots, "titleTrailing", {}, undefined, true)
+                        ]))
                         : (0, vue_1.createCommentVNode)("", true)
-                ], 2)
+                ])
             ], 2),
+            (_ctx.$slots.actions)
+                ? ((0, vue_1.openBlock)(), (0, vue_1.createElementBlock)("div", _hoisted_6, [
+                    (0, vue_1.renderSlot)(_ctx.$slots, "actions", {}, undefined, true)
+                ]))
+                : (0, vue_1.createCommentVNode)("", true),
             ($props.isClosable)
                 ? ((0, vue_1.openBlock)(), (0, vue_1.createBlock)(_component_icon_button, {
-                    key: 1,
-                    class: "drawerHeader__closeButton",
+                    key: 2,
                     icon: $data.ICONS.FA_XMARK,
                     size: $data.ICON_BUTTON_SIZES.MEDIUM,
                     touchable: false,
@@ -52092,19 +52105,19 @@ var update = add("adc3fcf6", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 38944:
+/***/ 89445:
 /***/ ((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__(9835);
+var content = __webpack_require__(57662);
 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("677c83e2", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("efabe0c2", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),