@leaflink/stash 49.4.1 → 50.0.0

package/dist/IntegrationIcon.vue.d.ts

@@ -27,20 +27,20 @@ declare type __VLS_WithDefaults<P, D> = {
 };
 
 declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IntegrationIconProps>, {
-    id: () => string;
-    size: string;
-    title: string;
-    staticPath: string;
+id: () => string;
+size: string;
+title: string;
+staticPath: string;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IntegrationIconProps>, {
-    id: () => string;
-    size: string;
-    title: string;
-    staticPath: string;
+id: () => string;
+size: string;
+title: string;
+staticPath: string;
 }>>> & Readonly<{}>, {
-    title: string;
-    id: string;
-    size: "small" | "standard" | "dense" | "large";
-    staticPath: string;
+title: string;
+id: string;
+size: "small" | "standard" | "dense" | "large";
+staticPath: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 

package/dist/Label.js

@@ -1,8 +1,5 @@
-import { _ as o } from "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
-import "vue";
-import "./locale.js";
-import "lodash-es/get";
+import { _ as f } from "./Label.vue_vue_type_script_setup_true_lang-C4JKdqvC.js";
 export {
-  o as default
+  f as default
 };
 //# sourceMappingURL=Label.js.map

package/dist/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Label.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Label.vue.d.ts

@@ -33,25 +33,25 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 };
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LabelProps>, {
-    for: undefined;
-    hasError: boolean;
-    isRequired: boolean;
-    showOptional: boolean;
-    legend: boolean;
-    isDisabled: boolean;
+for: undefined;
+hasError: boolean;
+isRequired: boolean;
+showOptional: boolean;
+legend: boolean;
+isDisabled: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LabelProps>, {
-    for: undefined;
-    hasError: boolean;
-    isRequired: boolean;
-    showOptional: boolean;
-    legend: boolean;
-    isDisabled: boolean;
+for: undefined;
+hasError: boolean;
+isRequired: boolean;
+showOptional: boolean;
+legend: boolean;
+isDisabled: boolean;
 }>>> & Readonly<{}>, {
-    legend: boolean;
-    for: string;
-    hasError: boolean;
-    isRequired: boolean;
-    showOptional: boolean;
+legend: boolean;
+for: string;
+hasError: boolean;
+isRequired: boolean;
+showOptional: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/{Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js → Label.vue_vue_type_script_setup_true_lang-C4JKdqvC.js}

@@ -40,4 +40,4 @@ const h = {
 export {
   x as _
 };
-//# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js.map
+//# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang-C4JKdqvC.js.map

package/dist/{Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js.map → Label.vue_vue_type_script_setup_true_lang-C4JKdqvC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js","sources":["../src/components/Label/Label.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import { t } from '../../locale';\n\n  export interface LabelProps {\n    /**\n     * The `id` of the input element that this label is associated with.\n     */\n    for?: string;\n\n    /**\n     * Indicates whether the label should be styled as an error.\n     */\n    hasError?: boolean;\n\n    /**\n     * Indicates whether the input element that this label is associated with is required.\n     */\n    isRequired?: boolean;\n\n    /**\n     * Indicates whether the label should show that the input is optional.\n     */\n    showOptional?: boolean;\n\n    /**\n     * Indicates whether the wrapper element to be rendered should be a label or a legend.\n     */\n    legend?: boolean;\n\n    /**\n     * Indicates whether the label is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LabelProps>(), {\n    for: undefined,\n    hasError: false,\n    isRequired: false,\n    showOptional: false,\n    legend: false,\n    isDisabled: false,\n  });\n\n  const is = computed(() => {\n    return props.legend ? 'legend' : 'label';\n  });\n</script>\n\n<template>\n  <component\n    :is=\"is\"\n    class=\"stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6\"\n    :class=\"{\n      'tw-animate-shake': props.hasError,\n      'stash-label--disabled tw-text-ice-700': props.disabled,\n      'tw-text-ice-900': !props.disabled,\n    }\"\n    :for=\"props.for\"\n    data-test=\"stash-label\"\n  >\n    <!-- @slot The label text -->\n    <slot></slot>\n    <span v-if=\"props.isRequired\" class=\"tw-font-semibold tw-text-red-500\" title=\"Required\" aria-label=\"required\">\n      *\n    </span>\n    <span v-else-if=\"props.showOptional\" class=\"tw-text-ice-700\"> ({{ t('ll.optional') }})</span>\n  </component>\n</template>\n"],"names":["props","__props","is","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqCE,UAAMA,IAAQC,GASRC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-C4JKdqvC.js","sources":["../src/components/Label/Label.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import { t } from '../../locale';\n\n  export interface LabelProps {\n    /**\n     * The `id` of the input element that this label is associated with.\n     */\n    for?: string;\n\n    /**\n     * Indicates whether the label should be styled as an error.\n     */\n    hasError?: boolean;\n\n    /**\n     * Indicates whether the input element that this label is associated with is required.\n     */\n    isRequired?: boolean;\n\n    /**\n     * Indicates whether the label should show that the input is optional.\n     */\n    showOptional?: boolean;\n\n    /**\n     * Indicates whether the wrapper element to be rendered should be a label or a legend.\n     */\n    legend?: boolean;\n\n    /**\n     * Indicates whether the label is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LabelProps>(), {\n    for: undefined,\n    hasError: false,\n    isRequired: false,\n    showOptional: false,\n    legend: false,\n    isDisabled: false,\n  });\n\n  const is = computed(() => {\n    return props.legend ? 'legend' : 'label';\n  });\n</script>\n\n<template>\n  <component\n    :is=\"is\"\n    class=\"stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6\"\n    :class=\"{\n      'tw-animate-shake': props.hasError,\n      'stash-label--disabled tw-text-ice-700': props.disabled,\n      'tw-text-ice-900': !props.disabled,\n    }\"\n    :for=\"props.for\"\n    data-test=\"stash-label\"\n  >\n    <!-- @slot The label text -->\n    <slot></slot>\n    <span v-if=\"props.isRequired\" class=\"tw-font-semibold tw-text-red-500\" title=\"Required\" aria-label=\"required\">\n      *\n    </span>\n    <span v-else-if=\"props.showOptional\" class=\"tw-text-ice-700\"> ({{ t('ll.optional') }})</span>\n  </component>\n</template>\n"],"names":["props","__props","is","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqCE,UAAMA,IAAQC,GASRC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;;;;;;;;;;;;;;;;;;"}

package/dist/LicenseChip.js

@@ -1,12 +1,6 @@
-import { defineComponent as a, useAttrs as p, computed as r, withDirectives as u, openBlock as d, createBlock as m, mergeProps as h, withCtx as C, createTextVNode as f, toDisplayString as b, vShow as A } from "vue";
+import { defineComponent as a, useAttrs as u, computed as r, withDirectives as d, openBlock as p, createBlock as h, mergeProps as m, withCtx as C, createTextVNode as f, toDisplayString as b, vShow as A } from "vue";
 import g from "./Chip.js";
-import "./utils/colorScheme.js";
-import "./Icon.js";
-import "lodash-es/uniqueId";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-import "./_plugin-vue_export-helper-dad06003.js";
-const w = /* @__PURE__ */ a({
+const N = /* @__PURE__ */ a({
   name: "ll-license-chip",
   inheritAttrs: !1,
   __name: "LicenseChip",
@@ -15,11 +9,11 @@ const w = /* @__PURE__ */ a({
     size: { default: "medium" },
     disabled: { type: Boolean }
   },
-  setup(l) {
-    const s = l, o = p(), c = r(() => {
-      const e = { ...o };
+  setup(i) {
+    const s = i, c = u(), o = r(() => {
+      const e = { ...c };
       return delete e["color-scheme"], delete e.radius, delete e.shade, e;
-    }), i = Object.freeze({
+    }), l = Object.freeze({
       MED: "yellow",
       MEDI: "yellow",
       REC: "blue",
@@ -34,18 +28,18 @@ const w = /* @__PURE__ */ a({
       CANN: "green",
       ADU: "blue",
       ADUL: "blue"
-    }), n = r(() => s.disabled ? "ice" : t.value in i ? i[t.value] : "blue"), t = r(() => {
+    }), n = r(() => s.disabled ? "ice" : t.value in l ? l[t.value] : "blue"), t = r(() => {
       const e = s.license.toUpperCase();
       return e.length > 4 ? e.slice(0, 3) : e;
     });
-    return (e, v) => u((d(), m(g, h({
+    return (e, v) => d((p(), h(g, m({
       class: "stash-license-chip",
       "data-test": "stash-license-chip",
       radius: "pill",
       shade: "main",
       "color-scheme": n.value,
       size: s.size
-    }, c.value, { disabled: e.disabled }), {
+    }, o.value, { disabled: e.disabled }), {
       default: C(() => [
         f(b(t.value), 1)
       ]),
@@ -56,6 +50,6 @@ const w = /* @__PURE__ */ a({
   }
 });
 export {
-  w as default
+  N as default
 };
 //# sourceMappingURL=LicenseChip.js.map

package/dist/LicenseChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"LicenseChip.js","sources":["../src/components/LicenseChip/LicenseChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useAttrs } from 'vue';\n\n  import { StashPrimaryColorGroup } from '../../../types/colors';\n  import Chip from '../Chip/Chip.vue';\n\n  defineOptions({\n    name: 'll-license-chip',\n    inheritAttrs: false,\n  });\n\n  export interface LicenseChipProps {\n    /**\n     * License type to be displayed. This can be either the type code (e.g. \"MED\") or the full name (e.g. \"Medical\").\n     */\n    license: string;\n\n    /**\n     * Size of the chip. Defaults to medium. Available sizes: \"small\" | \"medium\".\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * Whether the chip is disabled. Defaults to false.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n  const chipAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    // prevents override to ensure license chips remain consistent\n    delete tempAttrs['color-scheme'];\n    delete tempAttrs['radius'];\n    delete tempAttrs['shade'];\n\n    return tempAttrs;\n  });\n\n  const COLOR_SCHEME_MAPPING = Object.freeze({\n    MED: 'yellow',\n    MEDI: 'yellow',\n    REC: 'blue',\n    RECR: 'blue',\n    COM: 'royal',\n    COMB: 'royal',\n    ANC: 'orange',\n    ANCI: 'orange',\n    BUL: 'ice',\n    BULK: 'ice',\n    CAN: 'green',\n    CANN: 'green',\n    ADU: 'blue',\n    ADUL: 'blue',\n  });\n\n  const color = computed<StashPrimaryColorGroup>(() => {\n    if (props.disabled) {\n      return 'ice';\n    }\n\n    if (formattedLicense.value in COLOR_SCHEME_MAPPING) {\n      return COLOR_SCHEME_MAPPING[formattedLicense.value];\n    }\n\n    return 'blue';\n  });\n\n  const formattedLicense = computed(() => {\n    const uppercaseLicense = props.license.toUpperCase();\n\n    if (uppercaseLicense.length > 4) {\n      return uppercaseLicense.slice(0, 3);\n    }\n\n    return uppercaseLicense;\n  });\n</script>\n\n<template>\n  <Chip\n    v-show=\"formattedLicense.length\"\n    class=\"stash-license-chip\"\n    data-test=\"stash-license-chip\"\n    radius=\"pill\"\n    shade=\"main\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    v-bind=\"chipAttrs\"\n    :disabled=\"disabled\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["props","__props","attrs","useAttrs","chipAttrs","computed","tempAttrs","COLOR_SCHEME_MAPPING","color","formattedLicense","uppercaseLicense"],"mappings":";;;;;;;;;;;;;;;;;;AA4BE,UAAMA,IAAQC,GAGRC,IAAQC,KACRC,IAAYC,EAAS,MAAM;AACzB,YAAAC,IAAY,EAAE,GAAGJ;AAGvB,oBAAOI,EAAU,cAAc,GAC/B,OAAOA,EAAU,QACjB,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,IAAuB,OAAO,OAAO;AAAA,MACzC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,GAEKC,IAAQH,EAAiC,MACzCL,EAAM,WACD,QAGLS,EAAiB,SAASF,IACrBA,EAAqBE,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBJ,EAAS,MAAM;AAChC,YAAAK,IAAmBV,EAAM,QAAQ,YAAY;AAE/C,aAAAU,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LicenseChip.js","sources":["../src/components/LicenseChip/LicenseChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useAttrs } from 'vue';\n\n  import { StashPrimaryColorGroup } from '../../../types/colors';\n  import Chip from '../Chip/Chip.vue';\n\n  defineOptions({\n    name: 'll-license-chip',\n    inheritAttrs: false,\n  });\n\n  export interface LicenseChipProps {\n    /**\n     * License type to be displayed. This can be either the type code (e.g. \"MED\") or the full name (e.g. \"Medical\").\n     */\n    license: string;\n\n    /**\n     * Size of the chip. Defaults to medium. Available sizes: \"small\" | \"medium\".\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * Whether the chip is disabled. Defaults to false.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n  const chipAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    // prevents override to ensure license chips remain consistent\n    delete tempAttrs['color-scheme'];\n    delete tempAttrs['radius'];\n    delete tempAttrs['shade'];\n\n    return tempAttrs;\n  });\n\n  const COLOR_SCHEME_MAPPING = Object.freeze({\n    MED: 'yellow',\n    MEDI: 'yellow',\n    REC: 'blue',\n    RECR: 'blue',\n    COM: 'royal',\n    COMB: 'royal',\n    ANC: 'orange',\n    ANCI: 'orange',\n    BUL: 'ice',\n    BULK: 'ice',\n    CAN: 'green',\n    CANN: 'green',\n    ADU: 'blue',\n    ADUL: 'blue',\n  });\n\n  const color = computed<StashPrimaryColorGroup>(() => {\n    if (props.disabled) {\n      return 'ice';\n    }\n\n    if (formattedLicense.value in COLOR_SCHEME_MAPPING) {\n      return COLOR_SCHEME_MAPPING[formattedLicense.value];\n    }\n\n    return 'blue';\n  });\n\n  const formattedLicense = computed(() => {\n    const uppercaseLicense = props.license.toUpperCase();\n\n    if (uppercaseLicense.length > 4) {\n      return uppercaseLicense.slice(0, 3);\n    }\n\n    return uppercaseLicense;\n  });\n</script>\n\n<template>\n  <Chip\n    v-show=\"formattedLicense.length\"\n    class=\"stash-license-chip\"\n    data-test=\"stash-license-chip\"\n    radius=\"pill\"\n    shade=\"main\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    v-bind=\"chipAttrs\"\n    :disabled=\"disabled\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["props","__props","attrs","useAttrs","chipAttrs","computed","tempAttrs","COLOR_SCHEME_MAPPING","color","formattedLicense","uppercaseLicense"],"mappings":";;;;;;;;;;;;AA4BE,UAAMA,IAAQC,GAGRC,IAAQC,KACRC,IAAYC,EAAS,MAAM;AACzB,YAAAC,IAAY,EAAE,GAAGJ;AAGvB,oBAAOI,EAAU,cAAc,GAC/B,OAAOA,EAAU,QACjB,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,IAAuB,OAAO,OAAO;AAAA,MACzC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,GAEKC,IAAQH,EAAiC,MACzCL,EAAM,WACD,QAGLS,EAAiB,SAASF,IACrBA,EAAqBE,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBJ,EAAS,MAAM;AAChC,YAAAK,IAAmBV,EAAM,QAAQ,YAAY;AAE/C,aAAAU,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;"}

package/dist/LicenseChip.vue.d.ts

@@ -27,11 +27,11 @@ declare type __VLS_WithDefaults<P, D> = {
 };
 
 declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LicenseChipProps>, {
-    size: string;
+size: string;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LicenseChipProps>, {
-    size: string;
+size: string;
 }>>> & Readonly<{}>, {
-    size: "small" | "medium";
+size: "small" | "medium";
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 

package/dist/ListItem.js

@@ -1,9 +1,6 @@
 import a from "./Checkbox.js";
 import { resolveComponent as n, openBlock as l, createElementBlock as i, normalizeClass as c, createBlock as d, createCommentVNode as m, renderSlot as b } from "vue";
-import { _ as r } from "./_plugin-vue_export-helper-dad06003.js";
-import "@leaflink/snitch";
-import "lodash-es/uniqueId";
-import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
+import { _ as r } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const k = "_item_12k6c_2", _ = "_checkbox_12k6c_56", f = {
   item: k,
   "is-selectable": "_is-selectable_12k6c_41",
@@ -70,7 +67,7 @@ const k = "_item_12k6c_2", _ = "_checkbox_12k6c_56", f = {
     }
   }
 };
-function u(e, y, t, B, x, o) {
+function u(e, p, t, B, x, o) {
   const s = n("ll-checkbox");
   return l(), i("li", {
     class: c(["shadow-low", [e.$style.item, { [e.$style["is-selectable"]]: t.isSelectable, [e.$style["not-actionable"]]: t.notActionable }]])
@@ -87,10 +84,10 @@ function u(e, y, t, B, x, o) {
     b(e.$slots, "default")
   ], 2);
 }
-const p = {
+const y = {
   $style: f
-}, M = /* @__PURE__ */ r(h, [["render", u], ["__cssModules", p]]);
+}, I = /* @__PURE__ */ r(h, [["render", u], ["__cssModules", y]]);
 export {
-  M as default
+  I as default
 };
 //# sourceMappingURL=ListItem.js.map

package/dist/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../src/components/ListItem/ListItem.vue"],"sourcesContent":["<script>\n  import Checkbox from '../Checkbox/Checkbox.vue';\n\n  export default {\n    name: 'll-list-item',\n\n    components: {\n      'll-checkbox': Checkbox,\n    },\n\n    props: {\n      /**\n       * The item to be selected\n       */\n      item: {\n        type: Object,\n        default: () => ({}),\n      },\n\n      /**\n       * Whether this row can be selected.\n       */\n      isSelectable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row's checkbox should be indeterminite\n       */\n      isIndeterminate: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row has an actions column or not. By default list items will\n       * be styled to include actions. Use `not-actionable` to restyle a row that\n       * has no actions.\n       */\n      notActionable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row is selected.\n       */\n      selected: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Disables the checkbox\n       */\n      disabled: {\n        type: Boolean,\n        default: false,\n      },\n    },\n\n    emits: ['select'],\n\n    methods: {\n      /**\n       * @param {boolean} value emit change event when item is selected\n       */\n      onSelect(value) {\n        this.$emit('select', { item: this.item, value });\n      },\n    },\n  };\n</script>\n\n<template>\n  <li\n    class=\"shadow-low\"\n    :class=\"[$style.item, { [$style['is-selectable']]: isSelectable, [$style['not-actionable']]: notActionable }]\"\n  >\n    <ll-checkbox\n      v-if=\"isSelectable\"\n      data-test=\"checkbox|select-item\"\n      :checked=\"selected\"\n      :class=\"$style.checkbox\"\n      :disabled=\"disabled || null\"\n      :indeterminate=\"isIndeterminate\"\n      @update:checked=\"onSelect\"\n    />\n    <slot></slot>\n  </li>\n</template>\n\n<style module>\n  .item {\n    background: var(--color-white);\n    border-radius: theme('borderRadius.DEFAULT');\n    column-gap: var(--grid-gutter);\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-bottom: theme('spacing.6');\n    padding: theme('spacing.3');\n    padding-top: theme('spacing.12');\n    position: relative;\n    row-gap: var(--grid-gutter);\n  }\n\n  @media screen('md') {\n    .item {\n      grid-template-columns: repeat(8, 1fr);\n    }\n  }\n\n  @media screen('lg') {\n    .item {\n      align-items: center;\n      border-bottom: 1px solid var(--color-ice-200);\n      border-radius: 0;\n      box-shadow: none;\n      grid-template-columns: repeat(12, 1fr);\n      margin-bottom: 0;\n      padding: theme('spacing.6');\n      row-gap: 0;\n    }\n\n    .item:last-child {\n      border: 0;\n      border-bottom-left-radius: theme('borderRadius.DEFAULT');\n      border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  @media screen('lg') {\n    .is-selectable {\n      grid-template-columns: theme('spacing[1.5]') repeat(12, 1fr);\n    }\n  }\n\n  .not-actionable {\n    padding-top: theme('spacing.3');\n  }\n\n  @media screen('lg') {\n    .not-actionable {\n      padding-top: theme('spacing.6');\n    }\n  }\n\n  .checkbox {\n    left: theme('spacing.3');\n    position: absolute !important;\n    top: 0;\n  }\n\n  @media screen('lg') {\n    .checkbox {\n      left: 0;\n      position: relative !important;\n    }\n\n    .checkbox label {\n      padding: 10px;\n    }\n  }\n</style>\n"],"names":["_sfc_main","Checkbox","value","_createElementBlock","_normalizeClass","_ctx","$props","_createBlock","_component_ll_checkbox","$options","_renderSlot"],"mappings":";;;;;;;;;;;GAGOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAeC;AAAA,EAChB;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,QAAQ;AAAA,EAEhB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,SAASC,GAAO;AACd,WAAK,MAAM,UAAU,EAAE,MAAM,KAAK,MAAM,OAAAA,EAAI,CAAG;AAAA,IAChD;AAAA,EACF;;;;cAKHC,EAcK,MAAA;AAAA,IAbH,OAAMC,EAAA,CAAA,cACG,CAAAC,EAAA,OAAO,MAAS,EAAA,CAAAA,EAAA,OAA0B,eAAA,CAAA,GAAAC,EAAA,cAAe,CAAAD,EAAA,2BAA2BC,EAAa,cAAA,CAAA,CAAA,CAAA;AAAA;IAGlGA,EAAY,qBADpBC,EAQEC,GAAA;AAAA;MANA,aAAU;AAAA,MACT,SAASF,EAAQ;AAAA,MACjB,OAAKF,EAAEC,EAAM,OAAC,QAAQ;AAAA,MACtB,UAAUC,EAAQ,YAAA;AAAA,MAClB,eAAeA,EAAe;AAAA,MAC9B,oBAAgBG,EAAQ;AAAA;IAE3BC,EAAaL,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"ListItem.js","sources":["../src/components/ListItem/ListItem.vue"],"sourcesContent":["<script>\n  import Checkbox from '../Checkbox/Checkbox.vue';\n\n  export default {\n    name: 'll-list-item',\n\n    components: {\n      'll-checkbox': Checkbox,\n    },\n\n    props: {\n      /**\n       * The item to be selected\n       */\n      item: {\n        type: Object,\n        default: () => ({}),\n      },\n\n      /**\n       * Whether this row can be selected.\n       */\n      isSelectable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row's checkbox should be indeterminite\n       */\n      isIndeterminate: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row has an actions column or not. By default list items will\n       * be styled to include actions. Use `not-actionable` to restyle a row that\n       * has no actions.\n       */\n      notActionable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row is selected.\n       */\n      selected: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Disables the checkbox\n       */\n      disabled: {\n        type: Boolean,\n        default: false,\n      },\n    },\n\n    emits: ['select'],\n\n    methods: {\n      /**\n       * @param {boolean} value emit change event when item is selected\n       */\n      onSelect(value) {\n        this.$emit('select', { item: this.item, value });\n      },\n    },\n  };\n</script>\n\n<template>\n  <li\n    class=\"shadow-low\"\n    :class=\"[$style.item, { [$style['is-selectable']]: isSelectable, [$style['not-actionable']]: notActionable }]\"\n  >\n    <ll-checkbox\n      v-if=\"isSelectable\"\n      data-test=\"checkbox|select-item\"\n      :checked=\"selected\"\n      :class=\"$style.checkbox\"\n      :disabled=\"disabled || null\"\n      :indeterminate=\"isIndeterminate\"\n      @update:checked=\"onSelect\"\n    />\n    <slot></slot>\n  </li>\n</template>\n\n<style module>\n  .item {\n    background: var(--color-white);\n    border-radius: theme('borderRadius.DEFAULT');\n    column-gap: var(--grid-gutter);\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-bottom: theme('spacing.6');\n    padding: theme('spacing.3');\n    padding-top: theme('spacing.12');\n    position: relative;\n    row-gap: var(--grid-gutter);\n  }\n\n  @media screen('md') {\n    .item {\n      grid-template-columns: repeat(8, 1fr);\n    }\n  }\n\n  @media screen('lg') {\n    .item {\n      align-items: center;\n      border-bottom: 1px solid var(--color-ice-200);\n      border-radius: 0;\n      box-shadow: none;\n      grid-template-columns: repeat(12, 1fr);\n      margin-bottom: 0;\n      padding: theme('spacing.6');\n      row-gap: 0;\n    }\n\n    .item:last-child {\n      border: 0;\n      border-bottom-left-radius: theme('borderRadius.DEFAULT');\n      border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  @media screen('lg') {\n    .is-selectable {\n      grid-template-columns: theme('spacing[1.5]') repeat(12, 1fr);\n    }\n  }\n\n  .not-actionable {\n    padding-top: theme('spacing.3');\n  }\n\n  @media screen('lg') {\n    .not-actionable {\n      padding-top: theme('spacing.6');\n    }\n  }\n\n  .checkbox {\n    left: theme('spacing.3');\n    position: absolute !important;\n    top: 0;\n  }\n\n  @media screen('lg') {\n    .checkbox {\n      left: 0;\n      position: relative !important;\n    }\n\n    .checkbox label {\n      padding: 10px;\n    }\n  }\n</style>\n"],"names":["_sfc_main","Checkbox","value","_createElementBlock","_normalizeClass","_ctx","$props","_createBlock","_component_ll_checkbox","$options","_createCommentVNode","_renderSlot"],"mappings":";;;;;;;;GAGOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAeC;AAAA,EAChB;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,QAAQ;AAAA,EAEhB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,SAASC,GAAO;AACd,WAAK,MAAM,UAAU,EAAE,MAAM,KAAK,MAAM,OAAAA,EAAI,CAAG;AAAA,IAChD;AAAA,EACF;;;;cAKHC,EAcK,MAAA;AAAA,IAbH,OA7EJC,EAAA,CA6EU,cAAY,CACTC,SAAO,MAAS,EAAA,CAAAA,EAAA,OAA0B,eAAA,CAAA,GAAAC,EAAA,cAAe,CAAAD,EAAA,2BAA2BC,EAAa,cAAA,CAAA,CAAA,CAAA;AAAA;IAGlGA,EAAY,qBADpBC,EAQEC,GAAA;AAAA,MAxFN,KAAA;AAAA,MAkFM,aAAU;AAAA,MACT,SAASF,EAAQ;AAAA,MACjB,OApFPF,EAoFcC,EAAM,OAAC,QAAQ;AAAA,MACtB,UAAUC,EAAQ,YAAA;AAAA,MAClB,eAAeA,EAAe;AAAA,MAC9B,oBAAgBG,EAAQ;AAAA,0FAvF/BC,EAAA,IAAA,EAAA;AAAA,IAyFIC,EAAaN,EAAA,QAAA,SAAA;AAAA;;;;;"}