@frollo/frollo-web-ui 3.0.0 → 3.0.2

package/esm/fw-accordion.js

@@ -10,14 +10,12 @@ var script = defineComponent({
     title: {
       type: String
     },
-
     /**
      * Title suffix of the accordion header
      */
     suffixTitle: {
       type: String
     },
-
     /**
      * Whether the accordion should be initially opened
      */
@@ -28,15 +26,12 @@ var script = defineComponent({
   },
   setup: function setup(props) {
     var isOpen = ref(props.isOpened);
-
     var transitionEnter = function transitionEnter(el) {
       el.style.height = el.scrollHeight + 'px';
     };
-
     var transitionLeave = function transitionLeave(el) {
       el.style.height = '0';
     };
-
     return {
       isOpen: isOpen,
       transitionEnter: transitionEnter,
@@ -48,7 +43,6 @@ var script = defineComponent({
 var _withScopeId = function _withScopeId(n) {
   return pushScopeId("data-v-c9209c42"), n = n(), popScopeId(), n;
 };
-
 var _hoisted_1 = {
   "class": "fw-accordion rounded border border-grey-40"
 };
@@ -90,8 +84,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])]);
 }
 
-var css_248z = ".fw-accordion--icon[data-v-c9209c42]{position:relative}.fw-accordion--icon[data-v-c9209c42]:after,.fw-accordion--icon[data-v-c9209c42]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-c9209c42]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-c9209c42]:after{width:0}";
-var stylesheet = ".fw-accordion--icon[data-v-c9209c42]{position:relative}.fw-accordion--icon[data-v-c9209c42]:after,.fw-accordion--icon[data-v-c9209c42]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-c9209c42]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-c9209c42]:after{width:0}";
+var css_248z = ".fw-accordion--icon[data-v-c9209c42]{position:relative}.fw-accordion--icon[data-v-c9209c42]:after,.fw-accordion--icon[data-v-c9209c42]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-c9209c42]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-c9209c42]:after{width:0}";
+var stylesheet = ".fw-accordion--icon[data-v-c9209c42]{position:relative}.fw-accordion--icon[data-v-c9209c42]:after,.fw-accordion--icon[data-v-c9209c42]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-c9209c42]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-c9209c42]:after{width:0}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-animations.js

@@ -1,12 +1,11 @@
-import './es.number.constructor-f279ce82.js';
+import './es.number.constructor-1249bd78.js';
 import { defineComponent, useCssVars, pushScopeId, popScopeId, createElementVNode, openBlock, createElementBlock, createStaticVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-export { s as FwLoadingSpinner } from './fw-loading-spinner-9b7c6855.js';
-import './function-name-e2f6ea36.js';
-import './is-forced-ddf227e6.js';
-import './to-string-685748aa.js';
-import './classof-a45668b6.js';
-import './index-4605e00e.js';
+export { s as FwLoadingSpinner } from './fw-loading-spinner-164d8df0.js';
+import './is-forced-752b5893.js';
+import './to-string-12728fd2.js';
+import './classof-39c30bd5.js';
+import './index-692e4d19.js';
 import './check-94a5917a.js';
 
 var __default__$1 = defineComponent({
@@ -23,7 +22,6 @@ var __default__$1 = defineComponent({
     }
   }
 });
-
 var __injectCSSVars__$1 = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
@@ -31,22 +29,18 @@ var __injectCSSVars__$1 = function __injectCSSVars__() {
     };
   });
 };
-
 var __setup__$1 = __default__$1.setup;
 __default__$1.setup = __setup__$1 ? function (props, ctx) {
   __injectCSSVars__$1();
-
   return __setup__$1(props, ctx);
 } : __injectCSSVars__$1;
 
 var _withScopeId$1 = function _withScopeId(n) {
   return pushScopeId("data-v-62714d9a"), n = n(), popScopeId(), n;
 };
-
 var _hoisted_1$1 = {
   "class": "fw-email-pulse justify-center mx-auto"
 };
-
 var _hoisted_2$1 = /*#__PURE__*/_withScopeId$1(function () {
   return /*#__PURE__*/createElementVNode("svg", {
     width: "102",
@@ -61,7 +55,6 @@ var _hoisted_2$1 = /*#__PURE__*/_withScopeId$1(function () {
     d: "M51 102C79.1665 102 102 79.1665 102 51C102 22.8335 79.1665 0 51 0C22.8335 0 0 22.8335 0 51C0 79.1665 22.8335 102 51 102ZM27 39C27 35.6859 29.6859 33 33 33H69C72.3094 33 75 35.6859 75 39V63C75 66.3141 72.3141 69 69 69H33C29.6859 69 27 66.3141 27 63V39ZM72 39C72 37.3462 70.6537 36 69 36H33C31.3463 36 30 37.35 30 39V42.375L48.2972 56.1009C49.8909 57.2934 52.1062 57.2934 53.7 56.1009L72 42.3759V39ZM69 66C70.6537 66 72 64.6537 72 63V46.0406L55.5 58.5C54.1781 59.4938 52.5881 60.0019 51 60.0019C49.4119 60.0019 47.8237 59.4947 46.5 58.5L30 46.0406V63C30 64.6537 31.3463 66 33 66H69Z"
   })], -1);
 });
-
 var _hoisted_3 = /*#__PURE__*/_withScopeId$1(function () {
   return /*#__PURE__*/createElementVNode("svg", {
     "class": "absolute top-0 left-0",
@@ -73,7 +66,6 @@ var _hoisted_3 = /*#__PURE__*/_withScopeId$1(function () {
     r: "45"
   })], -1);
 });
-
 var _hoisted_4$1 = [_hoisted_2$1, _hoisted_3];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$1, _hoisted_4$1);
@@ -100,7 +92,6 @@ var __default__ = defineComponent({
     }
   }
 });
-
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
@@ -108,24 +99,19 @@ var __injectCSSVars__ = function __injectCSSVars__() {
     };
   });
 };
-
 var __setup__ = __default__.setup;
 __default__.setup = __setup__ ? function (props, ctx) {
   __injectCSSVars__();
-
   return __setup__(props, ctx);
 } : __injectCSSVars__;
 
 var _withScopeId = function _withScopeId(n) {
   return pushScopeId("data-v-c32112d4"), n = n(), popScopeId(), n;
 };
-
 var _hoisted_1 = {
   "class": "fw-success-pulse"
 };
-
 var _hoisted_2 = /*#__PURE__*/createStaticVNode("<svg class=\"fw-success-pulse--checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\" data-v-c32112d4><circle class=\"fw-success-pulse--checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" data-v-c32112d4></circle><path class=\"fw-success-pulse--checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" data-v-c32112d4></path></svg><svg class=\"absolute top-0 left-0\" viewBox=\"0 0 100 100\" data-v-c32112d4><circle class=\"fw-success-pulse--circle\" cx=\"50%\" cy=\"50%\" r=\"34\" data-v-c32112d4></circle></svg>", 2);
-
 var _hoisted_4 = [_hoisted_2];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1, _hoisted_4);

package/esm/fw-bar-chart.js

@@ -0,0 +1,19 @@
+export { s as FwBarChart } from './index-1a41e7bf.js';
+import './es.number.constructor-1249bd78.js';
+import './is-forced-752b5893.js';
+import './to-string-12728fd2.js';
+import './classof-39c30bd5.js';
+import './export-a37ba078.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
+import './function-apply-ce251590.js';
+import './es.string.iterator-284b31d4.js';
+import './array-iteration-107f927f.js';
+import './array-species-create-a5f5503b.js';
+import './create-property-534611fd.js';
+import './delete-property-or-throw-8032646c.js';
+import './array-method-has-species-support-3d413468.js';
+import './es.function.name-557cb1f9.js';
+import './does-not-exceed-safe-integer-31d08811.js';
+import 'vue';
+import './uniqueId-fe08534a.js';

package/esm/{fw-button-df5c923f.js → fw-button-0401f207.js}

