@propelinc/citrus-ui 0.2.6 → 0.2.8

package/.nvmrc

@@ -0,0 +1 @@
+14.16.1

package/README.md

@@ -1,29 +1,96 @@
-# citrus-ui
+# Citrus UI
 
-## Project setup
-```
-npm install
-```
+Propel's UI component library.
+
+See what components are currently available in [Storybook](https://storybook.providersapp.com/).
+
+Also, see the Citrus UI slack channel #proj-citrus-design-system.
+
+## Setup
 
-### Compiles and hot-reloads for development
+```bash
+nvm use # Switches to the correct version of node
+npm install # Install dependencies
 ```
-npm run serve
+
+### VSCode Setup
+
+First, install:
+
+- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - highlights ESLint errors in your editor
+- [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) - highligths Stylelint errors in your editor
+
+Once you install the ESLint and Stylelint extensions, VSCode can fix lint errors when you save a file.
+
+To set this up:
+
+1. Head over to your VSCode settings
+2. Search for `editor.codeActionsOnSave` and click "Edit in settings.json"
+3. Add this configuration:
+
+```json
+"editor.codeActionsOnSave": {
+  "source.fixAll.eslint": true,
+  "source.fixAll.stylelint": true,
+},
 ```
 
-### Compiles and minifies for production
+## Development
+
+### Storybook
+
+Unlike a normal Vue project, we don't use a dev server to compile an app. Instead, we rely on [Storybook](https://storybook.js.org/) to render and manually test our components.
+
+
+```bash
+npm run serve:storybook
 ```
-npm run build
+
+### Testing
+
+Since there is no app to test, there are no e2e tests. Instead, all tests are written in jest. You can make sure you components render correctly using Storybook.
+
+```bash
+npm run test:unit
 ```
 
-### Run your unit tests
+### Linting
+
+```bash
+npm run lint:js # Runs ESLint + Prettier
+npm run lint:css # Runs Stylelint
 ```
-npm run test:unit
+
+### Adding a component
+
+To add a new component, first generate the component with plop.
+
+```bash
+npm run generate:component # Interactive CLI
+npm run generate:component -- [name] [directory] [document in storybook] # Shortcuts
 ```
 
-### Lints and fixes files
+❗️ If you want the component to be available to your Vue app, you'll need to add the component to [index.ts](https://github.com/propelinc/citrus-ui/blob/main/src/index.ts) and define the type in [index.d.ts](https://github.com/propelinc/citrus-ui/blob/main/src/index.d.ts).
+
+## Publishing
+
+When publishing a new version, bump the version in the package.json according to [semantic versioning](https://semver.org/)
+. 
+
+Then, run:
+
+```bash
+npm run publish:dist
 ```
-npm run lint
+
+Finally, announce the new version in #proj-citrus-design-system.
+
+### NPM Access
+
+Because this package is published to our internal NPM repository, you'll need an [NPM account](https://www.npmjs.com/) and to be part of the [@propelinc organization](https://www.npmjs.com/org/propelinc) to publish. Once you have that set up, you'll have to login: 
+
+```bash
+npm login --scope=@propelinc
 ```
 
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+Or alternatively, just ask Mohan to publish for you.

package/dist/citrus-ui.common.js

@@ -575,7 +575,7 @@ module.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {
 /***/ "1946":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"color-white\":\"#FFF\",\"color-navy\":\"#1B2538\",\"color-navy-tint-1\":\"#495160\",\"color-navy-tint-2\":\"#767C88\",\"color-navy-tint-3\":\"#A4A8AF\",\"color-navy-tint-4\":\"#D1D3D7\",\"color-provide-green\":\"#B3F6A2\",\"color-provide-green-tint-1\":\"#D1FAC7\",\"color-provide-green-tint-2\":\"#ECFDE8\",\"color-accent-green\":\"#61D866\",\"color-accent-green-shade-1\":\"#49A24C\",\"color-accent-green-shade-2\":\"#3A823D\",\"color-blue\":\"#A3B0F9\",\"color-blue-tint-1\":\"#D1D7FC\",\"color-blue-tint-2\":\"#E8EBFD\",\"color-blue-accent\":\"#5560CB\",\"color-blue-accent-shade-1\":\"#404898\",\"color-blue-accent-shade-2\":\"#2F3570\",\"color-neutral\":\"#F5F2ED\",\"color-neutral-shade\":\"#E9E6E1\",\"color-neutral-tint\":\"#FAF8F6\",\"color-peach\":\"#FDCAB7\",\"color-orange\":\"#FC8247\",\"color-pink\":\"#F6A0D1\",\"color-purple\":\"#79386F\",\"color-red\":\"#C34459\",\"color-yellow\":\"#F2C94C\"}");
+module.exports = JSON.parse("{\"color-white\":\"#FFF\",\"color-navy\":\"#1B2538\",\"color-navy-tint-1\":\"#495160\",\"color-navy-tint-2\":\"#767C88\",\"color-navy-tint-3\":\"#A4A8AF\",\"color-navy-tint-4\":\"#D1D3D7\",\"color-providers-green\":\"#B3F6A2\",\"color-providers-green-tint-1\":\"#D1FAC7\",\"color-providers-green-tint-2\":\"#ECFDE8\",\"color-accent-green\":\"#61D866\",\"color-accent-green-shade-1\":\"#49A24C\",\"color-accent-green-shade-2\":\"#3A823D\",\"color-blue\":\"#A3B0F9\",\"color-blue-tint-1\":\"#D1D7FC\",\"color-blue-tint-2\":\"#E8EBFD\",\"color-blue-accent\":\"#5560CB\",\"color-blue-accent-shade-1\":\"#404898\",\"color-blue-accent-shade-2\":\"#2F3570\",\"color-neutral\":\"#F5F2ED\",\"color-neutral-shade\":\"#E9E6E1\",\"color-neutral-tint\":\"#FAF8F6\",\"color-peach\":\"#FDCAB7\",\"color-orange\":\"#FC8247\",\"color-pink\":\"#F6A0D1\",\"color-purple\":\"#79386F\",\"color-red\":\"#C34459\",\"color-yellow\":\"#F2C94C\"}");
 
 /***/ }),
 
