@frollo/frollo-web-ui 8.5.3 → 9.0.0

package/esm/{fw-image-Dl96Dc27.js → fw-image-D-OHafdw.js}

@@ -1,6 +1,7 @@
-import { defineComponent, computed, ref, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withKeys, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot } from 'vue';
-import { s as script$1 } from './fw-loading-bar-DThRjdw1.js';
-import { q as render$1 } from './index-CzZMBMV_.js';
+import { defineComponent, computed, ref, useCssVars, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, withKeys, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, createCommentVNode } from 'vue';
+import { _ as __default__$1 } from './fw-loading-bar-DecYSBC_.js';
+import { u as render$1 } from './index-BsEH8YYr.js';
+import { u as useColours } from './get-root-colours-DCjlYelc.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var handleIntersect = function handleIntersect(entries, observer) {
@@ -68,14 +69,13 @@ var lazyLoadDirective = {
   }
 };
 
-var script = defineComponent({
+var __default__ = defineComponent({
   name: 'FwImage',
   directives: {
     lazyload: lazyLoadDirective
   },
-  emits: ['click', 'mouseover', 'mouseout'],
   components: {
-    FwLoadingBar: script$1,
+    FwLoadingBar: __default__$1,
     FileExclamationSvg: render$1
   },
   props: {
@@ -125,17 +125,33 @@ var script = defineComponent({
       "default": true
     }
   },
+  emits: ['click', 'mouseover', 'mouseout'],
   setup: function setup(props) {
     var isBackground = computed(function () {
       return props.type === 'background';
     });
     var fwImageRef = ref(null);
+    var _useColours = useColours(),
+      colorErrorTextFade5 = _useColours.colorErrorTextFade5;
     return {
       fwImageRef: fwImageRef,
-      isBackground: isBackground
+      isBackground: isBackground,
+      colorErrorTextFade5: colorErrorTextFade5
     };
   }
 });
+var __injectCSSVars__ = function __injectCSSVars__() {
+  useCssVars(function (_ctx) {
+    return {
+      "eb5c76bc": _ctx.colorErrorTextFade5
+    };
+  });
+};
+var __setup__ = __default__.setup;
+__default__.setup = __setup__ ? function (props, ctx) {
+  __injectCSSVars__();
+  return __setup__(props, ctx);
+} : __injectCSSVars__;
 
 var _hoisted_1 = ["type", "threshold"];
 var _hoisted_2 = ["data-url", "alt"];
@@ -182,19 +198,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       'rounded-full': _ctx.rounded
     }])
   }, null, 8, ["class"]), createElementVNode("div", {
-    "class": normalizeClass(["fw-image--error rounded bg-grey-20", {
+    "class": normalizeClass(["fw-image--error rounded", {
       'rounded-full': _ctx.rounded
     }])
   }, [createElementVNode("div", _hoisted_3, [_ctx.enableErrors ? (openBlock(), createBlock(_component_FileExclamationSvg, {
     key: 0,
-    "class": "w-full h-full scale-[0.25] opacity-40 text-alert max-w-[150px]"
+    name: "file-exclamation",
+    "class": "w-full h-full scale-[0.25] opacity-40 text-brand-warning-text max-w-[150px]"
   })) : createCommentVNode("", true)])], 2), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1)), [[_directive_lazyload]]);
 }
 
