@ldmjs/ui 1.0.17 → 1.0.19

package/dist/index.js

@@ -607,18 +607,141 @@ function ld_loader_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_loader = (ld_loader_reg);
 
-;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-button/ld-button.vue?vue&type=template&id=2f14fde1
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-chip/ld-chip.vue?vue&type=template&id=4722b6ca&ts=true
+
+const ld_chipvue_type_template_id_4722b6ca_ts_true_hoisted_1 = /*#__PURE__*/ (0,external_vue_.createElementVNode)("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    id: "close_18",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+}, [
+    /*#__PURE__*/ (0,external_vue_.createElementVNode)("rect", {
+        style: { "fill": "currentColor", "stroke-width": "1.5" },
+        id: "rect1",
+        width: "1.1693057",
+        height: "13.973204",
+        x: "11.941731",
+        y: "-7.1519666",
+        rx: "0.85917288",
+        ry: "0.65454429",
+        transform: "rotate(45)"
+    }),
+    /*#__PURE__*/ (0,external_vue_.createTextVNode)(),
+    /*#__PURE__*/ (0,external_vue_.createElementVNode)("rect", {
+        style: { "fill": "currentColor", "stroke-width": "1.5" },
+        id: "rect1-1",
+        width: "1.1693057",
+        height: "13.973204",
+        x: "-0.76293743",
+        y: "5.5370965",
+        rx: "0.85917288",
+        ry: "0.65454429",
+        transform: "matrix(-0.70710678,0.70710678,0.70710678,0.70710678,0,0)"
+    })
+], -1);
+function ld_chipvue_type_template_id_4722b6ca_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_v_btn = (0,external_vue_.resolveComponent)("v-btn");
+    const _component_v_chip = (0,external_vue_.resolveComponent)("v-chip");
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_chip, {
+        variant: "outlined",
+        color: _ctx.color,
+        closable: false,
+        class: "small-chip"
+    }, {
+        append: (0,external_vue_.withCtx)(() => [
+            (_ctx.closable)
+                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_btn, {
+                    key: 0,
+                    id: "btn-close",
+                    variant: "text",
+                    icon: "",
+                    width: "18",
+                    height: "18",
+                    onClick: _cache[0] || (_cache[0] = ($event) => (_ctx.$emit('click:close')))
+                }, {
+                    default: (0,external_vue_.withCtx)(() => [
+                        ld_chipvue_type_template_id_4722b6ca_ts_true_hoisted_1
+                    ]),
+                    _: 1
+                }))
+                : (0,external_vue_.createCommentVNode)("", true)
+        ]),
+        default: (0,external_vue_.withCtx)(() => [
+            (0,external_vue_.renderSlot)(_ctx.$slots, "default"),
+            (0,external_vue_.createTextVNode)()
+        ]),
+        _: 3
+    }, 8, ["color"]));
+}
+
+;// CONCATENATED MODULE: ./src/ld-chip/ld-chip.vue?vue&type=template&id=4722b6ca&ts=true
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-chip/ld-chip.ts?vue&type=script&lang=ts&external
+var ld_chipvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ld_chipvue_type_script_lang_ts_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+/**
+ * Chip
+ * @displayName small-chip
+ */
+let ChipComponent = class ChipComponent extends external_vue_class_component_.Vue {
+};
+ld_chipvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
+    ld_chipvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], ChipComponent.prototype, "closable", void 0);
+ld_chipvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: 'primary' }),
+    ld_chipvue_type_script_lang_ts_external_metadata("design:type", String)
+], ChipComponent.prototype, "color", void 0);
+ChipComponent = ld_chipvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_class_component_.Options)({
+        emits: ['click:close']
+    })
+], ChipComponent);
+/* harmony default export */ const ld_chipvue_type_script_lang_ts_external = (ChipComponent);
+
+;// CONCATENATED MODULE: ./src/ld-chip/ld-chip.ts?vue&type=script&lang=ts&external
+ 
+;// CONCATENATED MODULE: ./src/ld-chip/ld-chip.vue
+
 
 
-const ld_buttonvue_type_template_id_2f14fde1_hoisted_1 = { class: "d-inline-flex" }
 