@@ -947,6 +947,13 @@ if (v8) {
 module.exports = version && +version;
 
 
+/***/ }),
+
+/***/ "3166":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "3410":
@@ -1407,17 +1414,6 @@ $({ target: 'Reflect', stat: true, forced: FORCED, sham: FORCED }, {
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "4c8b":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CAlert_vue_vue_type_style_index_0_id_0c8a34d6_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6d8e");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CAlert_vue_vue_type_style_index_0_id_0c8a34d6_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CAlert_vue_vue_type_style_index_0_id_0c8a34d6_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "4d64":
@@ -2060,13 +2056,6 @@ module.exports = {
 
 /***/ }),
 
-/***/ "6d8e":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "6ece":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -5595,6 +5584,17 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "e1e1":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CAlert_vue_vue_type_style_index_0_id_63c332ca_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3166");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CAlert_vue_vue_type_style_index_0_id_63c332ca_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CAlert_vue_vue_type_style_index_0_id_63c332ca_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e260":
@@ -8431,8 +8431,8 @@ var Theme = {
   'navy-tint-2': colors['color-navy-tint-2'],
   'navy-tint-1': colors['color-navy-tint-1'],
   'neutral': colors['color-neutral'],
-  'provide-green': colors['color-provide-green'],
-  'provide-green-tint-1': colors['color-provide-green-tint-1'],
+  'providers-green': colors['color-providers-green'],
+  'providers-green-tint-1': colors['color-providers-green-tint-1'],
   'accent-green': colors['color-accent-green'],
   'blue': colors['color-blue'],
   'blue-tint-1': colors['color-blue-tint-1'],
@@ -8442,15 +8442,15 @@ var Theme = {
   'purple': colors['color-purple']
 };
 /* harmony default export */ var theme = (Theme);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CAlert.vue?vue&type=template&id=0c8a34d6&scoped=true&
-var CAlertvue_type_template_id_0c8a34d6_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-snackbar',{staticClass:"p-alert",class:{
-    'p-alert--error': _vm.error,
-    'p-alert--success': _vm.success,
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CAlert.vue?vue&type=template&id=63c332ca&scoped=true&
+var CAlertvue_type_template_id_63c332ca_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-snackbar',{staticClass:"c-alert",class:{
+    'c-alert--error': _vm.error,
+    'c-alert--success': _vm.success,
   },attrs:{"data-test":"alert","top":"","timeout":_vm.timeout,"value":_vm.value},on:{"input":function (value) { return _vm.$emit('input', value); }}},[_c('div',{attrs:{"data-test":"alert-message"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2),(!_vm.shouldAutoDismiss)?_c('c-icon-button',{attrs:{"data-test":"alert-dismiss","light":"","icon":_vm.faTimes},on:{"click":function($event){return _vm.$emit('input', false)}}}):_vm._e()],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/CAlert.vue?vue&type=template&id=0c8a34d6&scoped=true&
+// CONCATENATED MODULE: ./src/components/CAlert.vue?vue&type=template&id=63c332ca&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
 function _classCallCheck(instance, Constructor) {
@@ -20629,7 +20629,7 @@ function Watch(path, options) {
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CIconButton.vue?vue&type=template&id=0bdb0b3a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CIconButton.vue?vue&type=template&id=0bdb0b3a&
 var CIconButtonvue_type_template_id_0bdb0b3a_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-btn',_vm._g({class:( _obj = {}, _obj[_vm.colorScheme.container] = _vm.colorScheme.container, _obj ),attrs:{"data-test":"icon-button","icon":"","color":_vm.colorScheme.icon,"ripple":false}},_vm.$listeners),[_c('font-awesome-icon',{class:{ 'fa-spin': _vm.spinIcon },attrs:{"data-test":"icon-button-icon","icon":_vm.icon}})],1)}
@@ -23024,8 +23024,8 @@ CAlertvue_type_script_lang_ts_CAlert = __decorate([vue_class_component_esm({
 /* harmony default export */ var CAlertvue_type_script_lang_ts_ = (CAlertvue_type_script_lang_ts_CAlert);
 // CONCATENATED MODULE: ./src/components/CAlert.vue?vue&type=script&lang=ts&
  /* harmony default export */ var components_CAlertvue_type_script_lang_ts_ = (CAlertvue_type_script_lang_ts_); 
-// EXTERNAL MODULE: ./src/components/CAlert.vue?vue&type=style&index=0&id=0c8a34d6&lang=less&scoped=true&
-var CAlertvue_type_style_index_0_id_0c8a34d6_lang_less_scoped_true_ = __webpack_require__("4c8b");
+// EXTERNAL MODULE: ./src/components/CAlert.vue?vue&type=style&index=0&id=63c332ca&lang=less&scoped=true&
+var CAlertvue_type_style_index_0_id_63c332ca_lang_less_scoped_true_ = __webpack_require__("e1e1");
 
 // EXTERNAL MODULE: ./node_modules/vuetify/src/components/VSnackbar/VSnackbar.sass
 var VSnackbar = __webpack_require__("ca71");
@@ -23129,11 +23129,11 @@ var VSnackbar = __webpack_require__("ca71");
 
 var CAlert_component = normalizeComponent(
   components_CAlertvue_type_script_lang_ts_,
-  CAlertvue_type_template_id_0c8a34d6_scoped_true_render,
+  CAlertvue_type_template_id_63c332ca_scoped_true_render,
   staticRenderFns,
   false,
   null,
-  "0c8a34d6",
+  "63c332ca",
   null
   
 )
@@ -23145,7 +23145,7 @@ var CAlert_component = normalizeComponent(
 
 installComponents_default()(CAlert_component, {VSnackbar: VSnackbar_VSnackbar})
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CBanner.vue?vue&type=template&id=65f02f20&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CBanner.vue?vue&type=template&id=65f02f20&scoped=true&
 var CBannervue_type_template_id_65f02f20_scoped_true_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"banner",class:( _obj = {}, _obj[_vm.color] = true, _obj ),attrs:{"data-test":"banner"}},[(_vm.icon)?_c('font-awesome-icon',{staticClass:"banner__icon",attrs:{"icon":_vm.icon}}):_vm._e(),_c('p',{staticClass:"banner__message",attrs:{"data-test":"banner-message"}},[_vm._v(" "+_vm._s(_vm.message)+" ")])],1)}
@@ -23229,7 +23229,7 @@ var CBanner_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_CBanner = (CBanner_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CButton.vue?vue&type=template&id=f2ee1760&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CButton.vue?vue&type=template&id=f2ee1760&scoped=true&
 var CButtonvue_type_template_id_f2ee1760_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-btn',_vm._g({key:_vm.disabled,staticClass:"button",class:{
     'button--primary': !_vm.secondary && !_vm.tertiary,
     'button--secondary': _vm.secondary,
@@ -23352,7 +23352,7 @@ var CButton_component = normalizeComponent(
 
 installComponents_default()(CButton_component, {VBtn: VBtn_VBtn})
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CCard.vue?vue&type=template&id=4c61df64&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CCard.vue?vue&type=template&id=4c61df64&scoped=true&
 var CCardvue_type_template_id_4c61df64_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"card"},[(_vm.title)?_c('div',{staticClass:"card__title",attrs:{"data-test":"card-title"}},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_c('div',{staticClass:"card__body",class:{ 'card__body--fluid': _vm.fluid },attrs:{"data-test":"card-body"}},[_vm._t("default")],2)])}
 var CCardvue_type_template_id_4c61df64_scoped_true_staticRenderFns = []
 
@@ -23417,7 +23417,7 @@ var CCard_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_CCard = (CCard_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CCheckbox.vue?vue&type=template&id=0b4b1e4f&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CCheckbox.vue?vue&type=template&id=0b4b1e4f&scoped=true&
 var CCheckboxvue_type_template_id_0b4b1e4f_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-checkbox',_vm._g(_vm._b({attrs:{"input-value":_vm.value,"data-test":"checkbox","on-icon":"$citrusCheckboxOn","off-icon":"$citrusCheckboxOff","ripple":false,"rules":_vm.rules,"hide-details":_vm.rules.length === 0},scopedSlots:_vm._u([{key:"label",fn:function(){return [_vm._t("label")]},proxy:true}],null,true)},'v-checkbox',_vm.$attrs,false),_vm.$listeners))}
 var CCheckboxvue_type_template_id_0b4b1e4f_scoped_true_staticRenderFns = []
 
@@ -24929,7 +24929,7 @@ var CCheckbox_component = normalizeComponent(
 
 installComponents_default()(CCheckbox_component, {VCheckbox: VCheckbox_VCheckbox})
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CListItem.vue?vue&type=template&id=3d4c02be&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CListItem.vue?vue&type=template&id=3d4c02be&scoped=true&
 var CListItemvue_type_template_id_3d4c02be_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.component,_vm._g({tag:"component",staticClass:"list-item",attrs:{"to":_vm.to,"href":_vm.href}},_vm.$listeners),[(_vm.icon || _vm.$scopedSlots.icon)?_c('div',{staticClass:"list-item__icon"},[_vm._t("icon",[(_vm.icon)?_c('font-awesome-icon',{attrs:{"data-test":"list-item-icon","icon":_vm.icon}}):_vm._e()])],2):_vm._e(),_c('div',{staticClass:"list-item__content",attrs:{"data-test":"list-item-content"}},[_vm._t("default")],2),(_vm.$scopedSlots.action || _vm.tappable)?_c('div',{staticClass:"list-item__action",attrs:{"data-test":"list-item-action"}},[_vm._t("action",[(_vm.tappable)?_c('font-awesome-icon',{attrs:{"icon":_vm.faChevronRight}}):_vm._e()])],2):_vm._e()])}
 var CListItemvue_type_template_id_3d4c02be_scoped_true_staticRenderFns = []
 
@@ -25023,7 +25023,7 @@ var CListItem_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_CListItem = (CListItem_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CModalLoading.vue?vue&type=template&id=4bfe56ca&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CModalLoading.vue?vue&type=template&id=4bfe56ca&scoped=true&
 var CModalLoadingvue_type_template_id_4bfe56ca_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{"data-test":"modal-loading","width":"160","persistent":"","no-click-animation":"","value":_vm.value},on:{"input":function (value) { return _vm.$emit('input', value); }}},[_c('v-card',{staticClass:"modal-loading__content"},[_c('font-awesome-icon',{staticClass:"fa-spin modal-loading__icon",attrs:{"icon":_vm.faSync}}),_c('div',{staticClass:"modal-loading__content__message",attrs:{"data-test":"modal-loading-message"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2)],1)],1)}
 var CModalLoadingvue_type_template_id_4bfe56ca_scoped_true_staticRenderFns = []
 
@@ -26970,14 +26970,14 @@ var CModalLoading_component = normalizeComponent(
 
 installComponents_default()(CModalLoading_component, {VCard: VCard_VCard,VDialog: VDialog_VDialog})
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSegmentedButton.vue?vue&type=template&id=31bb230e&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSegmentedButton.vue?vue&type=template&id=31bb230e&scoped=true&
 var CSegmentedButtonvue_type_template_id_31bb230e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-btn-toggle',{staticClass:"segmented-button",attrs:{"data-test":"segmented-button","value":_vm.value,"rounded":"","active-class":"segmented-button__option--active"},on:{"change":function (value) { return _vm.$emit('change', value); }}},[_vm._t("default",_vm._l((_vm.options),function(option){return _c('c-segmented-button-option',{key:option.label,attrs:{"value":option.value,"label":option.label}})}))],2)}
 var CSegmentedButtonvue_type_template_id_31bb230e_scoped_true_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./src/components/CSegmentedButton.vue?vue&type=template&id=31bb230e&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSegmentedButtonOption.vue?vue&type=template&id=74203a3c&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSegmentedButtonOption.vue?vue&type=template&id=74203a3c&scoped=true&
 var CSegmentedButtonOptionvue_type_template_id_74203a3c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-btn',{staticClass:"segmented-button__option",attrs:{"data-test":"segmented-button-option","ripple":false,"value":_vm.value}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.label)+" ")])],2)}
 var CSegmentedButtonOptionvue_type_template_id_74203a3c_scoped_true_staticRenderFns = []
 
@@ -27414,14 +27414,14 @@ var CSegmentedButton_component = normalizeComponent(
 
 installComponents_default()(CSegmentedButton_component, {VBtnToggle: VBtnToggle_VBtnToggle})
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSelect.vue?vue&type=template&id=e8c6fcdc&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSelect.vue?vue&type=template&id=e8c6fcdc&scoped=true&
 var CSelectvue_type_template_id_e8c6fcdc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form-field',{attrs:{"field-id":_vm.id,"disabled":_vm.disabled,"label":_vm.label}},[_c('select-input',_vm._b({staticClass:"select__field",class:{ 'select__field--disabled': _vm.disabled },attrs:{"id":_vm.id,"data-test":"select-field","outlined":"","single-line":"","placeholder":_vm.placeholder,"disabled":_vm.disabled,"value":_vm.value,"rules":_vm.rules,"items":_vm.items,"validate-on-blur":"","hide-details":_vm.rules.length === 0},on:{"input":function (value) { return _vm.$emit('input', value); }},scopedSlots:_vm._u([{key:"append",fn:function(){return [(_vm.loading)?_c('font-awesome-icon',{staticClass:"fa-spin select__field__icon",attrs:{"data-test":"select-field-icon-loading","icon":_vm.faSpinner}}):_c('font-awesome-icon',{staticClass:"select__field__icon",attrs:{"data-test":"select-field-icon","icon":_vm.faChevronDown}})]},proxy:true}])},'select-input',_vm.$attrs,false))],1)}
 var CSelectvue_type_template_id_e8c6fcdc_scoped_true_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./src/components/CSelect.vue?vue&type=template&id=e8c6fcdc&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/helpers/FormField.vue?vue&type=template&id=1c8ad0b1&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/helpers/FormField.vue?vue&type=template&id=1c8ad0b1&scoped=true&
 var FormFieldvue_type_template_id_1c8ad0b1_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fieldset',{attrs:{"disabled":_vm.disabled}},[(_vm.label)?_c('label',{staticClass:"form-field__label",class:{ 'form-field__label--disabled': _vm.disabled },attrs:{"for":_vm.fieldId,"data-test":"form-field-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e(),_vm._t("default")],2)}
 var FormFieldvue_type_template_id_1c8ad0b1_scoped_true_staticRenderFns = []
 
@@ -28318,7 +28318,7 @@ var CSelect_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_CSelect = (CSelect_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSkeletonLoaderCircle.vue?vue&type=template&id=059ff40c&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSkeletonLoaderCircle.vue?vue&type=template&id=059ff40c&scoped=true&
 var CSkeletonLoaderCirclevue_type_template_id_059ff40c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"skeleton-loader-circle",attrs:{"data-test":"skeleton-loader-circle"}})}
 var CSkeletonLoaderCirclevue_type_template_id_059ff40c_scoped_true_staticRenderFns = []
 
@@ -28376,7 +28376,7 @@ var CSkeletonLoaderCircle_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_CSkeletonLoaderCircle = (CSkeletonLoaderCircle_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSkeletonLoaderText.vue?vue&type=template&id=2d331031&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CSkeletonLoaderText.vue?vue&type=template&id=2d331031&scoped=true&
 var CSkeletonLoaderTextvue_type_template_id_2d331031_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"skeleton-loader-text",attrs:{"data-test":"skeleton-loader-text"}},_vm._l((_vm.rows),function(x){return _c('div',{key:x,staticClass:"skeleton-loader-text__line"})}),0)}
 var CSkeletonLoaderTextvue_type_template_id_2d331031_scoped_true_staticRenderFns = []
 
@@ -28440,7 +28440,7 @@ var CSkeletonLoaderText_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_CSkeletonLoaderText = (CSkeletonLoaderText_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"26ba0986-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CTextField.vue?vue&type=template&id=19b5e9e8&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"61ca2117-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CTextField.vue?vue&type=template&id=19b5e9e8&scoped=true&
 var CTextFieldvue_type_template_id_19b5e9e8_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form-field',{attrs:{"field-id":_vm.id,"disabled":_vm.disabled,"label":_vm.label}},[_c('v-text-field',_vm._b({staticClass:"text-field__field",class:{ 'text-field__field--disabled': _vm.disabled },attrs:{"id":_vm.id,"data-test":"text-field","outlined":"","single-line":"","placeholder":_vm.placeholder,"disabled":_vm.disabled,"type":_vm.type,"value":_vm.value,"rules":_vm.rules,"validate-on-blur":"","hide-details":_vm.rules.length === 0},on:{"input":function (value) { return _vm.$emit('input', value); }},scopedSlots:_vm._u([{key:"append",fn:function(){return [_vm._t("append")]},proxy:true}],null,true)},'v-text-field',_vm.$attrs,false))],1)}
 var CTextFieldvue_type_template_id_19b5e9e8_scoped_true_staticRenderFns = []