@frollo/frollo-web-ui 9.0.9 → 9.0.10

package/esm/fw-tag-B0fVslEZ.js

@@ -1,199 +0,0 @@
-import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot, createVNode, createCommentVNode, vShow } from 'vue';
-import './fw-button.js';
-import { d as render$1 } from './index-v1DX6R2G.js';
-import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { s as script } from './fw-button-ChYejNWD.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var TAG_CLASSES = {
-  primary: {
-    text: 'text-button-primary-text',
-    background: 'bg-button-primary-bg',
-    iconButtonType: 'primary'
-  },
-  secondary: {
-    text: 'text-primary',
-    background: 'fw-tag--secondary-bg',
-    iconButtonType: 'tertiary'
-  },
-  tertiary: {
-    text: 'text-body',
-    background: 'bg-brand-bg4',
-    iconButtonType: 'tertiary'
-  },
-  quaternary: {
-    text: 'text-body',
-    background: 'bg-brand-bg3',
-    iconButtonType: 'tertiary'
-  },
-  alert: {
-    text: 'text-white',
-    background: 'bg-brand-warning-bg',
-    iconButtonType: 'error'
-  },
-  success: {
-    text: 'text-secondary',
-    background: 'bg-brand-success-new',
-    iconButtonType: 'success'
-  },
-  error: {
-    text: 'text-white',
-    background: 'bg-brand-error-text',
-    iconButtonType: 'error'
-  }
-};
-var SIZES = {
-  xs: 'px-2 py-px text-xs',
-  sm: 'px-4 py-1 text-sm',
-  md: 'px-4 py-3 h-6 text-md'
-};
-var ICON_SIZES = {
-  xs: 'w-4 h-4',
-  sm: 'w-5 h-5',
-  md: 'w-5 h-5'
-};
-var baseClass = 'inline-flex items-center justify-center text-center whitespace-nowrap rounded-full';
-var __default__ = defineComponent({
-  name: 'FwTag',
-  components: {
-    FwButton: script,
-    XMarkSvg: render$1
-  },
-  props: {
-    /**
-     * The label text of the tag.
-     * Overrides the default slot content.
-     */
-    label: {
-      type: String
-    },
-    /**
-     * The size of the tag. Accepts: 'xs', 'sm' & 'md'
-     */
-    size: {
-      type: String,
-      "default": 'xs',
-      validator: function validator(value) {
-        return ['xs', 'sm', 'md'].includes(value);
-      }
-    },
-    /**
-     * The colour variant of the tag. Accepts 'primary', 'secondary', 'alert', 'error', 'success'
-     */
-    variant: {
-      type: String,
-      "default": 'primary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'quaternary', 'alert', 'error', 'success'].includes(value);
-      }
-    },
-    /**
-     * Whether the tag can be dismissed or closed.
-     */
-    dismissable: {
-      type: Boolean,
-      "default": false
-    }
-  },
-  emits: [/** Fires when the tag is dismissed. */
-  'dismissed'],
-  setup: function setup(props, ctx) {
-    var visible = ref(true);
-    var variantDef = computed(function () {
-      return TAG_CLASSES[props.variant];
-    });
-    var _useColours = useColours(),
-      primaryFade5 = _useColours.primaryFade5;
-    var textColorClass = computed(function () {
-      return variantDef.value.text;
-    });
-    var bgColorClass = computed(function () {
-      return variantDef.value.background;
-    });
-    var iconButtonType = computed(function () {
-      return variantDef.value.iconButtonType;
-    });
-    var sizeClass = computed(function () {
-      return SIZES[props.size];
-    });
-    var iconSizeClass = computed(function () {
-      return ICON_SIZES[props.size];
-    });
-    var rootClasses = computed(function () {
-      return [baseClass, textColorClass.value, bgColorClass.value, sizeClass.value, props.dismissable ? 'shadow font-semibold' : 'font-normal'];
-    });
-    var onDismiss = function onDismiss() {
-      visible.value = false;
-      ctx.emit('dismissed');
-    };
-    return {
-      visible: visible,
-      baseClass: baseClass,
-      textColorClass: textColorClass,
-      bgColorClass: bgColorClass,
-      sizeClass: sizeClass,
-      iconSizeClass: iconSizeClass,
-      iconButtonType: iconButtonType,
-      primaryFade5: primaryFade5,
-      onDismiss: onDismiss,
-      rootClasses: rootClasses
-    };
-  }
-});
-var __injectCSSVars__ = function __injectCSSVars__() {
-  useCssVars(function (_ctx) {
-    return {
-      "v1b4b8120": _ctx.primaryFade5
-    };
-  });
-};
-var __setup__ = __default__.setup;
-__default__.setup = __setup__ ? function (props, ctx) {
-  __injectCSSVars__();
-  return __setup__(props, ctx);
-} : __injectCSSVars__;
-
-var _hoisted_1 = {
-  key: 0
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_XMarkSvg = resolveComponent("XMarkSvg");
-  var _component_FwButton = resolveComponent("FwButton");
-  return openBlock(), createBlock(Transition, {
-    name: "fw-tag-fade-scale",
-    appear: ""
-  }, {
-    "default": withCtx(function () {
-      return [withDirectives(createElementVNode("span", {
-        "class": normalizeClass(["fw-tag", _ctx.rootClasses]),
-        role: "status"
-      }, [_ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", {
-        key: 1
-      }), _ctx.dismissable ? (openBlock(), createBlock(_component_FwButton, {
-        key: 2,
-        variant: _ctx.iconButtonType,
-        "class": normalizeClass([_ctx.iconSizeClass, "ml-1 !p-0 flex items-center justify-center border-none rounded-full"]),
-        tabindex: "0",
-        title: "Dismiss filter",
-        "aria-label": "Dismiss",
-        onClick: _ctx.onDismiss
-      }, {
-        "default": withCtx(function () {
-          return [createVNode(_component_XMarkSvg, {
-            "class": "w-3 h-3 font-semibold m-0"
-          })];
-        }),
-        _: 1
-      }, 8, ["variant", "class", "onClick"])) : createCommentVNode("", true)], 2), [[vShow, _ctx.visible]])];
-    }),
-    _: 3
-  });
-}
-
-var css_248z = ".fw-tag{line-height:normal;-webkit-transition:opacity .18s ease,xw background-color .18s ease,color .18s ease,-webkit-transform .18s ease;transition:opacity .18s ease,xw background-color .18s ease,color .18s ease,-webkit-transform .18s ease;-moz-transition:transform .18s ease,opacity .18s ease,xw background-color .18s ease,color .18s ease,-moz-transform .18s ease;transition:transform .18s ease,opacity .18s ease,xw background-color .18s ease,color .18s ease;transition:transform .18s ease,opacity .18s ease,xw background-color .18s ease,color .18s ease,-webkit-transform .18s ease,-moz-transform .18s ease;will-change:transform,opacity}.fw-tag--secondary-bg{background:var(--v1b4b8120)}.fw-tag-fade-scale-enter-active,.fw-tag-fade-scale-leave-active{-webkit-transition:opacity .18s ease,-webkit-transform .18s ease;transition:opacity .18s ease,-webkit-transform .18s ease;-moz-transition:transform .18s ease,opacity .18s ease,-moz-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease,-moz-transform .18s ease}.fw-tag-fade-scale-enter-from,.fw-tag-fade-scale-leave-to{opacity:0;-webkit-transform:scale(.96);-moz-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}";
-var stylesheet = ".fw-tag{line-height:normal;-webkit-transition:opacity .18s ease,xw background-color .18s ease,color .18s ease,-webkit-transform .18s ease;transition:opacity .18s ease,xw background-color .18s ease,color .18s ease,-webkit-transform .18s ease;-moz-transition:transform .18s ease,opacity .18s ease,xw background-color .18s ease,color .18s ease,-moz-transform .18s ease;transition:transform .18s ease,opacity .18s ease,xw background-color .18s ease,color .18s ease;transition:transform .18s ease,opacity .18s ease,xw background-color .18s ease,color .18s ease,-webkit-transform .18s ease,-moz-transform .18s ease;will-change:transform,opacity}.fw-tag--secondary-bg{background:var(--v1b4b8120)}.fw-tag-fade-scale-enter-active,.fw-tag-fade-scale-leave-active{-webkit-transition:opacity .18s ease,-webkit-transform .18s ease;transition:opacity .18s ease,-webkit-transform .18s ease;-moz-transition:transform .18s ease,opacity .18s ease,-moz-transform .18s ease;transition:transform .18s ease,opacity .18s ease;transition:transform .18s ease,opacity .18s ease,-webkit-transform .18s ease,-moz-transform .18s ease}.fw-tag-fade-scale-enter-from,.fw-tag-fade-scale-leave-to{opacity:0;-webkit-transform:scale(.96);-moz-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}";
-styleInject(css_248z);
-
-__default__.render = render;
-
-export { __default__ as _ };