-function ld_buttonvue_type_template_id_2f14fde1_render(_ctx, _cache, $props, $setup, $data, $options) {
+;
+const ld_chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_chipvue_type_script_lang_ts_external, [['render',ld_chipvue_type_template_id_4722b6ca_ts_true_render]])
+
+/* harmony default export */ const ld_chip = (ld_chip_exports_);
+;// CONCATENATED MODULE: ./src/ld-chip/index.ts
+
+function ld_chip_reg(vue, options) {
+    vue.component('small-chip', ld_chip);
+}
+/* harmony default export */ const src_ld_chip = (ld_chip_reg);
+
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-button/ld-button.vue?vue&type=template&id=c4f3f8da
+
+
+const ld_buttonvue_type_template_id_c4f3f8da_hoisted_1 = { class: "d-inline-flex" }
+
+function ld_buttonvue_type_template_id_c4f3f8da_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
   const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip")
   const _component_small_button = (0,external_vue_.resolveComponent)("small-button")
   const _directive_active = (0,external_vue_.resolveDirective)("active")
 
-  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_buttonvue_type_template_id_2f14fde1_hoisted_1, [
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_buttonvue_type_template_id_c4f3f8da_hoisted_1, [
     (_ctx.isTabletView || _ctx.isTabletGlobal)
       ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_tooltip, {
           key: 0,
@@ -629,6 +752,7 @@ function ld_buttonvue_type_template_id_2f14fde1_render(_ctx, _cache, $props, $se
               "data-testid": _ctx.testid,
               variant: _ctx.variant,
               color: _ctx.color,
+              icon: _ctx.icon,
               disabled: _ctx.disabled,
               loading: _ctx.loading,
               onClick: _ctx.onClick
@@ -639,7 +763,7 @@ function ld_buttonvue_type_template_id_2f14fde1_render(_ctx, _cache, $props, $se
                 (0,external_vue_.renderSlot)(_ctx.$slots, "hidden")
               ]),
               _: 2
-            }, 1040, ["data-testid", "variant", "color", "disabled", "loading", "onClick"])), [
+            }, 1040, ["data-testid", "variant", "color", "icon", "disabled", "loading", "onClick"])), [
               [_directive_active, _ctx.active]
             ])
           ]),
@@ -677,6 +801,7 @@ function ld_buttonvue_type_template_id_2f14fde1_render(_ctx, _cache, $props, $se
               color: _ctx.color,
               disabled: _ctx.disabled,
               loading: _ctx.loading,
+              icon: _ctx.icon,
               variant: _ctx.variant,
               onClick: _ctx.onClick
             }, {
@@ -686,13 +811,13 @@ function ld_buttonvue_type_template_id_2f14fde1_render(_ctx, _cache, $props, $se
                 (0,external_vue_.renderSlot)(_ctx.$slots, "hidden")
               ]),
               _: 3
-            }, 8, ["data-testid", "color", "disabled", "loading", "variant", "onClick"])), [
+            }, 8, ["data-testid", "color", "disabled", "loading", "icon", "variant", "onClick"])), [
               [_directive_active, _ctx.active]
             ])
           : (0,external_vue_.createCommentVNode)("", true)
   ]))
 }
-;// CONCATENATED MODULE: ./src/ld-button/ld-button.vue?vue&type=template&id=2f14fde1
+;// CONCATENATED MODULE: ./src/ld-button/ld-button.vue?vue&type=template&id=c4f3f8da
 
 ;// CONCATENATED MODULE: ./src/mixins/viewport.mixins.ts
 
@@ -777,7 +902,7 @@ ld_buttonvue_type_script_lang_js_external_decorate([
 ld_buttonvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
     ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
-], ResponsiveButtonComponent.prototype, "text", void 0);
+], ResponsiveButtonComponent.prototype, "icon", void 0);
 ld_buttonvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ type: String, default: 'primary' }),
     ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
@@ -829,7 +954,7 @@ ResponsiveButtonComponent = ld_buttonvue_type_script_lang_js_external_decorate([
 
 
 ;
-const ld_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_buttonvue_type_script_lang_js_external, [['render',ld_buttonvue_type_template_id_2f14fde1_render]])
+const ld_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_buttonvue_type_script_lang_js_external, [['render',ld_buttonvue_type_template_id_c4f3f8da_render]])
 
 /* harmony default export */ const ld_button = (ld_button_exports_);
 ;// CONCATENATED MODULE: ./src/ld-button/index.ts