-var css_248z = ".fw-image{position:relative}.fw-image img{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fw-image img,.fw-image--error{opacity:0;visibility:hidden;width:100%}.fw-image--error{height:100%;left:0;position:relative;position:absolute;top:0;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;transition:all .5s ease-in}.fw-image--error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loading{height:100%;left:0;position:absolute!important;top:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.fw-image--loaded img,.fw-image--loading{opacity:1;visibility:visible}.fw-image--loaded .fw-image--loading{opacity:0;visibility:hidden;width:100%}.fw-image--loaded-error img{display:none}.fw-image--loaded-error .fw-image--error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}";
-var stylesheet = ".fw-image{position:relative}.fw-image img{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fw-image img,.fw-image--error{opacity:0;visibility:hidden;width:100%}.fw-image--error{height:100%;left:0;position:relative;position:absolute;top:0;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;transition:all .5s ease-in}.fw-image--error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loading{height:100%;left:0;position:absolute!important;top:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.fw-image--loaded img,.fw-image--loading{opacity:1;visibility:visible}.fw-image--loaded .fw-image--loading{opacity:0;visibility:hidden;width:100%}.fw-image--loaded-error img{display:none}.fw-image--loaded-error .fw-image--error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}";
+var css_248z = ".fw-image{position:relative}.fw-image img{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fw-image img,.fw-image--error{opacity:0;visibility:hidden;width:100%}.fw-image--error{background-color:var(--eb5c76bc);height:100%;left:0;position:relative;position:absolute;top:0;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;transition:all .5s ease-in}.fw-image--error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loading{height:100%;left:0;position:absolute!important;top:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.fw-image--loaded img,.fw-image--loading{opacity:1;visibility:visible}.fw-image--loaded .fw-image--loading{opacity:0;visibility:hidden;width:100%}.fw-image--loaded-error img{display:none}.fw-image--loaded-error .fw-image--error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}";
+var stylesheet = ".fw-image{position:relative}.fw-image img{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fw-image img,.fw-image--error{opacity:0;visibility:hidden;width:100%}.fw-image--error{background-color:var(--eb5c76bc);height:100%;left:0;position:relative;position:absolute;top:0;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;transition:all .5s ease-in}.fw-image--error-wrapper{font-size:inherit;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.fw-image--loading{height:100%;left:0;position:absolute!important;top:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.fw-image--loaded img,.fw-image--loading{opacity:1;visibility:visible}.fw-image--loaded .fw-image--loading{opacity:0;visibility:hidden;width:100%}.fw-image--loaded-error img{display:none}.fw-image--loaded-error .fw-image--error{opacity:1;visibility:visible}.fw-image--background{background-position:50%;background-repeat:no-repeat;background-size:cover}";
 styleInject(css_248z);
 
-script.render = render;
+__default__.render = render;
 
-export { script as s };
+export { __default__ as _ };

package/esm/fw-image.js

@@ -1,6 +1,6 @@
-export { s as FwImage } from './fw-image-Dl96Dc27.js';
+export { _ as FwImage } from './fw-image-D-OHafdw.js';
 import 'vue';
-import './fw-loading-bar-DThRjdw1.js';
+import './fw-loading-bar-DecYSBC_.js';
+import './get-root-colours-DCjlYelc.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './index-CzZMBMV_.js';
-import './check--YD4Ts6g.js';
+import './index-BsEH8YYr.js';

package/esm/{fw-input-XeI-IKly.js → fw-input-C2-cZ-BY.js}

@@ -1,11 +1,10 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition } from 'vue';
+import { defineComponent, ref, computed, useCssVars, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, renderSlot, mergeProps, Transition } from 'vue';
 import { a as Field } from './vee-validate.esm-3ptvCDR1.js';
