@bethinkpl/design-system 25.0.2 → 25.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system.umd.js +41 -18
- package/dist/design-system.umd.js.map +1 -1
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +243 -3
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +1 -1
- package/dist/lib/js/utils/shortcut-keys.d.ts +1 -0
- package/docs/iframe.html +1 -1
- package/docs/main.59b480f2.iframe.bundle.js +2 -0
- package/docs/project.json +1 -1
- package/lib/js/components/Headers/OverlayHeader/OverlayHeader.stories.ts +6 -2
- package/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue +8 -3
- package/lib/js/utils/shortcut-keys.ts +8 -0
- package/package.json +1 -1
- package/docs/main.d6781cca.iframe.bundle.js +0 -2
- /package/docs/{main.d6781cca.iframe.bundle.js.LICENSE.txt → main.59b480f2.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -33848,7 +33848,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `@keyframes a-spinAround-dd657ac8{0%{tr
|
|
|
33848
33848
|
|
|
33849
33849
|
/***/ }),
|
|
33850
33850
|
|
|
33851
|
-
/***/
|
|
33851
|
+
/***/ 66867:
|
|
33852
33852
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
33853
33853
|
|
|
33854
33854
|
"use strict";
|
|
@@ -33865,7 +33865,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
33865
33865
|
|
|
33866
33866
|
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()));
|
|
33867
33867
|
// Module
|
|
33868
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.ds-overlayHeader[data-v-
|
|
33868
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.ds-overlayHeader[data-v-756a3e5a]{align-items:center;background:var(--color-neutral-background);border-bottom:2px solid var(--color-neutral-border-ghost);box-shadow:0 1px 2px var(--color-default-shadow-weak),0 8px 16px var(--color-default-shadow-weak),0 2px 4px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);display:flex;padding:8px 6px 8px 0}@media(min-width:760px){.ds-overlayHeader[data-v-756a3e5a]{padding:12px 8px 12px 0}}.ds-overlayHeader__accessory[data-v-756a3e5a]{align-self:stretch;margin-left:12px}.ds-overlayHeader__loadingWrapper[data-v-756a3e5a]{display:flex;flex-direction:column;flex-grow:1;gap:6px;margin:0 4px 0 12px}@media(min-width:760px){.ds-overlayHeader__loadingWrapper[data-v-756a3e5a]{gap:8px;margin:0 8px 0 16px}}.ds-overlayHeader__loadingBar.-ds-desktop[data-v-756a3e5a]{display:none}@media(min-width:760px){.ds-overlayHeader__loadingBar.-ds-desktop[data-v-756a3e5a]{display:flex}.ds-overlayHeader__loadingBar.-ds-mobile[data-v-756a3e5a]{display:none}}.ds-overlayHeader__content[data-v-756a3e5a]{flex-grow:1;margin:0 4px 0 12px;min-width:0}@media(min-width:760px){.ds-overlayHeader__content[data-v-756a3e5a]{margin:0 8px 0 16px}}.ds-overlayHeader__eyebrow[data-v-756a3e5a]{align-items:center;display:flex;margin-bottom:6px}@media(min-width:760px){.ds-overlayHeader__eyebrow[data-v-756a3e5a]{margin-bottom:8px}}.ds-overlayHeader__eyebrowText[data-v-756a3e5a]{--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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__eyebrowText.-ds-withRightMargin[data-v-756a3e5a]{margin-right:8px}.ds-overlayHeader__eyebrowAccessory[data-v-756a3e5a]{display:flex;min-width:0}.ds-overlayHeader__main[data-v-756a3e5a]{align-items:center;display:flex;gap:8px;min-height:var(--typography-line-height-s)}.ds-overlayHeader__titleLeading[data-v-756a3e5a]{display:flex}.ds-overlayHeader__titleWrapper[data-v-756a3e5a]{overflow:hidden}.ds-overlayHeader__titleWrapper.-ds-interactive[data-v-756a3e5a]{cursor:pointer}.ds-overlayHeader__title[data-v-756a3e5a]{--token:heading-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);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);color:var(--color-neutral-text-heavy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__title.-ds-desktop[data-v-756a3e5a]{display:none}@media(min-width:760px){.ds-overlayHeader__title.-ds-desktop[data-v-756a3e5a]{display:block}.ds-overlayHeader__title.-ds-mobile[data-v-756a3e5a]{display:none}}.ds-overlayHeader__titleTrailingWrapper[data-v-756a3e5a]{overflow-x:auto;display:flex;flex-shrink:100000}.ds-overlayHeader__titleTrailingWrapper[data-v-756a3e5a]:after{background:linear-gradient(90deg,transparent 0,var(--color-neutral-background) 84.26%);align-self:stretch;content:"";display:block;flex-shrink:0;margin-left:-20px;position:sticky;right:-1px;width:20px}.ds-overlayHeader__titleTrailingWrapper[data-v-756a3e5a]>:last-child{margin-right:20px}.ds-overlayHeader__titleTrailing[data-v-756a3e5a]{display:flex}.ds-overlayHeader__actions[data-v-756a3e5a]{align-self:stretch;display:none;flex-shrink:0}@media(min-width:760px){.ds-overlayHeader__actions[data-v-756a3e5a]{display:flex}}.ds-overlayHeader__divider[data-v-756a3e5a]{align-self:stretch;height:auto!important;margin:4px 6px}@media(min-width:760px){.ds-overlayHeader__divider[data-v-756a3e5a]{margin:4px 8px}}.ds-overlayHeader__divider.-ds-mobileHidden[data-v-756a3e5a]{display:none}@media(min-width:760px){.ds-overlayHeader__divider.-ds-mobileHidden[data-v-756a3e5a]{display:block}}.ds-overlayHeader.-ds-borderNeutral[data-v-756a3e5a]{border-bottom-color:var(--color-neutral-border)}.ds-overlayHeader.-ds-borderSuccess[data-v-756a3e5a]{border-bottom-color:var(--color-success-border)}.ds-overlayHeader.-ds-borderFail[data-v-756a3e5a]{border-bottom-color:var(--color-fail-border)}.ds-overlayHeader.-ds-borderWarning[data-v-756a3e5a]{border-bottom-color:var(--color-warning-border)}`, ""]);
|
|
33869
33869
|
// Exports
|
|
33870
33870
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
33871
33871
|
|
|
@@ -35673,12 +35673,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
35673
35673
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
35674
35674
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
35675
35675
|
/* harmony export */ });
|
|
35676
|
-
/* harmony import */ var
|
|
35676
|
+
/* harmony import */ var _OverlayHeader_vue_vue_type_template_id_756a3e5a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(93875);
|
|
35677
35677
|
/* harmony import */ var _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97331);
|
|
35678
35678
|
/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
35679
35679
|
/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
|
|
35680
35680
|
/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
35681
|
-
/* harmony import */ var
|
|
35681
|
+
/* harmony import */ var _OverlayHeader_vue_vue_type_style_index_0_id_756a3e5a_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89044);
|
|
35682
35682
|
/* harmony import */ var _node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48118);
|
|
35683
35683
|
|
|
35684
35684
|
|
|
@@ -35687,7 +35687,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
35687
35687
|
;
|
|
35688
35688
|
|
|
35689
35689
|
|
|
35690
|
-
const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',
|
|
35690
|
+
const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_OverlayHeader_vue_vue_type_script_lang_ts__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_OverlayHeader_vue_vue_type_template_id_756a3e5a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__/* .render */ .s],['__scopeId',"data-v-756a3e5a"]])
|
|
35691
35691
|
|
|
35692
35692
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
|
|
35693
35693
|
|
|
@@ -38498,14 +38498,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
38498
38498
|
|
|
38499
38499
|
/***/ }),
|
|
38500
38500
|
|
|
38501
|
-
/***/
|
|
38501
|
+
/***/ 93875:
|
|
38502
38502
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
38503
38503
|
|
|
38504
38504
|
"use strict";
|
|
38505
38505
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
38506
|
-
/* harmony export */ s: () => (/* reexport safe */
|
|
38506
|
+
/* 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_OverlayHeader_vue_vue_type_template_id_756a3e5a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.s)
|
|
38507
38507
|
/* harmony export */ });
|
|
38508
|
-
/* harmony import */ var
|
|
38508
|
+
/* 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_OverlayHeader_vue_vue_type_template_id_756a3e5a_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17158);
|
|
38509
38509
|
|
|
38510
38510
|
|
|
38511
38511
|
/***/ }),
|
|
@@ -39054,12 +39054,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
39054
39054
|
|
|
39055
39055
|
/***/ }),
|
|
39056
39056
|
|
|
39057
|
-
/***/
|
|
39057
|
+
/***/ 89044:
|
|
39058
39058
|
/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
|
|
39059
39059
|
|
|
39060
39060
|
"use strict";
|
|
39061
|
-
/* harmony import */ var
|
|
39062
|
-
/* harmony import */ var
|
|
39061
|
+
/* 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_OverlayHeader_vue_vue_type_style_index_0_id_756a3e5a_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(60519);
|
|
39062
|
+
/* 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_OverlayHeader_vue_vue_type_style_index_0_id_756a3e5a_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_OverlayHeader_vue_vue_type_style_index_0_id_756a3e5a_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
|
|
39063
39063
|
|
|
39064
39064
|
|
|
39065
39065
|
/***/ }),
|
|
@@ -48126,6 +48126,24 @@ const initializePrimeVue = (app) => {
|
|
|
48126
48126
|
exports.initializePrimeVue = initializePrimeVue;
|
|
48127
48127
|
|
|
48128
48128
|
|
|
48129
|
+
/***/ }),
|
|
48130
|
+
|
|
48131
|
+
/***/ 84636:
|
|
48132
|
+
/***/ ((__unused_webpack_module, exports) => {
|
|
48133
|
+
|
|
48134
|
+
"use strict";
|
|
48135
|
+
|
|
48136
|
+
Object.defineProperty(exports, "__esModule", ({ value: true }));
|
|
48137
|
+
exports.isElementEditable = void 0;
|
|
48138
|
+
const isElementEditable = (element) => {
|
|
48139
|
+
return ((element === null || element === void 0 ? void 0 : element.tagName) === 'INPUT' ||
|
|
48140
|
+
(element === null || element === void 0 ? void 0 : element.tagName) === 'SELECT' ||
|
|
48141
|
+
(element === null || element === void 0 ? void 0 : element.tagName) === 'TEXTAREA' ||
|
|
48142
|
+
!!(element === null || element === void 0 ? void 0 : element.isContentEditable));
|
|
48143
|
+
};
|
|
48144
|
+
exports.isElementEditable = isElementEditable;
|
|
48145
|
+
|
|
48146
|
+
|
|
48129
48147
|
/***/ }),
|
|
48130
48148
|
|
|
48131
48149
|
/***/ 58251:
|
|
@@ -50214,6 +50232,7 @@ const Tooltip_1 = __importStar(__webpack_require__(79301));
|
|
|
50214
50232
|
const IconButton_1 = __webpack_require__(77345);
|
|
50215
50233
|
const Icon_1 = __webpack_require__(32411);
|
|
50216
50234
|
const OverlayHeader_consts_1 = __webpack_require__(86855);
|
|
50235
|
+
const shortcut_keys_1 = __webpack_require__(84636);
|
|
50217
50236
|
exports["default"] = {
|
|
50218
50237
|
name: 'OverlayHeader',
|
|
50219
50238
|
components: { DsIconButton: IconButton_vue_1.default, DsDivider: Divider_1.default, DsDropdown: Dropdown_1.default, DsSkeleton: Skeleton_1.default, DsTooltip: Tooltip_1.default },
|
|
@@ -50278,8 +50297,12 @@ exports["default"] = {
|
|
|
50278
50297
|
},
|
|
50279
50298
|
methods: {
|
|
50280
50299
|
onKeydown(e) {
|
|
50281
|
-
|
|
50282
|
-
|
|
50300
|
+
if ((0, shortcut_keys_1.isElementEditable)(e.target)) {
|
|
50301
|
+
return;
|
|
50302
|
+
}
|
|
50303
|
+
switch (e.key) {
|
|
50304
|
+
case 'q':
|
|
50305
|
+
case 'Q':
|
|
50283
50306
|
e.stopPropagation();
|
|
50284
50307
|
this.$emit('close');
|
|
50285
50308
|
break;
|
|
@@ -55248,7 +55271,7 @@ exports.s = render;
|
|
|
55248
55271
|
|
|
55249
55272
|
/***/ }),
|
|
55250
55273
|
|
|
55251
|
-
/***/
|
|
55274
|
+
/***/ 17158:
|
|
55252
55275
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
55253
55276
|
|
|
55254
55277
|
"use strict";
|
|
@@ -55257,7 +55280,7 @@ var __webpack_unused_export__;
|
|
|
55257
55280
|
__webpack_unused_export__ = ({ value: true });
|
|
55258
55281
|
exports.s = void 0;
|
|
55259
55282
|
const vue_1 = __webpack_require__(77203);
|
|
55260
|
-
const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-
|
|
55283
|
+
const _withScopeId = n => ((0, vue_1.pushScopeId)("data-v-756a3e5a"), n = n(), (0, vue_1.popScopeId)(), n);
|
|
55261
55284
|
const _hoisted_1 = {
|
|
55262
55285
|
key: 0,
|
|
55263
55286
|
class: "ds-overlayHeader__loadingWrapper"
|
|
@@ -58811,19 +58834,19 @@ var update = add("269c36e4", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
58811
58834
|
|
|
58812
58835
|
/***/ }),
|
|
58813
58836
|
|
|
58814
|
-
/***/
|
|
58837
|
+
/***/ 60519:
|
|
58815
58838
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
58816
58839
|
|
|
58817
58840
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
58818
58841
|
|
|
58819
58842
|
// load the styles
|
|
58820
|
-
var content = __webpack_require__(
|
|
58843
|
+
var content = __webpack_require__(66867);
|
|
58821
58844
|
if(content.__esModule) content = content.default;
|
|
58822
58845
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
58823
58846
|
if(content.locals) module.exports = content.locals;
|
|
58824
58847
|
// add the styles to the DOM
|
|
58825
58848
|
var add = (__webpack_require__(54402)/* ["default"] */ .Z)
|
|
58826
|
-
var update = add("
|
|
58849
|
+
var update = add("33c256b7", content, true, {"sourceMap":false,"shadowMode":false});
|
|
58827
58850
|
|
|
58828
58851
|
/***/ }),
|
|
58829
58852
|
|