@@ -11563,7 +11688,7 @@ var ld_checkboxvue_type_script_lang_ts_external_metadata = (undefined && undefin
 
 /**
  * Чекбокс
- * @displayName card-checkbox
+ * @displayName ld-checkbox
  */
 class CheckboxComponent extends (0,external_vue_property_decorator_.mixins)(InputMixin, GridMixin) {
     constructor() {
@@ -16580,7 +16705,6 @@ var external_vue_toastification_default = /*#__PURE__*/__webpack_require__.n(ext
 const aliases = {
     SmallButton: 'VBtn',
     SquareButton: 'VBtn',
-    SmallChip: 'VChip',
     SmallBadge: 'VChip',
 };
 const defaults = {
@@ -16598,13 +16722,6 @@ const defaults = {
         color: 'grey',
         class: 'square-sm-button',
     },
-    SmallChip: {
-        variant: 'outlined',
-        color: 'primary',
-        closable: true,
-        closeIcon: 'close',
-        class: 'small-chip',
-    },
     SmallBadge: {
         class: 'v-chip--badge',
         variant: 'outlined',
@@ -16899,6 +17016,7 @@ const ValidateMixinOptions = mixin;
 
 
 
+
 
 
 const ldmuiPlugin = {
@@ -16960,6 +17078,7 @@ const ldmuiPlugin = {
         vue.config.globalProperties.$toasted = toast;
         src_ld_icon(vue, options);
         src_ld_loader(vue, options);
+        src_ld_chip(vue, options);
         src_ld_button(vue, options);
         src_ld_splitter(vue, options);
         src_ld_toggle_buttons(vue, options);

package/dist/scss/_buttons.scss

@@ -85,9 +85,9 @@ body {
       }
     }
 
-    &.bg-gray {
+    &.bg-grey {
       background-color: var(--grey-l-6) !important;
-      color: var(--text);
+      color: var(--text) !important;
 
       &:hover {
         color: var(--grey) !important;
@@ -204,6 +204,7 @@ body {
     &.v-btn--icon {
       border: none;
       border-radius: var(--border-radius);
+      background: none !important;
     }
 
     .v-icon:not(.custom-icon) {
@@ -212,58 +213,71 @@ body {
 
     &.bg-primary {
       color: var(--white) !important;
-      background-color: var(--primary-l-2) !important;
+      &:not(.v-btn--icon) {
+        background-color: var(--primary-l-2) !important;
 
-      &:hover {
-        background-color: var(--primary-l-1) !important;
-      }
+        &:hover {
+          background-color: var(--primary-l-1) !important;
+        }
 
-      &:active {
-        background-color: var(--primary) !important;
+        &:active {
+          background-color: var(--primary) !important;
+        }
       }
     }
 
     &.bg-success {
-      background-color: var(--success) !important;
       color: var(--white) !important;
+      &:not(.v-btn--icon) {
+        background-color: var(--success) !important;
 
-      &:hover {
-        background-color: var(--success-d-1) !important;
-      }
+        &:hover {
+          background-color: var(--success-d-1) !important;
+        }
 
-      &:active {
-        background-color: var(--success-d-2) !important;
+        &:active {
+          background-color: var(--success-d-2) !important;
+        }
       }
 
       &[disabled] {
-        background-color: var(--grey-l-5) !important;
         color: var(--grey) !important;
+
+        &:not(.v-btn--icon) {
+          background-color: var(--grey-l-5) !important;
+        }
       }
     }
 
     &.bg-grey {
-      background-color: var(--grey-l-6) !important;
+      color: var(--grey);
+      &:not(.v-btn--icon) {
+        background-color: var(--grey-l-6) !important;
 
-      svg {
-        color: var(--grey);
-      }
+        &:hover {
+          svg {
+            color: var(--grey-l-1) !important;
+          }
+        }
 
-      &:hover {
-        svg {
-          color: var(--grey-l-1) !important;
+        &:active {
+          background-color: var(--grey-l-4) !important;
+          svg {
+            color: var(--text) !important;
+          }
         }
       }
 
-      &:active {
-        background-color: var(--grey-l-4) !important;
-        svg {
-          color: var(--text) !important;
-        }
+      svg {
+        color: var(--grey);
       }
 
       &[disabled] {
-        background-color: var(--grey-l-5) !important;
         color: var(--grey) !important;
+
+        &:not(.v-btn--icon) {
+          background-color: var(--grey-l-5) !important;
+        }
       }
     }
 

package/dist/scss/_chip.scss

@@ -61,6 +61,10 @@ body {
 
   .v-chip.small-chip {
     font-size: var(--font-size);
+
+    .v-btn {
+      transform: translateX(6px);
+    }
   }
   .v-chip.v-chip--badge {
     font-size: var(--font-size);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {