@leaflink/stash 52.0.2 → 53.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +50 -49
- package/dist/Accordion.js +16 -16
- package/dist/Accordion.js.map +1 -1
- package/dist/AccordionGroup.js +7 -7
- package/dist/AccordionGroup.js.map +1 -1
- package/dist/ActionsDropdown.js +16 -16
- package/dist/ActionsDropdown.js.map +1 -1
- package/dist/AddressSelect.js.map +1 -1
- package/dist/AddressSelect.vue.d.ts +1 -1
- package/dist/Alert.js +34 -34
- package/dist/Alert.js.map +1 -1
- package/dist/AppNavigationItem.js +31 -31
- package/dist/AppNavigationItem.js.map +1 -1
- package/dist/AppSidebar.js +19 -19
- package/dist/AppSidebar.js.map +1 -1
- package/dist/AppTopbar.js +32 -32
- package/dist/AppTopbar.js.map +1 -1
- package/dist/Avatar.js +18 -18
- package/dist/Avatar.js.map +1 -1
- package/dist/Backdrop.js +5 -5
- package/dist/Backdrop.js.map +1 -1
- package/dist/Badge.js +38 -38
- package/dist/Badge.js.map +1 -1
- package/dist/Box.js +1 -1
- package/dist/{Box.vue_vue_type_script_setup_true_lang-rFnvwLVY.js → Box.vue_vue_type_script_setup_true_lang-dFFZN40_.js} +6 -6
- package/dist/{Box.vue_vue_type_script_setup_true_lang-rFnvwLVY.js.map → Box.vue_vue_type_script_setup_true_lang-dFFZN40_.js.map} +1 -1
- package/dist/Button.js +21 -21
- package/dist/Button.js.map +1 -1
- package/dist/ButtonGroup.js +26 -26
- package/dist/ButtonGroup.js.map +1 -1
- package/dist/Card.js +14 -14
- package/dist/Card.js.map +1 -1
- package/dist/CardContent.js +1 -1
- package/dist/CardContent.js.map +1 -1
- package/dist/CardFooter.js +1 -1
- package/dist/CardFooter.js.map +1 -1
- package/dist/CardHeader.js +4 -4
- package/dist/CardHeader.js.map +1 -1
- package/dist/CardMedia.js +20 -20
- package/dist/CardMedia.js.map +1 -1
- package/dist/Carousel.js +88 -93
- package/dist/Carousel.js.map +1 -1
- package/dist/Checkbox.js +30 -30
- package/dist/Checkbox.js.map +1 -1
- package/dist/Checkbox.vue.d.ts +0 -3
- package/dist/Chip.js +33 -33
- package/dist/Chip.js.map +1 -1
- package/dist/ConfirmationCodeInput.js +72 -72
- package/dist/ConfirmationCodeInput.js.map +1 -1
- package/dist/ContextSwitcher.js +27 -27
- package/dist/ContextSwitcher.js.map +1 -1
- package/dist/Copy.js +47 -48
- package/dist/Copy.js.map +1 -1
- package/dist/CurrencyInput.js +1 -1
- package/dist/CurrencyInput.js.map +1 -1
- package/dist/CurrencyInput.vue.d.ts +5 -5
- package/dist/DataView.js +23 -23
- package/dist/DataView.js.map +1 -1
- package/dist/DataViewFilters.js +26 -26
- package/dist/DataViewFilters.js.map +1 -1
- package/dist/DataViewSortButton.js +22 -22
- package/dist/DataViewSortButton.js.map +1 -1
- package/dist/DataViewToolbar.js +52 -52
- package/dist/DataViewToolbar.js.map +1 -1
- package/dist/DatePicker.js +10 -10
- package/dist/DatePicker.js.map +1 -1
- package/dist/DescriptionList.js +2 -2
- package/dist/DescriptionList.js.map +1 -1
- package/dist/DescriptionListDetail.js +2 -2
- package/dist/DescriptionListDetail.js.map +1 -1
- package/dist/DescriptionListGroup.js +9 -9
- package/dist/DescriptionListGroup.js.map +1 -1
- package/dist/DescriptionListTerm.js +8 -8
- package/dist/DescriptionListTerm.js.map +1 -1
- package/dist/Dialog.js +47 -47
- package/dist/Dialog.js.map +1 -1
- package/dist/Divider.js +6 -6
- package/dist/Divider.js.map +1 -1
- package/dist/Dropdown.js +20 -20
- package/dist/Dropdown.js.map +1 -1
- package/dist/EmptyState.js +26 -26
- package/dist/EmptyState.js.map +1 -1
- package/dist/Field.js +1 -1
- package/dist/{Field.vue_vue_type_script_setup_true_lang-DI6z3AE9.js → Field.vue_vue_type_script_setup_true_lang-dAGKfjf5.js} +17 -17
- package/dist/Field.vue_vue_type_script_setup_true_lang-dAGKfjf5.js.map +1 -0
- package/dist/FileUpload.js +47 -49
- package/dist/FileUpload.js.map +1 -1
- package/dist/FilterChip.js +20 -20
- package/dist/FilterChip.js.map +1 -1
- package/dist/FilterDrawerItem.js +13 -13
- package/dist/FilterDrawerItem.js.map +1 -1
- package/dist/FilterDropdown.js +27 -27
- package/dist/FilterDropdown.js.map +1 -1
- package/dist/FilterSelect.js +33 -33
- package/dist/FilterSelect.js.map +1 -1
- package/dist/Filters.js +29 -29
- package/dist/Filters.js.map +1 -1
- package/dist/Filters.vue.d.ts +2 -8
- package/dist/HttpError.js +29 -29
- package/dist/HttpError.js.map +1 -1
- package/dist/HttpError.vue.d.ts +0 -3
- package/dist/Icon.js +12 -12
- package/dist/Icon.js.map +1 -1
- package/dist/IconLabel.js +19 -19
- package/dist/IconLabel.js.map +1 -1
- package/dist/IconLabel.vue.d.ts +1 -1
- package/dist/Illustration.js +2 -2
- package/dist/{Illustration.vue_vue_type_script_setup_true_lang-BrqEF8xe.js → Illustration.vue_vue_type_script_setup_true_lang-C1bPkWZZ.js} +4 -4
- package/dist/{Illustration.vue_vue_type_script_setup_true_lang-BrqEF8xe.js.map → Illustration.vue_vue_type_script_setup_true_lang-C1bPkWZZ.js.map} +1 -1
- package/dist/Image.js +2 -2
- package/dist/Image.vue.d.ts +0 -3
- package/dist/{Image.vue_vue_type_script_setup_true_lang-D5u4av0_.js → Image.vue_vue_type_script_setup_true_lang-CAj0FH9h.js} +11 -11
- package/dist/Image.vue_vue_type_script_setup_true_lang-CAj0FH9h.js.map +1 -0
- package/dist/InlineEdit.js +8 -8
- package/dist/InlineEdit.js.map +1 -1
- package/dist/Input.js +29 -29
- package/dist/Input.js.map +1 -1
- package/dist/InputOptions.js +87 -84
- package/dist/InputOptions.js.map +1 -1
- package/dist/InputOptions.vue.d.ts +2 -2
- package/dist/IntegrationIcon.js +11 -11
- package/dist/IntegrationIcon.js.map +1 -1
- package/dist/Label.js +1 -1
- package/dist/{Label.vue_vue_type_script_setup_true_lang-CNquF3AP.js → Label.vue_vue_type_script_setup_true_lang-xwY3X-iV.js} +16 -16
- package/dist/{Label.vue_vue_type_script_setup_true_lang-CNquF3AP.js.map → Label.vue_vue_type_script_setup_true_lang-xwY3X-iV.js.map} +1 -1
- package/dist/ListItem.js +14 -14
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItem.vue.d.ts +0 -6
- package/dist/ListItemCell.js +9 -9
- package/dist/ListItemCell.js.map +1 -1
- package/dist/ListView.js +138 -141
- package/dist/ListView.js.map +1 -1
- package/dist/ListView.vue.d.ts +2 -26
- package/dist/Loading.js +8 -8
- package/dist/Loading.js.map +1 -1
- package/dist/Logo.js +1 -1
- package/dist/{Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js → Logo.vue_vue_type_script_setup_true_lang-DghNC_k6.js} +3 -3
- package/dist/{Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js.map → Logo.vue_vue_type_script_setup_true_lang-DghNC_k6.js.map} +1 -1
- package/dist/Menu.js +5 -5
- package/dist/Menu.js.map +1 -1
- package/dist/MenuItem.js +12 -12
- package/dist/MenuItem.js.map +1 -1
- package/dist/Metric.js +24 -24
- package/dist/Metric.js.map +1 -1
- package/dist/Modal.js +60 -60
- package/dist/Modal.js.map +1 -1
- package/dist/Modals.js +1 -1
- package/dist/Modals.js.map +1 -1
- package/dist/Module.js +6 -6
- package/dist/Module.js.map +1 -1
- package/dist/ModuleContent.js +16 -16
- package/dist/ModuleContent.js.map +1 -1
- package/dist/ModuleFooter.js +13 -13
- package/dist/ModuleFooter.js.map +1 -1
- package/dist/ModuleHeader.js +29 -29
- package/dist/ModuleHeader.js.map +1 -1
- package/dist/MoreActions.js +81 -84
- package/dist/MoreActions.js.map +1 -1
- package/dist/ObfuscateText.js +4 -4
- package/dist/ObfuscateText.js.map +1 -1
- package/dist/PageContent.js +13 -13
- package/dist/PageContent.js.map +1 -1
- package/dist/PageHeader.js +28 -28
- package/dist/PageHeader.js.map +1 -1
- package/dist/PageNavigation.js +1 -1
- package/dist/Paginate.js +45 -45
- package/dist/Paginate.js.map +1 -1
- package/dist/QuickAction.js +18 -18
- package/dist/QuickAction.js.map +1 -1
- package/dist/Radio.js +17 -17
- package/dist/Radio.js.map +1 -1
- package/dist/RadioGroup.js +158 -154
- package/dist/RadioGroup.js.map +1 -1
- package/dist/RadioNew.js +80 -80
- package/dist/RadioNew.js.map +1 -1
- package/dist/RadioNew.vue.d.ts +0 -3
- package/dist/RangeInput.js +2 -2
- package/dist/RangeInput.js.map +1 -1
- package/dist/SearchBar.js +9 -9
- package/dist/SearchBar.js.map +1 -1
- package/dist/SectionHeader.js +14 -14
- package/dist/SectionHeader.js.map +1 -1
- package/dist/Select.js +369 -366
- package/dist/Select.js.map +1 -1
- package/dist/SelectStatus.js +26 -27
- package/dist/SelectStatus.js.map +1 -1
- package/dist/Skeleton.js +20 -20
- package/dist/Skeleton.js.map +1 -1
- package/dist/Step.js +37 -40
- package/dist/Step.js.map +1 -1
- package/dist/Stepper.js +17 -17
- package/dist/Stepper.js.map +1 -1
- package/dist/Switch.js +57 -57
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.js +17 -19
- package/dist/Tab.js.map +1 -1
- package/dist/TabPanel.js +1 -1
- package/dist/TabPanel.js.map +1 -1
- package/dist/Table.js +22 -22
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.js +32 -32
- package/dist/TableCell.js.map +1 -1
- package/dist/TableHeaderCell.js +35 -35
- package/dist/TableHeaderCell.js.map +1 -1
- package/dist/TableHeaderRow.js +10 -10
- package/dist/TableHeaderRow.js.map +1 -1
- package/dist/TableRow.js +51 -51
- package/dist/TableRow.js.map +1 -1
- package/dist/Tabs.js +2 -2
- package/dist/{Tabs.vue_vue_type_script_setup_true_lang-B3Irnlcd.js → Tabs.vue_vue_type_script_setup_true_lang-BVTCcK6M.js} +33 -33
- package/dist/Tabs.vue_vue_type_script_setup_true_lang-BVTCcK6M.js.map +1 -0
- package/dist/TextEditor.js +8 -8
- package/dist/TextEditor.js.map +1 -1
- package/dist/Textarea.js +15 -15
- package/dist/Textarea.js.map +1 -1
- package/dist/Thumbnail.js +41 -41
- package/dist/Thumbnail.js.map +1 -1
- package/dist/ThumbnailEmpty.js +3 -3
- package/dist/ThumbnailEmpty.js.map +1 -1
- package/dist/ThumbnailGroup.js +22 -22
- package/dist/ThumbnailGroup.js.map +1 -1
- package/dist/Timeline.js +3 -3
- package/dist/Timeline.js.map +1 -1
- package/dist/TimelineItem.js +22 -22
- package/dist/TimelineItem.js.map +1 -1
- package/dist/Toast.js +29 -29
- package/dist/Toast.js.map +1 -1
- package/dist/Toast.vue.d.ts +3 -0
- package/dist/Toasts.js +11 -11
- package/dist/Toasts.js.map +1 -1
- package/dist/Tooltip.js +2 -81
- package/dist/Tooltip.js.map +1 -1
- package/dist/Tooltip.vue.d.ts +1 -1
- package/dist/Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js +84 -0
- package/dist/Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js.map +1 -0
- package/dist/components.css +2 -2
- package/dist/constants.d.ts +9 -9
- package/dist/constants.js +17 -17
- package/dist/constants.js.map +1 -1
- package/dist/directives/tooltip.js +2 -2
- package/dist/directives/tooltip.js.map +1 -1
- package/dist/{index-C14LhAwV.js → index-DBV9Uz0C.js} +3 -3
- package/dist/{index-C14LhAwV.js.map → index-DBV9Uz0C.js.map} +1 -1
- package/dist/tailwind-base.js.d.ts +12 -0
- package/dist/tailwind-base.js.map +1 -1
- package/dist/useSortable.js +1 -1
- package/dist/utils/helpers.js +15 -15
- package/dist/utils/helpers.js.map +1 -1
- package/package.json +15 -15
- package/styles/backwards-compat.css +373 -2851
- package/styles/main.css +8 -0
- package/styles/sofia-font.css +23 -27
- package/styles/theme.css +1033 -0
- package/dist/Field.vue_vue_type_script_setup_true_lang-DI6z3AE9.js.map +0 -1
- package/dist/Image.vue_vue_type_script_setup_true_lang-D5u4av0_.js.map +0 -1
- package/dist/Tabs.vue_vue_type_script_setup_true_lang-B3Irnlcd.js.map +0 -1
- package/dist/tailwind-base.d.ts +0 -333
- package/styles/base.css +0 -902
- package/tailwind-base.ts +0 -455
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as n, computed as r, createBlock as i, openBlock as t, resolveDynamicComponent as d, normalizeClass as c, withCtx as f, renderSlot as p, createElementBlock as a, createCommentVNode as u, toDisplayString as m, unref as
|
|
2
|
-
import { t as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as n, computed as r, createBlock as i, openBlock as t, resolveDynamicComponent as d, normalizeClass as c, withCtx as f, renderSlot as p, createElementBlock as a, createCommentVNode as u, toDisplayString as m, unref as y } from "vue";
|
|
2
|
+
import { t as b } from "./locale.js";
|
|
3
|
+
const h = {
|
|
4
4
|
key: 0,
|
|
5
|
-
class: "
|
|
5
|
+
class: "font-semibold text-red-500",
|
|
6
6
|
title: "Required",
|
|
7
7
|
"aria-label": "required"
|
|
8
|
-
},
|
|
8
|
+
}, _ = {
|
|
9
9
|
key: 1,
|
|
10
|
-
class: "
|
|
11
|
-
},
|
|
10
|
+
class: "text-ice-700"
|
|
11
|
+
}, g = /* @__PURE__ */ n({
|
|
12
12
|
__name: "Label",
|
|
13
13
|
props: {
|
|
14
14
|
for: { default: void 0 },
|
|
@@ -21,25 +21,25 @@ const b = {
|
|
|
21
21
|
},
|
|
22
22
|
setup(l) {
|
|
23
23
|
const e = l, o = r(() => e.legend ? "legend" : "label");
|
|
24
|
-
return (s,
|
|
25
|
-
class: c(["stash-label
|
|
26
|
-
"
|
|
27
|
-
"stash-label--disabled
|
|
28
|
-
"
|
|
29
|
-
"
|
|
24
|
+
return (s, B) => (t(), i(d(o.value), {
|
|
25
|
+
class: c(["stash-label block truncate text-sm font-medium leading-6", {
|
|
26
|
+
"animate-shake": e.hasError,
|
|
27
|
+
"stash-label--disabled text-ice-700": e.disabled,
|
|
28
|
+
"text-ice-900": !e.disabled,
|
|
29
|
+
"sr-only": e.isSrOnly
|
|
30
30
|
}]),
|
|
31
31
|
for: e.for,
|
|
32
32
|
"data-test": "stash-label"
|
|
33
33
|
}, {
|
|
34
34
|
default: f(() => [
|
|
35
35
|
p(s.$slots, "default"),
|
|
36
|
-
e.isRequired ? (t(), a("span",
|
|
36
|
+
e.isRequired ? (t(), a("span", h, " * ")) : e.showOptional ? (t(), a("span", _, " (" + m(y(b)("ll.optional")) + ")", 1)) : u("", !0)
|
|
37
37
|
]),
|
|
38
38
|
_: 3
|
|
39
39
|
}, 8, ["class", "for"]));
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
export {
|
|
43
|
-
|
|
43
|
+
g as _
|
|
44
44
|
};
|
|
45
|
-
//# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang-
|
|
45
|
+
//# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang-xwY3X-iV.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-xwY3X-iV.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 * Indicates whether the label should be visually hidden (screen reader only).\n */\n isSrOnly?: 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 isSrOnly: 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 block truncate text-sm font-medium leading-6\"\n :class=\"{\n 'animate-shake': props.hasError,\n 'stash-label--disabled text-ice-700': props.disabled,\n 'text-ice-900': !props.disabled,\n 'sr-only': props.isSrOnly,\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=\"font-semibold text-red-500\" title=\"Required\" aria-label=\"required\"> * </span>\n <span v-else-if=\"props.showOptional\" class=\"text-ice-700\"> ({{ t('ll.optional') }})</span>\n </component>\n</template>\n"],"names":["props","__props","is","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CE,UAAMA,IAAQC,GAURC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;;;;;;;;;;;;;;;;;;;"}
|
package/dist/ListItem.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import a from "./Checkbox.js";
|
|
2
|
-
import { resolveComponent as n, createElementBlock as i, openBlock as l, normalizeClass as
|
|
2
|
+
import { resolveComponent as n, createElementBlock as i, openBlock as l, normalizeClass as o, createBlock as d, createCommentVNode as m, renderSlot as b } from "vue";
|
|
3
3
|
import { _ as r } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const
|
|
5
|
-
item:
|
|
6
|
-
"is-selectable": "_is-
|
|
7
|
-
"not-actionable": "_not-
|
|
8
|
-
checkbox:
|
|
9
|
-
},
|
|
4
|
+
const _ = "_item_xovd0_5", f = "_checkbox_xovd0_59", h = {
|
|
5
|
+
item: _,
|
|
6
|
+
"is-selectable": "_is-selectable_xovd0_44",
|
|
7
|
+
"not-actionable": "_not-actionable_xovd0_49",
|
|
8
|
+
checkbox: f
|
|
9
|
+
}, k = {
|
|
10
10
|
name: "ll-list-item",
|
|
11
11
|
components: {
|
|
12
12
|
"ll-checkbox": a
|
|
@@ -67,27 +67,27 @@ const k = "_item_12k6c_2", _ = "_checkbox_12k6c_56", f = {
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
-
function u(e,
|
|
70
|
+
function u(e, x, t, p, B, c) {
|
|
71
71
|
const s = n("ll-checkbox");
|
|
72
72
|
return l(), i("li", {
|
|
73
|
-
class:
|
|
73
|
+
class: o(["shadow-low", [e.$style.item, { [e.$style["is-selectable"]]: t.isSelectable, [e.$style["not-actionable"]]: t.notActionable }]])
|
|
74
74
|
}, [
|
|
75
75
|
t.isSelectable ? (l(), d(s, {
|
|
76
76
|
key: 0,
|
|
77
77
|
"data-test": "checkbox|select-item",
|
|
78
78
|
checked: t.selected,
|
|
79
|
-
class:
|
|
79
|
+
class: o(e.$style.checkbox),
|
|
80
80
|
disabled: t.disabled || null,
|
|
81
81
|
indeterminate: t.isIndeterminate,
|
|
82
|
-
"onUpdate:checked":
|
|
82
|
+
"onUpdate:checked": c.onSelect
|
|
83
83
|
}, null, 8, ["checked", "class", "disabled", "indeterminate", "onUpdate:checked"])) : m("", !0),
|
|
84
84
|
b(e.$slots, "default")
|
|
85
85
|
], 2);
|
|
86
86
|
}
|
|
87
87
|
const y = {
|
|
88
|
-
$style:
|
|
89
|
-
},
|
|
88
|
+
$style: h
|
|
89
|
+
}, $ = /* @__PURE__ */ r(k, [["render", u], ["__cssModules", y]]);
|
|
90
90
|
export {
|
|
91
|
-
|
|
91
|
+
$ as default
|
|
92
92
|
};
|
|
93
93
|
//# sourceMappingURL=ListItem.js.map
|
package/dist/ListItem.js.map
CHANGED
|
@@ -1 +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
|
|
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 @reference \"../../../styles/main.css\";\n\n @layer utilities {\n .item {\n background: var(--color-white);\n border-radius: var(--radius-sm);\n column-gap: var(--grid-gutter);\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-bottom: --spacing(6);\n padding: --spacing(3);\n padding-top: --spacing(12);\n position: relative;\n row-gap: var(--grid-gutter);\n }\n\n @media (width >= theme(--breakpoint-md)) {\n .item {\n grid-template-columns: repeat(8, 1fr);\n }\n }\n\n @media (width >= theme(--breakpoint-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: --spacing(6);\n row-gap: 0;\n }\n\n .item:last-child {\n border: 0;\n border-bottom-left-radius: var(--radius-sm);\n border-bottom-right-radius: var(--radius-sm);\n }\n }\n\n @media (width >= theme(--breakpoint-lg)) {\n .is-selectable {\n grid-template-columns: --spacing(1.5) repeat(12, 1fr);\n }\n }\n\n .not-actionable {\n padding-top: --spacing(3);\n }\n\n @media (width >= theme(--breakpoint-lg)) {\n .not-actionable {\n padding-top: --spacing(6);\n }\n }\n\n .checkbox {\n left: --spacing(3);\n position: absolute !important;\n top: 0;\n }\n\n @media (width >= theme(--breakpoint-lg)) {\n .checkbox {\n left: 0;\n position: relative !important;\n }\n\n .checkbox label {\n padding: 10px;\n }\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;EAGjB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;;;;IAMlB,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO,CAAC,QAAQ;AAAA,EAEhB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,SAASC,GAAO;AACd,WAAK,MAAM,UAAU,EAAE,MAAM,KAAK,MAAM,OAAAA,GAAO;AAAA,IACjD;AAAA;;;;cAMJC,EAcK,MAAA;AAAA,IAbH,OA7EJC,EAAA,CA6EU,cAAY,CACTC,SAAO,MAAI,EAAA,CAAKA,EAAA,OAAM,eAAA,CAAA,GAAoBC,EAAA,cAAY,CAAGD,EAAA,2BAA2BC,EAAA,cAAa,CAAA,CAAA,CAAA;AAAA;IAGlGA,EAAA,qBADRC,EAQEC,GAAA;AAAA,MAxFN,KAAA;AAAA,MAkFM,aAAU;AAAA,MACT,SAASF,EAAA;AAAA,MACT,OApFPF,EAoFcC,EAAA,OAAO,QAAQ;AAAA,MACtB,UAAUC,EAAA,YAAQ;AAAA,MAClB,eAAeA,EAAA;AAAA,MACf,oBAAgBG,EAAA;AAAA,0FAvFvBC,EAAA,IAAA,EAAA;AAAA,IAyFIC,EAAaN,EAAA,QAAA,SAAA;AAAA;;;;;"}
|
package/dist/ListItem.vue.d.ts
CHANGED
|
@@ -154,7 +154,6 @@ default: undefined;
|
|
|
154
154
|
checked: {
|
|
155
155
|
type: PropType<boolean | (string | number)[]>;
|
|
156
156
|
required: true;
|
|
157
|
-
default: boolean;
|
|
158
157
|
};
|
|
159
158
|
}>> & Readonly<{
|
|
160
159
|
"onUpdate:checked"?: ((value: boolean | (string | number)[]) => any) | undefined;
|
|
@@ -169,7 +168,6 @@ errorText: string;
|
|
|
169
168
|
hintText: string;
|
|
170
169
|
modelValue: boolean | (string | number)[];
|
|
171
170
|
value: string | number;
|
|
172
|
-
checked: boolean | (string | number)[];
|
|
173
171
|
}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
174
172
|
P: {};
|
|
175
173
|
B: {};
|
|
@@ -213,7 +211,6 @@ default: undefined;
|
|
|
213
211
|
checked: {
|
|
214
212
|
type: PropType<boolean | (string | number)[]>;
|
|
215
213
|
required: true;
|
|
216
|
-
default: boolean;
|
|
217
214
|
};
|
|
218
215
|
}>> & Readonly<{
|
|
219
216
|
"onUpdate:checked"?: ((value: boolean | (string | number)[]) => any) | undefined;
|
|
@@ -226,7 +223,6 @@ errorText: string;
|
|
|
226
223
|
hintText: string;
|
|
227
224
|
modelValue: boolean | (string | number)[];
|
|
228
225
|
value: string | number;
|
|
229
|
-
checked: boolean | (string | number)[];
|
|
230
226
|
}>;
|
|
231
227
|
__isFragment?: undefined;
|
|
232
228
|
__isTeleport?: undefined;
|
|
@@ -267,7 +263,6 @@ default: undefined;
|
|
|
267
263
|
checked: {
|
|
268
264
|
type: PropType<boolean | (string | number)[]>;
|
|
269
265
|
required: true;
|
|
270
|
-
default: boolean;
|
|
271
266
|
};
|
|
272
267
|
}>> & Readonly<{
|
|
273
268
|
"onUpdate:checked"?: ((value: boolean | (string | number)[]) => any) | undefined;
|
|
@@ -282,7 +277,6 @@ errorText: string;
|
|
|
282
277
|
hintText: string;
|
|
283
278
|
modelValue: boolean | (string | number)[];
|
|
284
279
|
value: string | number;
|
|
285
|
-
checked: boolean | (string | number)[];
|
|
286
280
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
287
281
|
$slots: {
|
|
288
282
|
default?(_: {}): any;
|
package/dist/ListItemCell.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
1
|
+
import { createElementBlock as t, openBlock as l, normalizeClass as o, renderSlot as c } from "vue";
|
|
2
2
|
import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
-
const
|
|
4
|
-
cell:
|
|
5
|
-
action:
|
|
3
|
+
const i = "_cell_93i19_5", a = "_action_93i19_24", r = {
|
|
4
|
+
cell: i,
|
|
5
|
+
action: a
|
|
6
6
|
}, _ = {
|
|
7
7
|
name: "ll-list-item-cell",
|
|
8
8
|
props: {
|
|
@@ -12,17 +12,17 @@ const a = "_cell_3gkxo_2", i = "_action_3gkxo_21", r = {
|
|
|
12
12
|
isAction: Boolean
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
function m(e, p,
|
|
16
|
-
return
|
|
17
|
-
class:
|
|
15
|
+
function m(e, p, s, f, u, $) {
|
|
16
|
+
return l(), t("div", {
|
|
17
|
+
class: o(s.isAction ? e.$style.action : e.$style.cell)
|
|
18
18
|
}, [
|
|
19
19
|
c(e.$slots, "default")
|
|
20
20
|
], 2);
|
|
21
21
|
}
|
|
22
22
|
const d = {
|
|
23
23
|
$style: r
|
|
24
|
-
},
|
|
24
|
+
}, k = /* @__PURE__ */ n(_, [["render", m], ["__cssModules", d]]);
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
k as default
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=ListItemCell.js.map
|
package/dist/ListItemCell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemCell.js","sources":["../src/components/ListItemCell/ListItemCell.vue"],"sourcesContent":["<script>\n export default {\n name: 'll-list-item-cell',\n\n props: {\n /**\n * Is this cell for the Action column\n */\n isAction: Boolean,\n },\n };\n</script>\n\n<template>\n <div :class=\"isAction ? $style.action : $style.cell\">\n <slot></slot>\n </div>\n</template>\n\n<style module>\n .cell {\n
|
|
1
|
+
{"version":3,"file":"ListItemCell.js","sources":["../src/components/ListItemCell/ListItemCell.vue"],"sourcesContent":["<script>\n export default {\n name: 'll-list-item-cell',\n\n props: {\n /**\n * Is this cell for the Action column\n */\n isAction: Boolean,\n },\n };\n</script>\n\n<template>\n <div :class=\"isAction ? $style.action : $style.cell\">\n <slot></slot>\n </div>\n</template>\n\n<style module>\n @reference \"../../../styles/main.css\";\n\n @layer utilities {\n .cell {\n background-color: var(--color-ice-100);\n border-radius: var(--radius-sm);\n padding: --spacing(1.5);\n\n :global(.stash-label) {\n font-size: var(--text-xs);\n }\n\n @media (width >= theme(--breakpoint-lg)) {\n background: none;\n padding: 0;\n\n :global(.stash-label) {\n display: none !important;\n }\n }\n }\n\n .action {\n position: absolute;\n right: 0;\n top: 0;\n\n @media (width >= theme(--breakpoint-lg)) {\n position: initial;\n }\n }\n }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","$props","_ctx","_renderSlot"],"mappings":";;;;;GACOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA;;;cAMdC,EAEM,OAAA;AAAA,IAFA,OAdRC,EAceC,EAAA,WAAWC,EAAA,OAAO,SAASA,EAAA,OAAO,IAAI;AAAA;IACjDC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}
|