@becompliancebr/shared-components 1.10.1 → 1.11.0

package/dist/shared-components.common.js

@@ -4128,7 +4128,7 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 88664:
+/***/ 59719:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4146,195 +4146,11 @@ var VCard = __webpack_require__(3698);
 var components_VCard = __webpack_require__(52938);
 // EXTERNAL MODULE: ./node_modules/vuetify/lib/components/VIcon/VIcon.js
 var VIcon = __webpack_require__(85286);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__(44114);
-// EXTERNAL MODULE: ./node_modules/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.sass
-var VSkeletonLoader = __webpack_require__(10403);
-// EXTERNAL MODULE: ./node_modules/vuetify/lib/mixins/elevatable/index.js
-var elevatable = __webpack_require__(13251);
-// EXTERNAL MODULE: ./node_modules/vuetify/lib/mixins/measurable/index.js
-var measurable = __webpack_require__(34901);
-// EXTERNAL MODULE: ./node_modules/vuetify/lib/mixins/themeable/index.js
-var themeable = __webpack_require__(73381);
-// EXTERNAL MODULE: ./node_modules/vuetify/lib/util/mixins.js
-var mixins = __webpack_require__(95803);
-// EXTERNAL MODULE: ./node_modules/vuetify/lib/util/helpers.js
-var helpers = __webpack_require__(4152);
-;// ./node_modules/vuetify/lib/components/VSkeletonLoader/VSkeletonLoader.js
-
-// Styles
- // Mixins
-
-
-
- // Utilities
-
-
-
-/* @vue/component */
-
-/* harmony default export */ var VSkeletonLoader_VSkeletonLoader = ((0,mixins/* default */.A)(elevatable/* default */.A, measurable/* default */.A, themeable/* default */.A).extend({
-  name: 'VSkeletonLoader',
-  props: {
-    boilerplate: Boolean,
-    loading: Boolean,
-    tile: Boolean,
-    transition: String,
-    type: String,
-    types: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    attrs() {
-      if (!this.isLoading) return this.$attrs;
-      return !this.boilerplate ? {
-        'aria-busy': true,
-        'aria-live': 'polite',
-        role: 'alert',
-        ...this.$attrs
-      } : {};
-    },
-    classes() {
-      return {
-        'v-skeleton-loader--boilerplate': this.boilerplate,
-        'v-skeleton-loader--is-loading': this.isLoading,
-        'v-skeleton-loader--tile': this.tile,
-        ...this.themeClasses,
-        ...this.elevationClasses
-      };
-    },
-    isLoading() {
-      return !('default' in this.$scopedSlots) || this.loading;
-    },
-    rootTypes() {
-      return {
-        actions: 'button@2',
-        article: 'heading, paragraph',
-        avatar: 'avatar',
-        button: 'button',
-        card: 'image, card-heading',
-        'card-avatar': 'image, list-item-avatar',
-        'card-heading': 'heading',
-        chip: 'chip',
-        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',
-        'date-picker-options': 'text, avatar@2',
-        'date-picker-days': 'avatar@28',
-        heading: 'heading',
-        image: 'image',
-        'list-item': 'text',
-        'list-item-avatar': 'avatar, text',
-        'list-item-two-line': 'sentences',
-        'list-item-avatar-two-line': 'avatar, sentences',
-        'list-item-three-line': 'paragraph',
-        'list-item-avatar-three-line': 'avatar, paragraph',
-        paragraph: 'text@3',
-        sentences: 'text@2',
-        table: 'table-heading, table-thead, table-tbody, table-tfoot',
-        'table-heading': 'heading, text',
-        'table-thead': 'heading@6',
-        'table-tbody': 'table-row-divider@6',
-        'table-row-divider': 'table-row, divider',
-        'table-row': 'table-cell@6',
-        'table-cell': 'text',
-        'table-tfoot': 'text@2, avatar@2',
-        text: 'text',
-        ...this.types
-      };
-    }
-  },
-  methods: {
-    genBone(text, children) {
-      return this.$createElement('div', {
-        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`
-      }, children);
-    },
-    genBones(bone) {
-      // e.g. 'text@3'
-      const [type, length] = bone.split('@');
-      const generator = () => this.genStructure(type); // Generate a length array based upon
-      // value after @ in the bone string
-
-      return Array.from({
-        length
-      }).map(generator);
-    },
-    // Fix type when this is merged
-    // https://github.com/microsoft/TypeScript/pull/33050
-    genStructure(type) {
-      let children = [];
-      type = type || this.type || '';
-      const bone = this.rootTypes[type] || ''; // End of recursion, do nothing
-
-      /* eslint-disable-next-line no-empty, brace-style */
-
-      if (type === bone) {} // Array of values - e.g. 'heading, paragraph, text@2'
-      else if (type.indexOf(',') > -1) return this.mapBones(type); // Array of values - e.g. 'paragraph@4'
-      else if (type.indexOf('@') > -1) return this.genBones(type); // Array of values - e.g. 'card@2'
-      else if (bone.indexOf(',') > -1) children = this.mapBones(bone); // Array of values - e.g. 'list-item@2'
-      else if (bone.indexOf('@') > -1) children = this.genBones(bone); // Single value - e.g. 'card-heading'
-      else if (bone) children.push(this.genStructure(bone));
-      return [this.genBone(type, children)];
-    },
-    genSkeleton() {
-      const children = [];
-      if (!this.isLoading) children.push((0,helpers/* getSlot */.$c)(this));else children.push(this.genStructure());
-      /* istanbul ignore else */
-
-      if (!this.transition) return children;
-      /* istanbul ignore next */
-
-      return this.$createElement('transition', {
-        props: {
-          name: this.transition
-        },
-        // Only show transition when
-        // content has been loaded
-        on: {
-          afterEnter: this.resetStyles,
-          beforeEnter: this.onBeforeEnter,
-          beforeLeave: this.onBeforeLeave,
-          leaveCancelled: this.resetStyles
-        }
-      }, children);
-    },
-    mapBones(bones) {
-      // Remove spaces and return array of structures
-      return bones.replace(/\s/g, '').split(',').map(this.genStructure);
-    },
-    onBeforeEnter(el) {
-      this.resetStyles(el);
-      if (!this.isLoading) return;
-      el._initialStyle = {
-        display: el.style.display,
-        transition: el.style.transition
-      };
-      el.style.setProperty('transition', 'none', 'important');
-    },
-    onBeforeLeave(el) {
-      el.style.setProperty('display', 'none', 'important');
-    },
-    resetStyles(el) {
-      if (!el._initialStyle) return;
-      el.style.display = el._initialStyle.display || '';
-      el.style.transition = el._initialStyle.transition;
-      delete el._initialStyle;
-    }
-  },
-  render(h) {
-    return h('div', {
-      staticClass: 'v-skeleton-loader',
-      attrs: this.attrs,
-      on: this.$listeners,
-      class: this.classes,
-      style: this.isLoading ? this.measurableStyles : undefined
-    }, [this.genSkeleton()]);
-  }
-}));
+// EXTERNAL MODULE: ./node_modules/vuetify/lib/components/VSkeletonLoader/VSkeletonLoader.js
+var VSkeletonLoader = __webpack_require__(20530);
 // EXTERNAL MODULE: ./node_modules/vuetify/lib/components/VTooltip/VTooltip.js
 var VTooltip = __webpack_require__(49222);
-;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeCountCard/BeCountCard.vue?vue&type=template&id=0f226f48&scoped=true
+;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeCountCard/BeCountCard.vue?vue&type=template&id=4de47125&scoped=true
 
 
 
@@ -4361,7 +4177,7 @@ var render = function render() {
       "height": "100%",
       "color": _vm.color
     }
-  }, [_vm.loading ? _c(VSkeletonLoader_VSkeletonLoader, {
+  }, [_vm.loading ? _c(VSkeletonLoader/* default */.A, {
     staticStyle: {
       "height": "100%"
     },
@@ -4399,7 +4215,7 @@ var render = function render() {
   }, [[_c('div', {
     staticClass: "ms-1",
     class: `${_vm.textColor}--text`,
-    style: _vm.dense ? 'font-size: 1em' : 'font-size: 1rem'
+    style: _vm.fontSize ? `font-size: ${_vm.fontSize}` : _vm.dense ? 'font-size: 1em' : 'font-size: 1rem'
   }, [_vm._v(" " + _vm._s(_vm.label) + " "), !!_vm.infoTooltip || !!_vm.showInfoIcon ? _c(VTooltip/* default */.A, {
     attrs: {
       "bottom": "",
@@ -4500,6 +4316,10 @@ var BeTextInfoIcon = __webpack_require__(35718);
     dense: {
       type: Boolean,
       default: false
+    },
+    fontSize: {
+      type: String,
+      default: ""
     }
   },
   methods: {
@@ -4513,9 +4333,9 @@ var BeTextInfoIcon = __webpack_require__(35718);
 });
 ;// ./src/components/BeCountCard/BeCountCard.vue?vue&type=script&lang=js
  /* harmony default export */ var BeCountCard_BeCountCardvue_type_script_lang_js = (BeCountCardvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeCountCard/BeCountCard.vue?vue&type=style&index=0&id=0f226f48&prod&scoped=true&lang=css
-var BeCountCardvue_type_style_index_0_id_0f226f48_prod_scoped_true_lang_css = __webpack_require__(12059);
-;// ./src/components/BeCountCard/BeCountCard.vue?vue&type=style&index=0&id=0f226f48&prod&scoped=true&lang=css
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeCountCard/BeCountCard.vue?vue&type=style&index=0&id=4de47125&prod&scoped=true&lang=css
+var BeCountCardvue_type_style_index_0_id_4de47125_prod_scoped_true_lang_css = __webpack_require__(62305);
+;// ./src/components/BeCountCard/BeCountCard.vue?vue&type=style&index=0&id=4de47125&prod&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(81656);
@@ -4534,7 +4354,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "0f226f48",
+  "4de47125",
   null
   
 )
@@ -4543,6 +4363,192 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
+/***/ 87975:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ BeCountCardSmall; }
+});
+
+// EXTERNAL MODULE: ./node_modules/vuetify/lib/components/VCard/VCard.js
+var VCard = __webpack_require__(3698);
+// EXTERNAL MODULE: ./node_modules/vuetify/lib/components/VIcon/VIcon.js
+var VIcon = __webpack_require__(85286);
+// EXTERNAL MODULE: ./node_modules/vuetify/lib/components/VSkeletonLoader/VSkeletonLoader.js
+var VSkeletonLoader = __webpack_require__(20530);
+;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeCountCardSmall/BeCountCardSmall.vue?vue&type=template&id=0f85c0d5&scoped=true
+
+
+
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    style: `height: 100%; min-height: ${_vm.height}; max-height: ${_vm.maxHeight}; max-width: ${_vm.maxWidth};`,
+    on: {
+      "click": _vm.filter
+    }
+  }, [_c(VCard/* default */.A, {
+    class: `elevation-${_vm.elevation} rounded-lg`,
+    style: `
+      overflow: hidden;
+      z-index: 1; padding: 12px;
+    `,
+    attrs: {
+      "href": _vm.to,
+      "target": "_blank",
+      "min-height": _vm.height,
+      "max-height": _vm.maxHeight,
+      "max-width": _vm.maxWidth,
+      "height": "100%",
+      "color": _vm.color
+    }
+  }, [_vm.loading ? _c(VSkeletonLoader/* default */.A, {
+    staticStyle: {
+      "height": "100%"
+    },
+    attrs: {
+      "type": "list-item-avatar-two-line"
+    }
+  }) : _c('div', {
+    staticClass: "countCardSmall-container"
+  }, [_c('header', {
+    staticClass: "countCardSmall-container-header"
+  }, [_c('span', [_vm._v(_vm._s(_vm.label))]), _c(VIcon/* default */.A, {
+    attrs: {
+      "color": _vm.iconColor || _vm.color,
+      "size": _vm.iconSize
+    }
+  }, [_vm._v(_vm._s(_vm.icon))])], 1), _c('span', {
+    staticClass: "countCardSmall-container-count",
+    class: `${_vm.textColor}--text`
+  }, [_vm._v(_vm._s(_vm.count))])])], 1)], 1);
+};
+var staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeCountCardSmall/BeCountCardSmall.vue?vue&type=script&lang=js
+/* harmony default export */ var BeCountCardSmallvue_type_script_lang_js = ({
+  name: "BeCardCountSmall",
+  props: {
+    color: {
+      type: String,
+      default: "be-accent-cyan"
+    },
+    textColor: {
+      type: String,
+      default: "be-low-dark"
+    },
+    icon: {
+      type: String,
+      default: "fas fa-compress-arrows-alt"
+    },
+    iconSize: {
+      type: [String, Number],
+      default: "16"
+    },
+    iconColor: {
+      type: String
+    },
+    // iconContainerColor: {
+    //   type: String,
+    //   default: "white",
+    // },
+    label: {
+      type: String,
+      default: "label"
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    to: {
+      type: String,
+      default: ""
+    },
+    count: {
+      type: [Number, String],
+      default: 0
+    },
+    height: {
+      type: String,
+      default: "64"
+    },
+    maxHeight: {
+      type: String,
+      default: "64"
+    },
+    maxWidth: {
+      type: String,
+      default: "auto"
+    },
+    elevation: {
+      type: [Number, String],
+      default: 1
+    }
+
+    // labelPosition: {
+    //   type: String,
+    //   default: "bottom",
+    // },
+    // infoTooltip: {
+    //   type: String,
+    // },
+    // showInfoIcon: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+    // dense: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+  },
+  methods: {
+    filter() {
+      this.$emit("filter");
+    },
+    showInfo() {
+      this.$emit("showInfo");
+    }
+  }
+});
+;// ./src/components/BeCountCardSmall/BeCountCardSmall.vue?vue&type=script&lang=js
+ /* harmony default export */ var BeCountCardSmall_BeCountCardSmallvue_type_script_lang_js = (BeCountCardSmallvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/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/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeCountCardSmall/BeCountCardSmall.vue?vue&type=style&index=0&id=0f85c0d5&prod&lang=scss&scoped=true
+var BeCountCardSmallvue_type_style_index_0_id_0f85c0d5_prod_lang_scss_scoped_true = __webpack_require__(14206);
+;// ./src/components/BeCountCardSmall/BeCountCardSmall.vue?vue&type=style&index=0&id=0f85c0d5&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(81656);
+;// ./src/components/BeCountCardSmall/BeCountCardSmall.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  BeCountCardSmall_BeCountCardSmallvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "0f85c0d5",
+  null
+  
+)
+
+/* harmony default export */ var BeCountCardSmall = (component.exports);
+
+/***/ }),
+
 /***/ 20231:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -21394,6 +21400,193 @@ const baseMixins = (0,mixins/* default */.A)(VTextField_VTextField/* default */.
 
 /***/ }),
 
+/***/ 20530:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44114);
+/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _src_components_VSkeletonLoader_VSkeletonLoader_sass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10403);
+/* harmony import */ var _src_components_VSkeletonLoader_VSkeletonLoader_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_src_components_VSkeletonLoader_VSkeletonLoader_sass__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _mixins_elevatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(13251);
+/* harmony import */ var _mixins_measurable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(34901);
+/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(73381);
+/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(95803);
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4152);
+
+// Styles
+ // Mixins
+
+
+
+ // Utilities
+
+
+
+/* @vue/component */
+
+/* harmony default export */ __webpack_exports__.A = ((0,_util_mixins__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(_mixins_elevatable__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, _mixins_measurable__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A).extend({
+  name: 'VSkeletonLoader',
+  props: {
+    boilerplate: Boolean,
+    loading: Boolean,
+    tile: Boolean,
+    transition: String,
+    type: String,
+    types: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    attrs() {
+      if (!this.isLoading) return this.$attrs;
+      return !this.boilerplate ? {
+        'aria-busy': true,
+        'aria-live': 'polite',
+        role: 'alert',
+        ...this.$attrs
+      } : {};
+    },
+    classes() {
+      return {
+        'v-skeleton-loader--boilerplate': this.boilerplate,
+        'v-skeleton-loader--is-loading': this.isLoading,
+        'v-skeleton-loader--tile': this.tile,
+        ...this.themeClasses,
+        ...this.elevationClasses
+      };
+    },
+    isLoading() {
+      return !('default' in this.$scopedSlots) || this.loading;
+    },
+    rootTypes() {
+      return {
+        actions: 'button@2',
+        article: 'heading, paragraph',
+        avatar: 'avatar',
+        button: 'button',
+        card: 'image, card-heading',
+        'card-avatar': 'image, list-item-avatar',
+        'card-heading': 'heading',
+        chip: 'chip',
+        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',
+        'date-picker-options': 'text, avatar@2',
+        'date-picker-days': 'avatar@28',
+        heading: 'heading',
+        image: 'image',
+        'list-item': 'text',
+        'list-item-avatar': 'avatar, text',
+        'list-item-two-line': 'sentences',
+        'list-item-avatar-two-line': 'avatar, sentences',
+        'list-item-three-line': 'paragraph',
+        'list-item-avatar-three-line': 'avatar, paragraph',
+        paragraph: 'text@3',
+        sentences: 'text@2',
+        table: 'table-heading, table-thead, table-tbody, table-tfoot',
+        'table-heading': 'heading, text',
+        'table-thead': 'heading@6',
+        'table-tbody': 'table-row-divider@6',
+        'table-row-divider': 'table-row, divider',
+        'table-row': 'table-cell@6',
+        'table-cell': 'text',
+        'table-tfoot': 'text@2, avatar@2',
+        text: 'text',
+        ...this.types
+      };
+    }
+  },
+  methods: {
+    genBone(text, children) {
+      return this.$createElement('div', {
+        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`
+      }, children);
+    },
+    genBones(bone) {
+      // e.g. 'text@3'
+      const [type, length] = bone.split('@');
+      const generator = () => this.genStructure(type); // Generate a length array based upon
+      // value after @ in the bone string
+
+      return Array.from({
+        length
+      }).map(generator);
+    },
+    // Fix type when this is merged
+    // https://github.com/microsoft/TypeScript/pull/33050
+    genStructure(type) {
+      let children = [];
+      type = type || this.type || '';
+      const bone = this.rootTypes[type] || ''; // End of recursion, do nothing
+
+      /* eslint-disable-next-line no-empty, brace-style */
+
+      if (type === bone) {} // Array of values - e.g. 'heading, paragraph, text@2'
+      else if (type.indexOf(',') > -1) return this.mapBones(type); // Array of values - e.g. 'paragraph@4'
+      else if (type.indexOf('@') > -1) return this.genBones(type); // Array of values - e.g. 'card@2'
+      else if (bone.indexOf(',') > -1) children = this.mapBones(bone); // Array of values - e.g. 'list-item@2'
+      else if (bone.indexOf('@') > -1) children = this.genBones(bone); // Single value - e.g. 'card-heading'
+      else if (bone) children.push(this.genStructure(bone));
+      return [this.genBone(type, children)];
+    },
+    genSkeleton() {
+      const children = [];
+      if (!this.isLoading) children.push((0,_util_helpers__WEBPACK_IMPORTED_MODULE_6__/* .getSlot */ .$c)(this));else children.push(this.genStructure());
+      /* istanbul ignore else */
+
+      if (!this.transition) return children;
+      /* istanbul ignore next */
+
+      return this.$createElement('transition', {
+        props: {
+          name: this.transition
+        },
+        // Only show transition when
+        // content has been loaded
+        on: {
+          afterEnter: this.resetStyles,
+          beforeEnter: this.onBeforeEnter,
+          beforeLeave: this.onBeforeLeave,
+          leaveCancelled: this.resetStyles
+        }
+      }, children);
+    },
+    mapBones(bones) {
+      // Remove spaces and return array of structures
+      return bones.replace(/\s/g, '').split(',').map(this.genStructure);
+    },
+    onBeforeEnter(el) {
+      this.resetStyles(el);
+      if (!this.isLoading) return;
+      el._initialStyle = {
+        display: el.style.display,
+        transition: el.style.transition
+      };
+      el.style.setProperty('transition', 'none', 'important');
+    },
+    onBeforeLeave(el) {
+      el.style.setProperty('display', 'none', 'important');
+    },
+    resetStyles(el) {
+      if (!el._initialStyle) return;
+      el.style.display = el._initialStyle.display || '';
+      el.style.transition = el._initialStyle.transition;
+      delete el._initialStyle;
+    }
+  },
+  render(h) {
+    return h('div', {
+      staticClass: 'v-skeleton-loader',
+      attrs: this.attrs,
+      on: this.$listeners,
+      class: this.classes,
+      style: this.isLoading ? this.measurableStyles : undefined
+    }, [this.genSkeleton()]);
+  }
+}));
+
+/***/ }),
+
 /***/ 56198:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -28123,7 +28316,7 @@ function mixins(...args) {
 
 /***/ }),
 
-/***/ 4088:
+/***/ 55834:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -28137,7 +28330,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "div[data-v-0f226f48] .v-skeleton-loader__list-item-avatar-two-line{background:transparent!important;height:100%}.count-card-info-icon[data-v-0f226f48]:hover{filter:invert(50%)}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "div[data-v-4de47125] .v-skeleton-loader__list-item-avatar-two-line{background:transparent!important;height:100%}.count-card-info-icon[data-v-4de47125]:hover{filter:invert(50%)}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -28478,6 +28671,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".high-contrast-settings[data-v-1b4a34c
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 51704:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".high-contrast-settings[data-v-0f85c0d5]{--v-background-base:#173e4a;--v-background-high-base:#08171c;--v-background-higher-base:#215c73;--v-text-on-background-base:#fff;--v-default-card-base:#194552;--v-be-primary-base:#16a0b6;--v-text-on-primary-base:#000;--v-scrollbar-thumb-base:#16a0b6;--v-be-error-base:#ff6161;--v-be-success-base:#27ae60;--v-be-warning-base:#f39c12;--v-be-warning-lighter-base:#ffbf47;--v-be-warning-extra-light-base:#f39c12;--v-be-archived-base:#a688dd;--v-be-archived-lighter-base:#af94e0;--v-be-standard-text-base:#fff;--v-be-surface-base:#08171c;--v-be-surface-darker-base:#08171c;--v-be-surface-hover-base:#0b2128;--v-table-filter-base:#08171c;--v-be-grey-base:#000;--v-be-input-icon-base:#000;--v-chart-card-base:#08171c;--v-be-grey-blue-base:#425c70;--v-be-data-table-stripes-base:#0b2128;--v-be-dialog-high-base:#1c1c1c;--v-be-dialog-base:#020708;--v-grey-times-button-base:#ff6161;--v-grey-to-darker-base:#000;--v-grey-to-lighter-base:#fff;--v-medium-grey-to-darker-base:#575757;--v-be-dark-blue-text-base:#fff;--v-be-dark-text-base:#fff;--v-be-navy-background-base:#5e98e4;--v-card-icon-button-base:#48d1cc;--v-be-light-blue-grey-base:#3a5c6e;--v-be-request-text-base:#8fa9c1;--v-be-request-card-base:#08171c;--v-be-request-card-lighter-base:#020708;--v-be-request-container-base:#215c73;--v-be-baby-blue-base:#215f69}div[data-v-0f85c0d5] .v-skeleton-loader__list-item-avatar-two-line{background:transparent!important;height:100%}.count-card-info-icon[data-v-0f85c0d5]:hover{filter:invert(50%)}.countCardSmall-container[data-v-0f85c0d5]{display:flex;flex-direction:column;width:100%;padding:0}.countCardSmall-container-header[data-v-0f85c0d5]{display:flex;justify-content:space-between;align-items:center;gap:16px}.countCardSmall-container-header>span[data-v-0f85c0d5]{color:var(--v-be-low-medium-base);font-size:12px;font-weight:600}.countCardSmall-container-count[data-v-0f85c0d5]{font-size:1rem;color:var(--v-be-low-dark-base);font-weight:700}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 72815:
@@ -51586,19 +51800,19 @@ webpackContext.id = 35358;
 
 /***/ }),
 
-/***/ 12059:
+/***/ 62305:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(4088);
+var content = __webpack_require__(55834);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(99548)/* ["default"] */ .A)
-var update = add("e316c6e6", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("5514947b", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -51858,6 +52072,22 @@ var update = add("42473b18", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 14206:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(51704);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(99548)/* ["default"] */ .A)
+var update = add("d6995070", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 98985:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -53332,7 +53562,8 @@ var map = {
 	"./BeChip/BeChip.vue": 55057,
 	"./BeCombobox/BeCombobox.vue": 94625,
 	"./BeContainer/BeContainer.vue": 85208,
-	"./BeCountCard/BeCountCard.vue": 88664,
+	"./BeCountCard/BeCountCard.vue": 59719,
+	"./BeCountCardSmall/BeCountCardSmall.vue": 87975,
 	"./BeDatePicker/BeDatePicker.vue": 20231,
 	"./BeDefaultCard/BeDefaultCard.vue": 6716,
 	"./BeFileActions/BeFileAction.vue": 21581,