@@ -1,6 +1,6 @@
-import './es.array.includes-df8e6e35.js';
+import './es.array.includes-91be7771.js';
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
-import { s as script$1 } from './fw-loading-spinner-9b7c6855.js';
+import { s as script$1 } from './fw-loading-spinner-164d8df0.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var script = defineComponent({
@@ -16,12 +16,10 @@ var script = defineComponent({
     to: {
       type: [String, Object]
     },
-
     /**
      * A URL to link to using a native anchor element
      */
     href: String,
-
     /**
      * The size of the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
      */
@@ -32,19 +30,17 @@ var script = defineComponent({
         return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
       }
     },
-
     /**
      * The colour variant of the button.
-     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
+     * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
      */
     variant: {
       type: String,
       "default": 'primary',
       validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
+        return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'].includes(value);
       }
     },
-
     /**
      * The type attribute of the button
      */
@@ -55,7 +51,6 @@ var script = defineComponent({
         return ['button', 'submit', 'reset'].includes(value);
       }
     },
-
     /**
      * The animation type of the hover & focus states.
      * Accepts 'alternate' and 'fade'
@@ -67,7 +62,6 @@ var script = defineComponent({
         return ['alternate', 'fade'].includes(value);
       }
     },
-
     /**
      * Whether the button is rounded or not
      */
@@ -75,7 +69,6 @@ var script = defineComponent({
       type: Boolean,
       "default": true
     },
-
     /**
      * Whether the loading animation is shown or not
      */
@@ -83,7 +76,6 @@ var script = defineComponent({
       type: Boolean,
       "default": false
     },
-
     /**
      * Whether the link should open in a new tab
      */
@@ -92,8 +84,7 @@ var script = defineComponent({
     }
   },
   setup: function setup(props, ctx) {
-    var baseClass = ref( // eslint-disable-next-line max-len
-    'inline-block text-center whitespace-nowrap transition-colors ease-in-out duration-300 focus:outline-0 border-2 focus-visible:outline-0 focus:ring-none ring-offset-2 focus-visible:ring');
+    var baseClass = ref("inline-block text-center whitespace-nowrap transition-colors ease-in-out\n      duration-300 focus:outline-0 border-2 focus-visible:outline-0 focus:ring-none ring-offset-2 focus-visible:ring\n    ");
     var buttonClasses = ref({
       primary: {
         text: '',
@@ -129,6 +120,11 @@ var script = defineComponent({
         text: 'text-body font-semibold hover:text-white active:text-white',
         background: 'bg-white hover:bg-body active:bg-body',
         border: 'border-transparent focus-visible:ring-body'
+      },
+      transparent: {
+        text: 'text-grey-base hover:text-primary active:text-primary',
+        background: 'bg-none hover:bg-white focus:bg-white active:bg-white',
+        border: 'border-transparent focus-visible:ring-1 focus-visible:ring-primary'
       }
     });
     var sizes = ref({
@@ -178,43 +174,33 @@ var script = defineComponent({
     /**
      * @event Click - Native click
      */
-
     var onClick = function onClick(e) {
       return ctx.emit('click', e);
     };
     /**
      * @event mouseover - Native hover
      */
-
-
     var onMouseover = function onMouseover(e) {
       return ctx.emit('mouseover', e);
     };
     /**
      * @event mouseout - Native hover out
      */
-
-
     var onMouseout = function onMouseout(e) {
       return ctx.emit('mouseout', e);
     };
     /**
      * @event focusin - Native focusin
      */
-
-
     var onFocusin = function onFocusin(e) {
       return ctx.emit('focusin', e);
     };
     /**
      * @event focusout - Native focusout
      */
-
-
     var onFocusout = function onFocusout(e) {
       return ctx.emit('focusout', e);
     };
-
     var tagName = computed(function () {
       if (props.to) return 'router-link';
       if (props.href) return 'a';
@@ -243,7 +229,6 @@ var _hoisted_1 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingSpinner = resolveComponent("FwLoadingSpinner");
-
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
     "class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer']]),
     type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
@@ -272,8 +257,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
-var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-o-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
-var stylesheet = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-o-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
+var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
+var stylesheet = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-button.js

@@ -1,11 +1,12 @@
-export { s as FwButton } from './fw-button-df5c923f.js';
-import './es.array.includes-df8e6e35.js';
-import './function-name-e2f6ea36.js';
-import './object-keys-6a890c6f.js';
-import './is-forced-ddf227e6.js';
-import './add-to-unscopables-3f461c07.js';
+export { s as FwButton } from './fw-button-0401f207.js';
+import './es.array.includes-91be7771.js';
+import './is-forced-752b5893.js';
+import './export-a37ba078.js';
+import './add-to-unscopables-2400f45b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
 import 'vue';
-import './fw-loading-spinner-9b7c6855.js';
-import './index-4605e00e.js';
+import './fw-loading-spinner-164d8df0.js';
+import './index-692e4d19.js';
 import './check-94a5917a.js';
 import './style-inject.es-1f59c1d0.js';

package/esm/{fw-card-8d3f4ab5.js → fw-card-1b6a67fe.js}

@@ -9,26 +9,22 @@ var script = defineComponent({
     title: {
       type: String
     },
-
     /**
      * Title prefix with primary color
      */
     prefixTitle: {
       type: String
     },
-
     /**
      * A `router-link` path or object
      */
     to: {
       type: [String, Object]
     },
-
     /**
      * A URL to link to using a native anchor element
      */
     href: String,
-
     /**
      * Whether padding should be applied around the default slot
      */
@@ -36,7 +32,6 @@ var script = defineComponent({
       type: Boolean,
       "default": true
     },
-
     /**
      * Whether the card has a border or shadow by default
      */

package/esm/fw-card.js

@@ -1,2 +1,2 @@
-export { s as FwCard } from './fw-card-8d3f4ab5.js';
+export { s as FwCard } from './fw-card-1b6a67fe.js';
 import 'vue';

package/esm/fw-checkbox.js

@@ -1,8 +1,16 @@
 import { defineComponent, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Transition, toDisplayString } from 'vue';
 import { a as Field } from './vee-validate.esm-a17a23c3.js';
-import './es.function.name-b642b74f.js';
+import { u as uniqueId } from './uniqueId-fe08534a.js';
+import './es.function.name-557cb1f9.js';
+import './es.array.concat-987938be.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-e2f6ea36.js';
+import './is-forced-752b5893.js';
+import './export-a37ba078.js';
+import './array-species-create-a5f5503b.js';
+import './classof-39c30bd5.js';
+import './does-not-exceed-safe-integer-31d08811.js';
+import './create-property-534611fd.js';
+import './array-method-has-species-support-3d413468.js';
 
 var script = defineComponent({
   name: 'FwCheckbox',
@@ -17,34 +25,36 @@ var script = defineComponent({
       type: String,
       required: true
     },
-
     /**
      * Label for the input. Also renders to an aria-label attribute
      */
     label: {
       type: String
     },
-
     /**
      * Validation rules. Accepts an object, stringm schema or validation function.
      */
     rules: {
       type: [Object, String, Function]
     },
-
     /**
      * The hint text shown below the input
      */
     hint: {
       type: String
     }
+  },
+  setup: function setup() {
+    var uuid = uniqueId();
+    return {
+      uuid: uuid
+    };
   }
 });
 
 var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-063af6ec"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-3370ec5a"), n = n(), popScopeId(), n;
 };
-
 var _hoisted_1 = {
   "class": "fw-checkbox w-full"
 };
@@ -52,7 +62,7 @@ var _hoisted_2 = {
   "class": "flex flex-col"
 };
 var _hoisted_3 = ["for"];
-var _hoisted_4 = ["value", "name"];
+var _hoisted_4 = ["value", "name", "id"];
 var _hoisted_5 = ["innerHTML"];
 var _hoisted_6 = {
   "class": "italic text-sm font-medium min-h-[21px]"
@@ -66,7 +76,6 @@ var _hoisted_8 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = resolveComponent("InputField");
-
   return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
     name: _ctx.name,
     value: _ctx.name,
@@ -75,15 +84,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     "default": withCtx(function (_ref) {
       var field = _ref.field,
-          errors = _ref.errors,
-          errorMessage = _ref.errorMessage,
-          meta = _ref.meta;
+        errors = _ref.errors,
+        errorMessage = _ref.errorMessage,
+        meta = _ref.meta;
       return [createElementVNode("div", _hoisted_2, [createElementVNode("label", {
-        "for": _ctx.name,
+        "for": "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "inline-flex items-center mb-3"
       }, [createElementVNode("input", mergeProps(field, {
         value: _ctx.name,
-        name: _ctx.name,
+        name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
         "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
       }), null, 16, _hoisted_4), _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -104,11 +114,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name", "value", "rules"])]);
 }
 
-var css_248z = ".fwFadeIn-enter-active[data-v-063af6ec]{-webkit-animation:fwFadeIn-063af6ec .35s;animation:fwFadeIn-063af6ec .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-063af6ec]{animation:fwFadeIn-063af6ec .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-063af6ec{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-063af6ec{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-063af6ec]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-063af6ec]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
-var stylesheet = ".fwFadeIn-enter-active[data-v-063af6ec]{-webkit-animation:fwFadeIn-063af6ec .35s;animation:fwFadeIn-063af6ec .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-063af6ec]{animation:fwFadeIn-063af6ec .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-063af6ec{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-063af6ec{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-063af6ec]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-063af6ec]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
+var css_248z = ".fwFadeIn-enter-active[data-v-3370ec5a]{-webkit-animation:fwFadeIn-3370ec5a .35s;animation:fwFadeIn-3370ec5a .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-3370ec5a]{animation:fwFadeIn-3370ec5a .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-3370ec5a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-3370ec5a]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
+var stylesheet = ".fwFadeIn-enter-active[data-v-3370ec5a]{-webkit-animation:fwFadeIn-3370ec5a .35s;animation:fwFadeIn-3370ec5a .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-3370ec5a]{animation:fwFadeIn-3370ec5a .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-3370ec5a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-3370ec5a]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-063af6ec";
+script.__scopeId = "data-v-3370ec5a";
 
 export { script as FwCheckbox };