fds-vue-core 2.0.58 → 2.0.62

package/dist/apply.css

@@ -0,0 +1,60 @@
+@import './tokens.css';
+
+/** Create stencil components for this */
+@layer components {
+  h1,
+  .h1 {
+    @apply font-heading text-2xl sm:text-4xl lg:text-6xl/tight font-extrabold mb-3 mt-0;
+  }
+  h2,
+  .h2 {
+    @apply font-heading text-xl sm:text-3xl font-extrabold mt-4 mb-4;
+  }
+  .h2--small {
+    @apply font-heading text-xl font-extrabold mt-4 mb-4;
+  }
+
+  h3,
+  .h3 {
+    @apply font-heading text-xl font-extrabold mt-4 mb-4;
+  }
+
+  .h3--small {
+    @apply font-heading text-lg font-extrabold mt-4 mb-2;
+  }
+  h1:focus,
+  h2:focus,
+  h3:focus {
+    @apply focus:outline-0;
+  }
+
+  .label {
+    @apply font-bold mb-2! tracking-wide;
+  }
+  p {
+    @apply mb-4;
+  }
+  li:not(:last-child) {
+    @apply mb-2;
+  }
+  .link,
+  .html a {
+    @apply text-blue-600 hover:text-blue-700 active:text-blue-800 underline focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500;
+  }
+
+  .capitalize-first::first-letter {
+    text-transform: uppercase;
+  }
+}
+
+@layer utilities {
+  /** Override browser background color when autocomplete field */
+  input:not(input[type='checkbox'], input[type='radio']),
+  textarea {
+    box-shadow: 0 0 0 1000px #fff inset !important;
+  }
+  /** Style active router link in main nav */
+  .nav-items .router-link-active {
+    @apply bg-blue-100 text-blue-700 font-bold;
+  }
+}

package/dist/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsBlockInfo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue"],"names":[],"mappings":"AAkFA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAyBhD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAC;AAiLF,QAAA,MAAM,eAAe;;;;4EAGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsBlockInfo.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Blocks/FdsBlockInfo/FdsBlockInfo.vue"],"names":[],"mappings":"AAkFA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,KAAK,CAAA;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAyBhD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAC;AAyLF,QAAA,MAAM,eAAe;;;;4EAGnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Form/FdsSelect/FdsSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsSelect/FdsSelect.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAgFlC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAyIF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;gBAhQrB,CArHqD;;;;;;4EAyXnD,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsSelect/FdsSelect.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAgFlC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AA4IF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;gBAnQrB,CArHqD;;;;;;4EA4XnD,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Form/FdsTextarea/FdsTextarea.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsTextarea/FdsTextarea.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAuEpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;AA+IF,wBAIG"}
+{"version":3,"file":"FdsTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsTextarea/FdsTextarea.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAuEpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;AAgJF,wBAIG"}

package/dist/fds-vue-core.cjs.js

@@ -1229,7 +1229,7 @@ const _hoisted_6$3 = {
 };
 const _hoisted_7$3 = { class: "flex flex-col gap-2" };
 const _hoisted_8$2 = ["onClick"];
-const _hoisted_9$1 = { key: 0 };
+const _hoisted_9$2 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
@@ -1547,7 +1547,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ])
         ], 4),
-        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
+        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredNodes.value, (child) => {
             return vue.openBlock(), vue.createBlock(_component_TreeNode, {
               key: child.nodeId,
@@ -2573,7 +2573,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "w-full" };
+const _hoisted_1$c = { class: "w-full mb-4" };
 const _hoisted_2$9 = ["for"];
 const _hoisted_3$6 = {
   key: 1,
@@ -2680,21 +2680,22 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["for"];
-const _hoisted_2$8 = {
+const _hoisted_1$b = { class: "w-full mb-4" };
+const _hoisted_2$8 = ["for"];
+const _hoisted_3$5 = {
   key: 1,
   class: "font-thin mb-1"
 };
-const _hoisted_3$5 = { class: "relative" };
-const _hoisted_4$5 = ["id", "name", "disabled", "aria-invalid"];
-const _hoisted_5$3 = {
+const _hoisted_4$5 = { class: "relative" };
+const _hoisted_5$3 = ["id", "name", "disabled", "aria-invalid"];
+const _hoisted_6$1 = {
   key: 0,
   value: "",
   disabled: ""
 };
-const _hoisted_6$1 = ["value", "disabled"];
-const _hoisted_7$1 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
-const _hoisted_8$1 = {
+const _hoisted_7$1 = ["value", "disabled"];
+const _hoisted_8$1 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
+const _hoisted_9$1 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
@@ -2750,14 +2751,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       emit("input", ev);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", null, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
           key: 0,
           for: selectId.value,
           class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-        }, vue.toDisplayString(_ctx.label), 11, _hoisted_1$b)) : vue.createCommentVNode("", true),
-        _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$5, [
+        }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$8)) : vue.createCommentVNode("", true),
+        _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_4$5, [
           vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
             id: selectId.value,
             name: _ctx.name || void 0,
@@ -2769,18 +2770,18 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             onChange: handleChange,
             onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
           }), [
-            _ctx.placeholder && !hasDefaultSlot.value ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_5$3, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
+            _ctx.placeholder && !hasDefaultSlot.value ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_6$1, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
             !hasDefaultSlot.value && _ctx.options ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.options, (option) => {
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.value,
                 value: option.value,
                 disabled: option.disabled
-              }, vue.toDisplayString(option.label), 9, _hoisted_6$1);
+              }, vue.toDisplayString(option.label), 9, _hoisted_7$1);
             }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