-import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
+import { u as useColours } from './get-root-colours-DCjlYelc.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
-var script = defineComponent({
+var __default__ = defineComponent({
   name: 'FwInput',
-  emits: ['update:modelValue', 'focus', 'blur'],
   components: {
     InputField: Field
   },
@@ -108,15 +107,14 @@ var script = defineComponent({
     required: {
       type: Boolean,
       "default": false
-    },
-    centerAlignInput: {
-      type: Boolean,
-      "default": false
     }
   },
+  emits: ['update:modelValue', /** Fired on native input */
+  'input', /** Fired on native focus in */
+  'focus', /** Fired on native input blur */
+  'blur'],
   setup: function setup(props, ctx) {
-    var uuid = uniqueId();
-    var inputBaseClass = ref("border-2 focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5");
+    var inputBaseClass = ref("text-p text-body placeholder:text-p placeholder:text-grey-100 border outline-none block w-full px-2.5 py-3");
     var inputValue = computed({
       get: function get() {
         return props.modelValue;
@@ -125,21 +123,42 @@ var script = defineComponent({
         return ctx.emit('update:modelValue', state);
       }
     });
+    var onInput = function onInput(e) {
+      return ctx.emit('input', e);
+    };
     var onFocus = function onFocus(e) {
       return ctx.emit('focus', e);
     };
     var onBlur = function onBlur(e) {
       return ctx.emit('blur', e);
     };
+    var _useColours = useColours(),
+      primaryFade5 = _useColours.primaryFade5,
+      colorErrorTextFade5 = _useColours.colorErrorTextFade5;
     return {
-      uuid: uuid,
       inputBaseClass: inputBaseClass,
       inputValue: inputValue,
+      onInput: onInput,
       onFocus: onFocus,
-      onBlur: onBlur
+      onBlur: onBlur,
+      primaryFade5: primaryFade5,
+      colorErrorTextFade5: colorErrorTextFade5
     };
   }
 });
+var __injectCSSVars__ = function __injectCSSVars__() {
+  useCssVars(function (_ctx) {
+    return {
+      "ce01af92": _ctx.primaryFade5,
+      "58eb0947": _ctx.colorErrorTextFade5
+    };
+  });
+};
+var __setup__ = __default__.setup;
+__default__.setup = __setup__ ? function (props, ctx) {
+  __injectCSSVars__();
+  return __setup__(props, ctx);
+} : __injectCSSVars__;
 
 var _hoisted_1 = {
   "class": "fw-input w-full"
@@ -153,7 +172,7 @@ var _hoisted_3 = {
 var _hoisted_4 = ["for"];
 var _hoisted_5 = {
   key: 0,
-  "class": "text-error ml-0.5"
+  "class": "text-brand-error-text ml-0.5"
 };
 var _hoisted_6 = {
   key: 1
@@ -161,27 +180,32 @@ var _hoisted_6 = {
 var _hoisted_7 = {
   "class": "relative"
 };
-var _hoisted_8 = ["id", "placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete", "maxlength"];
-var _hoisted_9 = {
-  key: 1,
-  "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
+var _hoisted_8 = {
+  key: 0,
+  "class": "flex text-body absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
 };
+var _hoisted_9 = ["id", "placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete", "maxlength"];
 var _hoisted_10 = {
-  key: 0,
-  "class": "text-left text-sm font-medium mt-2 min-h-[21px]"
+  key: 1,
+  "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
 };
 var _hoisted_11 = {
   key: 0,
-  "class": "text-error"
+  "class": "text-left text-p-small mt-2 min-h-[21px]"
 };
 var _hoisted_12 = {
-  key: 1
+  key: 0,
+  "class": "text-brand-error-text"
+};
+var _hoisted_13 = {
+  key: 1,
+  "class": "text-brand-text2"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = resolveComponent("InputField");
   return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
     modelValue: _ctx.inputValue,
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
+    "onUpdate:modelValue": _cache[3] || (_cache[3] = function ($event) {
       return _ctx.inputValue = $event;
     }),
     name: _ctx.name,
@@ -195,15 +219,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         meta = _ref.meta;
       return [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
-        "for": "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
-        "class": normalizeClass([[(errorMessage || errors[0]) && meta.touched ? 'text-error' : ''], "block mb-2 font-medium"])
-      }, [createTextVNode(toDisplayString(_ctx.label) + " ", 1), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_5, "*")) : createCommentVNode("", true)], 10, _hoisted_4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_7, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        "class": normalizeClass(["flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none", [(errorMessage || errors[0]) && meta.touched ? 'text-error' : 'text-black']])
-      }, [renderSlot(_ctx.$slots, "prefix", {
+        "for": "fw-input-".concat(_ctx.name),
+        "class": normalizeClass([[(errorMessage || errors[0]) && meta.touched ? 'text-brand-error-text' : 'text-brand-text2'], "block mb-2 text-base"])
+      }, [createTextVNode(toDisplayString(_ctx.label) + " ", 1), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_5, "*")) : createCommentVNode("", true)], 10, _hoisted_4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_7, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "prefix", {
         "class": "h-full"
-      })], 2)) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
-        id: "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
+      })])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
+        id: "fw-input-".concat(_ctx.name),
         placeholder: _ctx.placeholder,
         type: _ctx.type,
         readonly: _ctx.readonly,
@@ -211,26 +232,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.readonly,
         autocomplete: _ctx.autocomplete,
         maxlength: _ctx.maxLength,
-        "class": ["border-blue-500", [{
+        "class": [{
           'pl-10': !!_ctx.$slots.prefix,
           'pr-20': !!_ctx.$slots.suffix
-        }, (errorMessage || errors[0]) && meta.touched ? 'border-error text-error' : 'border-grey-40', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded', {
-          'text-center': _ctx.centerAlignInput
-        }]],
-        onFocus: _cache[0] || (_cache[0] = function () {
+        }, (errorMessage || errors[0]) && meta.touched ? 'input--error-state border-brand-error-text caret-brand-error-text' : 'caret-primary bg-white border-grey-100 hover:border-brand-text3 focus:border-brand-text3', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded-lg'],
+        onInput: _cache[0] || (_cache[0] = function () {
+          return _ctx.onInput && _ctx.onInput.apply(_ctx, arguments);
+        }),
+        onFocus: _cache[1] || (_cache[1] = function () {
           return _ctx.onFocus && _ctx.onFocus.apply(_ctx, arguments);
         }),
-        onBlur: _cache[1] || (_cache[1] = function () {
+        onBlur: _cache[2] || (_cache[2] = function () {
           return _ctx.onBlur && _ctx.onBlur.apply(_ctx, arguments);
         })
-      }), null, 16, _hoisted_8), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "suffix", {
+      }), null, 16, _hoisted_9), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_10, [renderSlot(_ctx.$slots, "suffix", {
         "class": "h-full"
-      })])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(Transition, {
+      })])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_11, [createVNode(Transition, {
         name: "fwFadeIn",
         mode: "out-in"
       }, {
         "default": withCtx(function () {
-          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
+          return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
         }),
         _: 2
       }, 1024)])) : createCommentVNode("", true)])];
