@bethinkpl/design-system 22.0.1 → 22.0.2
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 +24 -27
- package/dist/design-system.umd.js.map +1 -1
- package/dist/lib/js/components/Drawer/DrawerContent/DrawerContent.vue.d.ts +3 -4
- package/dist/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue.d.ts +3 -20
- package/dist/lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.vue.d.ts +3 -8
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +3 -62
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +3 -58
- package/dist/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue.d.ts +3 -14
- package/docs/iframe.html +1 -1
- package/docs/main.6d41ae2b.iframe.bundle.js +1 -0
- package/docs/project.json +1 -1
- package/lib/js/components/PopOver/PopOver.vue +3 -5
- package/package.json +1 -1
- package/docs/main.3376b2f2.iframe.bundle.js +0 -1
|
@@ -33668,7 +33668,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.ds-pagination[data-v-016728e7]{align-
|
|
|
33668
33668
|
|
|
33669
33669
|
/***/ }),
|
|
33670
33670
|
|
|
33671
|
-
/***/
|
|
33671
|
+
/***/ 82573:
|
|
33672
33672
|
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
33673
33673
|
|
|
33674
33674
|
"use strict";
|
|
@@ -33685,7 +33685,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
33685
33685
|
|
|
33686
33686
|
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()));
|
|
33687
33687
|
// Module
|
|
33688
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.ds-popOver[data-v-
|
|
33688
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.ds-popOver[data-v-a0f75420]{background-color:var(--color-default-background);border:none;border-radius:6px;box-shadow:0 4px 8px var(--color-default-shadow-weak),0 10px 20px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);display:flex;flex-direction:column;padding:0}.ds-popOver.-ds-color-neutral[data-v-a0f75420] .popper__arrow{border-color:var(--color-neutral-background) transparent!important}.ds-popOver.-ds-color-neutral[data-v-a0f75420]{background-color:var(--color-neutral-background)}.ds-popOver__contentSlot[data-v-a0f75420]{word-break:break-word}.ds-popOver__contentSlot.-ds-maxHeight[data-v-a0f75420]{overflow:hidden scroll}.ds-popOver.-ds-small[data-v-a0f75420]{width:320px}.ds-popOver.-ds-small .ds-popOver__contentSlot.-ds-maxHeight[data-v-a0f75420]{max-height:160px}.ds-popOver.-ds-medium[data-v-a0f75420]{width:min(90vw,460px)}.ds-popOver.-ds-medium .ds-popOver__contentSlot.-ds-maxHeight[data-v-a0f75420]{max-height:250px}.ds-popOver[x-placement^=bottom][data-v-a0f75420]{margin-top:16px}.ds-popOver[x-placement^=bottom][data-v-a0f75420] .popper__arrow{border-color:transparent transparent var(--color-inverted-border) transparent;border-width:0 12px 16px 12px;left:calc(50% - 12px);margin-bottom:0;margin-top:0;top:-16px}.ds-popOver[x-placement^=top][data-v-a0f75420]{margin-bottom:16px}.ds-popOver[x-placement^=top][data-v-a0f75420] .popper__arrow{border-color:var(--color-inverted-border) transparent transparent transparent;border-width:16px 12px 0 12px;bottom:-16px;left:calc(50% - 12px);margin-bottom:0;margin-top:0}.ds-popOver[x-placement^=right][data-v-a0f75420]{margin-left:16px}.ds-popOver[x-placement^=right][data-v-a0f75420] .popper__arrow{border-color:transparent var(--color-inverted-border) transparent transparent;border-width:12px 16px 12px 0;left:-16px;margin-left:0;margin-right:0;top:calc(50% - 12px)}.ds-popOver[x-placement^=left][data-v-a0f75420]{margin-right:16px}.ds-popOver[x-placement^=left][data-v-a0f75420] .popper__arrow{border-color:transparent transparent transparent var(--color-inverted-border);border-width:12px 0 12px 16px;margin-left:0;margin-right:0;right:-16px;top:calc(50% - 12px)}.ds-popOver__image[data-v-a0f75420]{border-top-left-radius:6px;border-top-right-radius:6px;max-width:100%}.ds-popOver__content[data-v-a0f75420]{--token:text-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-m);font-size:var(--typography-font-size-s);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-heavy);padding:16px;text-align:left}.ds-popOver__title[data-v-a0f75420]{--token:heading-m-default-bold;font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);color:var(--color-default-text)}.ds-popOver__subtitle[data-v-a0f75420],.ds-popOver__title[data-v-a0f75420]{font-style:var(--typography-font-style-normal);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);margin-bottom:8px}.ds-popOver__subtitle[data-v-a0f75420]{--token:heading-s-default-regular;font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s);color:var(--color-neutral-text)}.ds-popOver__button[data-v-a0f75420]{align-self:flex-end;margin:0 16px 12px}`, ""]);
|
|
33689
33689
|
// Exports
|
|
33690
33690
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
33691
33691
|
|
|
@@ -35515,7 +35515,7 @@ const __exports__ = /*#__PURE__*/(0,_node_modules_vue_cli_service_node_modules_v
|
|
|
35515
35515
|
|
|
35516
35516
|
/***/ }),
|
|
35517
35517
|
|
|
35518
|
-
/***/
|
|
35518
|
+
/***/ 50669:
|
|
35519
35519
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
35520
35520
|
|
|
35521
35521
|
"use strict";
|
|
@@ -35529,18 +35529,17 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
35529
35529
|
|
|
35530
35530
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
35531
35531
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(77203);
|
|
35532
|
-
;// CONCATENATED MODULE: ./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]!./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=
|
|
35532
|
+
;// CONCATENATED MODULE: ./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]!./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=a0f75420&scoped=true
|
|
35533
35533
|
|
|
35534
35534
|
|
|
35535
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
35536
|
-
const _hoisted_1 =
|
|
35537
|
-
const _hoisted_2 =
|
|
35538
|
-
const _hoisted_3 = {
|
|
35539
|
-
const _hoisted_4 = {
|
|
35535
|
+
const _withScopeId = n => (_pushScopeId("data-v-a0f75420"),n=n(),_popScopeId(),n)
|
|
35536
|
+
const _hoisted_1 = ["src"]
|
|
35537
|
+
const _hoisted_2 = { class: "ds-popOver__content" }
|
|
35538
|
+
const _hoisted_3 = {
|
|
35540
35539
|
key: 0,
|
|
35541
35540
|
class: "ds-popOver__title"
|
|
35542
35541
|
}
|
|
35543
|
-
const
|
|
35542
|
+
const _hoisted_4 = {
|
|
35544
35543
|
key: 1,
|
|
35545
35544
|
class: "ds-popOver__subtitle"
|
|
35546
35545
|
}
|
|
@@ -35549,11 +35548,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
35549
35548
|
const _component_ds_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("ds-button")
|
|
35550
35549
|
const _component_vue_popper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vue-popper")
|
|
35551
35550
|
|
|
35552
|
-
return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("
|
|
35551
|
+
return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", null, [
|
|
35553
35552
|
($props.triggerAction === $data.POP_OVER_TRIGGER_ACTIONS.NONE)
|
|
35554
|
-
? (
|
|
35555
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "reference", {}, undefined, true)
|
|
35556
|
-
]))
|
|
35553
|
+
? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "reference", { key: 0 }, undefined, true)
|
|
35557
35554
|
: ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_vue_popper, {
|
|
35558
35555
|
ref: "popper",
|
|
35559
35556
|
key: $data.key,
|
|
@@ -35584,14 +35581,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
35584
35581
|
class: "ds-popOver__image",
|
|
35585
35582
|
src: $props.headerImageUrl,
|
|
35586
35583
|
alt: ""
|
|
35587
|
-
}, null, 8,
|
|
35584
|
+
}, null, 8, _hoisted_1))
|
|
35588
35585
|
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35589
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
35586
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_2, [
|
|
35590
35587
|
($props.titleText)
|
|
35591
|
-
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
35588
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.titleText), 1))
|
|
35592
35589
|
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35593
35590
|
($props.subtitleText)
|
|
35594
|
-
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
35591
|
+
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.subtitleText), 1))
|
|
35595
35592
|
: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true),
|
|
35596
35593
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
35597
35594
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["ds-popOver__contentSlot", { '-ds-maxHeight': $props.maxHeight }])
|
|
@@ -35619,7 +35616,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
35619
35616
|
}, 8, ["boundaries-selector", "force-show", "options", "trigger", "append-to-body", "visible-arrow", "root-class"]))
|
|
35620
35617
|
]))
|
|
35621
35618
|
}
|
|
35622
|
-
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=
|
|
35619
|
+
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=template&id=a0f75420&scoped=true
|
|
35623
35620
|
|
|
35624
35621
|
// EXTERNAL MODULE: ./node_modules/vue-popperjs/dist/vue-popper.min.js
|
|
35625
35622
|
var vue_popper_min = __webpack_require__(95951);
|
|
@@ -35756,9 +35753,9 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button);
|
|
|
35756
35753
|
|
|
35757
35754
|
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=script&lang=js
|
|
35758
35755
|
|
|
35759
|
-
// EXTERNAL MODULE: ./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]!./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=
|
|
35760
|
-
var
|
|
35761
|
-
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=
|
|
35756
|
+
// EXTERNAL MODULE: ./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]!./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=a0f75420&lang=scss&scoped=true
|
|
35757
|
+
var PopOvervue_type_style_index_0_id_a0f75420_lang_scss_scoped_true = __webpack_require__(66693);
|
|
35758
|
+
;// CONCATENATED MODULE: ./lib/js/components/PopOver/PopOver.vue?vue&type=style&index=0&id=a0f75420&lang=scss&scoped=true
|
|
35762
35759
|
|
|
35763
35760
|
// EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js
|
|
35764
35761
|
var exportHelper = __webpack_require__(48118);
|
|
@@ -35770,7 +35767,7 @@ var exportHelper = __webpack_require__(48118);
|
|
|
35770
35767
|
;
|
|
35771
35768
|
|
|
35772
35769
|
|
|
35773
|
-
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(PopOvervue_type_script_lang_js, [['render',render],['__scopeId',"data-v-
|
|
35770
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(PopOvervue_type_script_lang_js, [['render',render],['__scopeId',"data-v-a0f75420"]])
|
|
35774
35771
|
|
|
35775
35772
|
/* harmony default export */ const PopOver = (__exports__);
|
|
35776
35773
|
|
|
@@ -42262,7 +42259,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
42262
42259
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42263
42260
|
};
|
|
42264
42261
|
Object.defineProperty(exports, "__esModule", ({ value: true }));
|
|
42265
|
-
const PopOver_vue_1 = __importDefault(__webpack_require__(
|
|
42262
|
+
const PopOver_vue_1 = __importDefault(__webpack_require__(50669));
|
|
42266
42263
|
__exportStar(__webpack_require__(65609), exports);
|
|
42267
42264
|
exports["default"] = PopOver_vue_1.default;
|
|
42268
42265
|
|
|
@@ -53312,19 +53309,19 @@ var update = add("dd7b5ef4", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
53312
53309
|
|
|
53313
53310
|
/***/ }),
|
|
53314
53311
|
|
|
53315
|
-
/***/
|
|
53312
|
+
/***/ 66693:
|
|
53316
53313
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
53317
53314
|
|
|
53318
53315
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
53319
53316
|
|
|
53320
53317
|
// load the styles
|
|
53321
|
-
var content = __webpack_require__(
|
|
53318
|
+
var content = __webpack_require__(82573);
|
|
53322
53319
|
if(content.__esModule) content = content.default;
|
|
53323
53320
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
53324
53321
|
if(content.locals) module.exports = content.locals;
|
|
53325
53322
|
// add the styles to the DOM
|
|
53326
53323
|
var add = (__webpack_require__(54402)/* ["default"] */ .Z)
|
|
53327
|
-
var update = add("
|
|
53324
|
+
var update = add("17eccdac", content, true, {"sourceMap":false,"shadowMode":false});
|
|
53328
53325
|
|
|
53329
53326
|
/***/ }),
|
|
53330
53327
|
|