@leaflink/stash 50.0.5 → 50.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "50.0.5",
+  "version": "50.0.7",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",

package/styles/backwards-compat.css

@@ -4396,7 +4396,7 @@
 /* ---------------------------------------
   Base
 ---------------------------------------- */
-input[disabled], input[readonly] {
+input[disabled] {
   background-color: #E8E9EE !important;
   background-color: var(--color-ice-200) !important;
   border-color: #C5C9D4 !important;
@@ -4404,10 +4404,10 @@ input[disabled], input[readonly] {
   color: #76797F !important;
   color: var(--color-ice-700) !important;
 }
-input[disabled], input[readonly] {
+input[disabled] {
   pointer-events: none;
 }
-input[disabled]:active, input[disabled]:focus, input[readonly]:active, input[readonly]:focus {
+input[disabled]:active, input[disabled]:focus {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
 }

package/dist/Field.vue_vue_type_script_setup_true_lang-DjxUvSRF.js

@@ -1,95 +0,0 @@
-import { defineComponent as _, useAttrs as B, useSlots as T, computed as l, openBlock as a, createBlock as w, resolveDynamicComponent as k, mergeProps as O, unref as f, withCtx as b, createTextVNode as R, toDisplayString as h, createCommentVNode as m, createElementBlock as o, renderSlot as u } from "vue";
-import p from "lodash-es/uniqueId";
-import { _ as q } from "./Label.vue_vue_type_script_setup_true_lang-C4JKdqvC.js";
-const E = ["aria-labelledby"], L = ["id"], S = {
-  key: 4,
-  class: "stash-field-hint tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs",
-  "data-test": "stash-field-hint"
-}, g = {
-  key: 5,
-  class: "stash-field-hint tw-mt-1 tw-whitespace-pre-line tw-text-xs",
-  "data-test": "stash-field-hint"
-}, D = /* @__PURE__ */ _({
-  inheritAttrs: !1,
-  __name: "Field",
-  props: {
-    addBottomSpace: { type: Boolean, default: !1 },
-    errorText: { default: void 0 },
-    hintText: { default: void 0 },
-    id: { default: void 0 },
-    errorId: { default: void 0 },
-    isReadOnly: { type: Boolean },
-    isRequired: { type: Boolean, default: !1 },
-    label: { default: void 0 },
-    showOptionalInLabel: { type: Boolean, default: !1 },
-    fieldset: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  setup(v) {
-    const e = v, y = B(), r = T(), d = l(() => e.id || p("stash-field-")), i = l(() => e.errorId || p("stash-field-error-")), s = l(() => p("stash-field-label-")), n = l(() => !!e.errorText), I = l(() => e.fieldset ? "fieldset" : "div"), x = l(() => {
-      const { placeholder: t, ...c } = y;
-      return c;
-    });
-    return (t, c) => (a(), w(k(I.value), O({
-      "data-test": "stash-field",
-      class: ["stash-field", [
-        { "tw-p-0": e.fieldset },
-        { "tw-mb-9": e.addBottomSpace && !e.errorText && !e.hintText && !f(r).hint },
-        { "tw-mb-4": e.addBottomSpace && (e.errorText || e.hintText || f(r).hint) },
-        { "stash-field--disabled": e.disabled }
-      ]]
-    }, x.value), {
-      default: b(() => [
-        e.label ? (a(), w(q, {
-          key: 0,
-          id: s.value,
-          for: d.value,
-          "has-error": n.value,
-          "is-required": t.isRequired,
-          "show-optional": e.showOptionalInLabel,
-          legend: e.fieldset,
-          disabled: e.disabled
-        }, {
-          default: b(() => [
-            R(h(e.label), 1)
-          ]),
-          _: 1
-        }, 8, ["id", "for", "has-error", "is-required", "show-optional", "legend", "disabled"])) : m("", !0),
-        e.isReadOnly ? (a(), o("div", {
-          key: 1,
-          "aria-labelledby": s.value
-        }, [
-          u(t.$slots, "default", {
-            fieldId: d.value,
-            fieldErrorId: i.value,
-            hasError: n.value,
-            isRequired: t.isRequired,
-            labelId: s.value,
-            showOptionalInLabel: e.showOptionalInLabel
-          })
-        ], 8, E)) : u(t.$slots, "default", {
-          key: 2,
-          fieldId: d.value,
-          fieldErrorId: i.value,
-          hasError: n.value,
-          isRequired: t.isRequired,
-          labelId: s.value,
-          showOptionalInLabel: e.showOptionalInLabel
-        }),
-        e.errorText ? (a(), o("span", {
-          key: 3,
-          id: i.value,
-          class: "stash-field-error tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs tw-text-red-500",
-          "data-test": "stash-field-error"
-        }, h(e.errorText), 9, L)) : e.hintText && !e.isReadOnly ? (a(), o("span", S, h(e.hintText), 1)) : f(r).hint && !e.isReadOnly ? (a(), o("div", g, [
-          u(t.$slots, "hint")
-        ])) : m("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  D as _
-};
-//# sourceMappingURL=Field.vue_vue_type_script_setup_true_lang-DjxUvSRF.js.map

package/dist/Field.vue_vue_type_script_setup_true_lang-DjxUvSRF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.vue_vue_type_script_setup_true_lang-DjxUvSRF.js","sources":["../src/components/Field/Field.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, useAttrs, useSlots } from 'vue';\n\n  import Label from '../Label/Label.vue';\n\n  defineOptions({\n    inheritAttrs: false,\n  });\n\n  export interface FieldProps {\n    /**\n     * Adds spacing under the field that is consistent whether hint/error text is displayed.\n     */\n    addBottomSpace?: boolean;\n\n    /**\n     * Error text to display. Replaces `hintText` (if provided) & adds error styling.\n     */\n    errorText?: string;\n\n    /**\n     * Displays text below the input; hidden when the isReadOnly prop is truthy.\n     */\n    hintText?: string;\n\n    /**\n     * ID for the Label and Input; must be unique\n     */\n    id?: string;\n\n    /**\n     * ID for the error text element; useful for aria-errormessage\n     */\n    errorId?: string;\n\n    /**\n     * Whether it's a readonly field.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Whether the field is required.\n     */\n    isRequired?: boolean;\n\n    /**\n     * Label to render above the input.\n     */\n    label?: string;\n\n    /**\n     * Show \"(optional)\" to the right of the label text\n     */\n    showOptionalInLabel?: boolean;\n\n    /**\n     * Indicates wheter the field is a fieldset or not\n     */\n    fieldset?: boolean;\n\n    /**\n     * Indicates whether the field is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<FieldProps>(), {\n    addBottomSpace: false,\n    errorText: undefined,\n    hintText: undefined,\n    id: undefined,\n    errorId: undefined,\n    isRequired: false,\n    label: undefined,\n    showOptionalInLabel: false,\n    fieldset: false,\n    disabled: false,\n  });\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const fieldId = computed(() => props.id || uniqueId('stash-field-'));\n  const fieldErrorId = computed(() => props.errorId || uniqueId('stash-field-error-'));\n  const labelId = computed(() => uniqueId('stash-field-label-'));\n  const hasError = computed(() => !!props.errorText);\n  const wrapperElement = computed(() => (props.fieldset ? 'fieldset' : 'div'));\n\n  // Any attributes that are unique to form elements, you want to exclude from\n  // being bound from the root element.\n  const rootAttrs = computed(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { placeholder, ...otherAttrs } = attrs;\n\n    return otherAttrs;\n  });\n</script>\n\n<template>\n  <component\n    :is=\"wrapperElement\"\n    data-test=\"stash-field\"\n    class=\"stash-field\"\n    :class=\"[\n      { 'tw-p-0': props.fieldset },\n      { 'tw-mb-9': props.addBottomSpace && !props.errorText && !props.hintText && !slots.hint },\n      { 'tw-mb-4': props.addBottomSpace && (props.errorText || props.hintText || slots.hint) },\n      { 'stash-field--disabled': props.disabled },\n    ]\"\n    v-bind=\"rootAttrs\"\n  >\n    <Label\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      :for=\"fieldId\"\n      :has-error=\"hasError\"\n      :is-required=\"isRequired\"\n      :show-optional=\"props.showOptionalInLabel\"\n      :legend=\"props.fieldset\"\n      :disabled=\"props.disabled\"\n    >\n      {{ props.label }}\n    </Label>\n\n    <!-- @slot for the form field; the Label can also be rendered here instead of using the label prop -->\n    <template v-if=\"props.isReadOnly\">\n      <div :aria-labelledby=\"labelId\">\n        <slot\n          :field-id=\"fieldId\"\n          :field-error-id=\"fieldErrorId\"\n          :has-error=\"hasError\"\n          :is-required=\"isRequired\"\n          :label-id=\"labelId\"\n          :show-optional-in-label=\"props.showOptionalInLabel\"\n        ></slot>\n      </div>\n    </template>\n    <template v-else>\n      <slot\n        :field-id=\"fieldId\"\n        :field-error-id=\"fieldErrorId\"\n        :has-error=\"hasError\"\n        :is-required=\"isRequired\"\n        :label-id=\"labelId\"\n        :show-optional-in-label=\"props.showOptionalInLabel\"\n      ></slot>\n    </template>\n\n    <span\n      v-if=\"props.errorText\"\n      :id=\"fieldErrorId\"\n      class=\"stash-field-error tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs tw-text-red-500\"\n      data-test=\"stash-field-error\"\n    >\n      {{ props.errorText }}\n    </span>\n\n    <span\n      v-else-if=\"props.hintText && !props.isReadOnly\"\n      class=\"stash-field-hint tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs\"\n      data-test=\"stash-field-hint\"\n    >\n      {{ props.hintText }}\n    </span>\n\n    <div\n      v-else-if=\"slots.hint && !props.isReadOnly\"\n      class=\"stash-field-hint tw-mt-1 tw-whitespace-pre-line tw-text-xs\"\n      data-test=\"stash-field-hint\"\n    >\n      <!-- @slot for displaying hint text below the field -->\n      <slot name=\"hint\"></slot>\n    </div>\n  </component>\n</template>\n"],"names":["props","__props","attrs","useAttrs","slots","useSlots","fieldId","computed","uniqueId","fieldErrorId","labelId","hasError","wrapperElement","rootAttrs","placeholder","otherAttrs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEE,UAAMA,IAAQC,GAYRC,IAAQC,KACRC,IAAQC,KACRC,IAAUC,EAAS,MAAMP,EAAM,MAAMQ,EAAS,cAAc,CAAC,GAC7DC,IAAeF,EAAS,MAAMP,EAAM,WAAWQ,EAAS,oBAAoB,CAAC,GAC7EE,IAAUH,EAAS,MAAMC,EAAS,oBAAoB,CAAC,GACvDG,IAAWJ,EAAS,MAAM,CAAC,CAACP,EAAM,SAAS,GAC3CY,IAAiBL,EAAS,MAAOP,EAAM,WAAW,aAAa,KAAM,GAIrEa,IAAYN,EAAS,MAAM;AAE/B,YAAM,EAAE,aAAAO,GAAa,GAAGC,EAAA,IAAeb;AAEhC,aAAAa;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}