-          ], 16, _hoisted_4$5), [
+          ], 16, _hoisted_5$3), [
             [vue.vModelSelect, internalValue.value]
           ]),
-          vue.createElementVNode("div", _hoisted_7$1, [
+          vue.createElementVNode("div", _hoisted_8$1, [
             vue.createVNode(_sfc_main$u, {
               name: "arrowDown",
               size: 24,
@@ -2792,7 +2793,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["class"])
           ])
         ]),
-        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -2875,7 +2876,10 @@ const _hoisted_2$6 = {
   class: "flex items-start gap-4"
 };
 const _hoisted_3$3 = { class: "flex-1" };
-const _hoisted_4$3 = { class: "mb-1" };
+const _hoisted_4$3 = {
+  key: 0,
+  class: "mb-1"
+};
 const _hoisted_5$1 = { class: "flex items-start justify-between gap-4" };
 const _hoisted_6 = { class: "m-0 text-base font-main font-bold tracking-wide" };
 const _hoisted_7 = { class: "flex items-start gap-3" };
@@ -2919,18 +2923,19 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             class: "fill-blue-500"
           }, null, 8, ["name"]),
           vue.createElementVNode("div", _hoisted_3$3, [
-            vue.createElementVNode("div", _hoisted_4$3, [
+            _ctx.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
               vue.createElementVNode("header", _hoisted_5$1, [
                 vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(_ctx.heading), 1),
                 vue.createElementVNode("div", _hoisted_7, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
               ])
-            ]),
-            vue.unref(hasSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            vue.unref(hasSlot) ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("", true)
           ])
         ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-          vue.createElementVNode("div", {
+          _ctx.heading ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
             class: vue.normalizeClass({ "mb-4": vue.unref(hasSlot) })
           }, [
             vue.createElementVNode("header", _hoisted_9, [
@@ -2947,7 +2952,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                 vue.renderSlot(_ctx.$slots, "headerInfo")
               ])
             ])
-          ], 2),
+          ], 2)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_13, [
             vue.renderSlot(_ctx.$slots, "default")
           ])
@@ -3368,7 +3373,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           el.classList.remove("cursor-not-allowed", "pointer-events-none", "opacity-35", "select-none");
         }
         const blockClasses = block ? "flex flex-1 w-full" : "w-full";
-        const baseClass = currentVariant === "primary" ? `${blockClasses} block cursor-pointer bg-transparent py-2 px-4 rounded-lg inline-block font-bold text-base leading-6 m-0 border-2 border-transparent select-none no-underline whitespace-nowrap text-inherit` : `${blockClasses} w-full block cursor-pointer text-blue-700 py-1 px-2 rounded inline-block font-bold text-base leading-6 m-0 select-none no-underline whitespace-nowrap tracking-[0.002em] rounded-md border-none text-blue-700`;
+        const baseClass = currentVariant === "primary" ? `${blockClasses} flex justify-center w-full cursor-pointer bg-transparent py-2 px-4 rounded-lg font-bold text-base leading-6 m-0 border-2 border-transparent select-none no-underline whitespace-nowrap text-inherit` : `${blockClasses} flex justify-center w-full cursor-pointer text-blue-700 py-1 px-2 rounded font-bold text-base leading-6 m-0 select-none no-underline whitespace-nowrap tracking-[0.002em] rounded-md border-none text-blue-700`;
         const hoverClass = currentVariant === "primary" ? "hover:bg-white/59 hover:outline-none" : "hover:bg-blue_t-100";
         const focusClass = currentVariant === "primary" ? "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500 focus-visible:outline-offset-[-2px]" : "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500";
         const activeClass = currentVariant === "primary" ? "active:border-transparent active:bg-white/80" : "active:bg-blue_t-200";