@nextcloud/vue 8.23.0 → 8.24.0

package/dist/Components/NcChip.mjs

@@ -1,8 +1,8 @@
-import '../assets/NcChip-CIvAlds6.css';
+import '../assets/NcChip-BNLuZgd6.css';
 import { useSlots, computed } from "vue";
-import { r as register, u as t17, a as t } from "../chunks/_l10n-BFZBMn-A.mjs";
-import { N as NcActions } from "../chunks/NcActions-DV02tDLT.mjs";
-import { N as NcActionButton } from "../chunks/NcActionButton-CEysTg4c.mjs";
+import { r as register, u as t17, a as t } from "../chunks/_l10n-DKne-gFg.mjs";
+import { N as NcActions } from "../chunks/NcActions-C_H0APKA.mjs";
+import { N as NcActionButton } from "../chunks/NcActionButton-BFxArTsE.mjs";
 import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-CHmdAuhg.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 var mdiClose = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";
@@ -26,8 +26,10 @@ const _sfc_main = {
       default: ""
     },
     /**
-     * Chip style
-     * This sets the background style of the chip, similar to NcButton's `type`
+     * Set the chips design variant-
+     *
+     * This sets the background style of the chip, similar to NcButton's `variant`.
+     * @deprecated will be removed with v9 - use `variant` instead.
      */
     type: {
       type: String,
@@ -55,32 +57,44 @@ const _sfc_main = {
     noClose: {
       type: Boolean,
       default: false
+    },
+    /**
+     * Set the chips design variant-
+     *
+     * This sets the background style of the chip, similar to NcButton's `variant`.
+     * @since 8.24.0
+     */
+    variant: {
+      type: String,
+      default: "secondary",
+      validator: (value) => ["primary", "secondary", "tertiary"].includes(value)
     }
   },
   emits: ["close"],
   setup(__props, { emit }) {
     const props = __props;
     const slots = useSlots();
+    const realVariant = computed(() => props.type !== "secondary" ? props.type : props.variant);
     const canClose = computed(() => !props.noClose);
     const hasActions = () => Boolean(slots.actions?.());
     const hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.());
     const onClose = () => {
       emit("close");
     };
-    return { __sfc: true, props, emit, slots, canClose, hasActions, hasIcon, onClose, mdiClose, NcActions, NcActionButton, NcIconSvgWrapper };
+    return { __sfc: true, props, emit, slots, realVariant, canClose, hasActions, hasIcon, onClose, mdiClose, NcActions, NcActionButton, NcIconSvgWrapper };
   }
 };
 var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
   return _c("div", { staticClass: "nc-chip", class: {
-    [`nc-chip--${_vm.type}`]: true,
+    [`nc-chip--${_setup.realVariant}`]: true,
     "nc-chip--no-actions": _vm.noClose && !_setup.hasActions(),
     "nc-chip--no-icon": !_setup.hasIcon()
   } }, [_setup.hasIcon() ? _c("span", { staticClass: "nc-chip__icon" }, [_vm._t("icon", function() {
     return [_vm.iconPath || _vm.iconSvg ? _c(_setup.NcIconSvgWrapper, { attrs: { "inline": "", "path": _vm.iconPath, "svg": _vm.iconPath ? void 0 : _vm.iconSvg, "size": 18 } }) : _vm._e()];
   })], 2) : _vm._e(), _c("span", { staticClass: "nc-chip__text" }, [_vm._t("default", function() {
     return [_vm._v(_vm._s(_vm.text))];
-  })], 2), _setup.canClose || _setup.hasActions() ? _c(_setup.NcActions, { staticClass: "nc-chip__actions", attrs: { "force-menu": !_setup.canClose, "type": "tertiary-no-background" } }, [_setup.canClose ? _c(_setup.NcActionButton, { attrs: { "close-after-click": "" }, on: { "click": _setup.onClose }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+  })], 2), _setup.canClose || _setup.hasActions() ? _c(_setup.NcActions, { staticClass: "nc-chip__actions", attrs: { "force-menu": !_setup.canClose, "variant": "tertiary-no-background" } }, [_setup.canClose ? _c(_setup.NcActionButton, { attrs: { "close-after-click": "" }, on: { "click": _setup.onClose }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
     return [_c(_setup.NcIconSvgWrapper, { attrs: { "path": _setup.mdiClose, "size": 20 } })];
   }, proxy: true }], null, false, 2547223506) }, [_vm._v(" " + _vm._s(_vm.ariaLabelClose) + " ")]) : _vm._e(), _vm._t("actions")], 2) : _vm._e()], 1);
 };
@@ -91,9 +105,10 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "32e919e0"
+  "e82c5d32"
 );
 const NcChip = __component__.exports;
 export {
   NcChip as default
 };
+//# sourceMappingURL=NcChip.mjs.map