@@ -239,10 +261,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["modelValue", "name", "rules"])]);
 }
 
-var css_248z = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;-moz-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
-var stylesheet = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;-moz-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
+var css_248z = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;-moz-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}.fw-input input:focus{background-color:var(--ce01af92)}.fw-input input.input--error-state{background-color:var(--58eb0947)}";
+var stylesheet = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;-moz-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}.fw-input input:focus{background-color:var(--ce01af92)}.fw-input input.input--error-state{background-color:var(--58eb0947)}";
 styleInject(css_248z);
 
-script.render = render;
+__default__.render = render;
 
-export { script as s };
+export { __default__ as _ };

package/esm/fw-input.js

@@ -1,5 +1,5 @@
-export { s as FwInput } from './fw-input-XeI-IKly.js';
+export { _ as FwInput } from './fw-input-C2-cZ-BY.js';
 import 'vue';
 import './vee-validate.esm-3ptvCDR1.js';
-import './uniqueId-DK6xzFd8.js';
+import './get-root-colours-DCjlYelc.js';
 import './style-inject.es-tgCJW-Cu.js';

package/esm/fw-loading-bar-DecYSBC_.js

@@ -0,0 +1,45 @@
+import { defineComponent, useCssVars, createElementBlock, openBlock } from 'vue';
+import { u as useColours } from './get-root-colours-DCjlYelc.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+
+var __default__ = defineComponent({
+  name: 'FwLoadingBar',
+  setup: function setup() {
+    var _useColours = useColours(),
+      primaryFade5 = _useColours.primaryFade5,
+      primaryFade20 = _useColours.primaryFade20;
+    return {
+      primaryFade5: primaryFade5,
+      primaryFade20: primaryFade20
+    };
+  }
+});
+var __injectCSSVars__ = function __injectCSSVars__() {
+  useCssVars(function (_ctx) {
+    return {
+      "96bc2d4c": _ctx.primaryFade20,
+      "57716cce": _ctx.primaryFade5
+    };
+  });
+};
+var __setup__ = __default__.setup;
+__default__.setup = __setup__ ? function (props, ctx) {
+  __injectCSSVars__();
+  return __setup__(props, ctx);
+} : __injectCSSVars__;
+
+var _hoisted_1 = {
+  "class": "fw-loading-bar rounded",
+  "aria-hidden": "true"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1);
+}
+
+var css_248z = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite running;-moz-animation:fwSkeletonLoading 1.5s linear infinite running;animation:fwSkeletonLoading 1.5s linear infinite running;background-image:-webkit-linear-gradient(350deg,var(--96bc2d4c),var(--57716cce),var(--96bc2d4c));background-image:-moz-linear-gradient(350deg,var(--96bc2d4c),var(--57716cce),var(--96bc2d4c));background-image:linear-gradient(100deg,var(--96bc2d4c),var(--57716cce),var(--96bc2d4c));background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@-moz-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
+var stylesheet = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite running;-moz-animation:fwSkeletonLoading 1.5s linear infinite running;animation:fwSkeletonLoading 1.5s linear infinite running;background-image:-webkit-linear-gradient(350deg,var(--96bc2d4c),var(--57716cce),var(--96bc2d4c));background-image:-moz-linear-gradient(350deg,var(--96bc2d4c),var(--57716cce),var(--96bc2d4c));background-image:linear-gradient(100deg,var(--96bc2d4c),var(--57716cce),var(--96bc2d4c));background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@-moz-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
+styleInject(css_248z);
+
+__default__.render = render;
+
+export { __default__ as _ };

package/esm/fw-loading.js

@@ -1,35 +1,36 @@
-import { s as script$2 } from './fw-loading-bar-DThRjdw1.js';
-import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
-import './style-inject.es-tgCJW-Cu.js';
+import { _ as __default__ } from './fw-loading-bar-DecYSBC_.js';
+import { defineComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+import './get-root-colours-DCjlYelc.js';
 
-var script$1 = defineComponent({
+var script$2 = defineComponent({
   name: 'FwLoadingCard',
   components: {
-    FwLoadingBar: script$2
+    FwLoadingBar: __default__
   }
 });
 
-var _hoisted_1$1 = {
+var _hoisted_1$2 = {
   "class": "fw-loading-card rounded shadow-card relative"
 };
 var _hoisted_2$1 = {
   "class": "w-full bg-white h-12 p-3 pr-12 absolute top-0 left-0 rounded-t"
 };
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [createVNode(_component_FwLoadingBar, {
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", _hoisted_2$1, [createVNode(_component_FwLoadingBar, {
     "class": "w-2/4 h-5"
   })]), createVNode(_component_FwLoadingBar, {
     "class": "w-full h-full rounded-t-none"
   })]);
 }
 
-script$1.render = render$1;
+script$2.render = render$2;
 
-var script = defineComponent({
+var script$1 = defineComponent({
   name: 'FwLoadingTable',
   components: {
-    FwLoadingBar: script$2
+    FwLoadingBar: __default__
   },
   props: {
     columns: {
@@ -49,7 +50,7 @@ var script = defineComponent({
   }
 });
 
-var _hoisted_1 = {
+var _hoisted_1$1 = {
   "class": "text-p-small"
 };
 var _hoisted_2 = {
@@ -61,13 +62,13 @@ var _hoisted_3 = {
 var _hoisted_4 = {
   "class": "text-p-small bg-white font-light"
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
   return openBlock(), createElementBlock("table", {
     "class": normalizeClass(_ctx.tableClass),
     "aria-live": "polite",
     "aria-busy": "true"
-  }, [createElementVNode("thead", _hoisted_1, [createElementVNode("tr", _hoisted_2, [createElementVNode("th", _hoisted_3, [createVNode(_component_FwLoadingBar, {
+  }, [createElementVNode("thead", _hoisted_1$1, [createElementVNode("tr", _hoisted_2, [createElementVNode("th", _hoisted_3, [createVNode(_component_FwLoadingBar, {
     "class": "h-[4.5rem] py-6 rounded-b-none",
     style: normalizeStyle("width:".concat(_ctx.columns, "00%;"))
   }, null, 8, ["style"])])])]), createElementVNode("tbody", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, function (row, trKey) {
@@ -84,6 +85,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128))])], 2);
 }
 
+script$1.render = render$1;
+
+var script = defineComponent({
+  name: 'FwLoadingDots'
+});
+
+var _hoisted_1 = {
+  "class": "fw-loading-dots",
+  "aria-hidden": "true"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1);
+}
+
+var css_248z = ".fw-loading-dots{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-shadow-color:var(--colorPrimary);--tw-shadow:var(--tw-shadow-colored);-webkit-animation:l21 .5s linear infinite alternate;-moz-animation:l21 .5s linear infinite alternate;animation:l21 .5s linear infinite alternate;aspect-ratio:1;border-radius:9999px;-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:19px 0 0 0,38px 0 0 3px,57px 0 0 7px;box-shadow:19px 0 0 0,38px 0 0 3px,57px 0 0 7px;color:var(--colorPrimary);-webkit-transform:translateX(-32px);-moz-transform:translateX(-32px);-ms-transform:translateX(-32px);transform:translateX(-32px);width:6px}@-webkit-keyframes l21{50%{-webkit-box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px;box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}}@-moz-keyframes l21{50%{box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}}@keyframes l21{50%{-webkit-box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px;box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}}";
+var stylesheet = ".fw-loading-dots{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-shadow-color:var(--colorPrimary);--tw-shadow:var(--tw-shadow-colored);-webkit-animation:l21 .5s linear infinite alternate;-moz-animation:l21 .5s linear infinite alternate;animation:l21 .5s linear infinite alternate;aspect-ratio:1;border-radius:9999px;-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:19px 0 0 0,38px 0 0 3px,57px 0 0 7px;box-shadow:19px 0 0 0,38px 0 0 3px,57px 0 0 7px;color:var(--colorPrimary);-webkit-transform:translateX(-32px);-moz-transform:translateX(-32px);-ms-transform:translateX(-32px);transform:translateX(-32px);width:6px}@-webkit-keyframes l21{50%{-webkit-box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px;box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}}@-moz-keyframes l21{50%{box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}}@keyframes l21{50%{-webkit-box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px;box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}}";
+styleInject(css_248z);
+
 script.render = render;
 
-export { script$2 as FwLoadingBar, script$1 as FwLoadingCard, script as FwLoadingTable };
+export { __default__ as FwLoadingBar, script$2 as FwLoadingCard, script as FwLoadingDots, script$1 as FwLoadingTable };