@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.
Files changed (259) hide show
  1. package/README.md +50 -49
  2. package/dist/Accordion.js +16 -16
  3. package/dist/Accordion.js.map +1 -1
  4. package/dist/AccordionGroup.js +7 -7
  5. package/dist/AccordionGroup.js.map +1 -1
  6. package/dist/ActionsDropdown.js +16 -16
  7. package/dist/ActionsDropdown.js.map +1 -1
  8. package/dist/AddressSelect.js.map +1 -1
  9. package/dist/AddressSelect.vue.d.ts +1 -1
  10. package/dist/Alert.js +34 -34
  11. package/dist/Alert.js.map +1 -1
  12. package/dist/AppNavigationItem.js +31 -31
  13. package/dist/AppNavigationItem.js.map +1 -1
  14. package/dist/AppSidebar.js +19 -19
  15. package/dist/AppSidebar.js.map +1 -1
  16. package/dist/AppTopbar.js +32 -32
  17. package/dist/AppTopbar.js.map +1 -1
  18. package/dist/Avatar.js +18 -18
  19. package/dist/Avatar.js.map +1 -1
  20. package/dist/Backdrop.js +5 -5
  21. package/dist/Backdrop.js.map +1 -1
  22. package/dist/Badge.js +38 -38
  23. package/dist/Badge.js.map +1 -1
  24. package/dist/Box.js +1 -1
  25. package/dist/{Box.vue_vue_type_script_setup_true_lang-rFnvwLVY.js → Box.vue_vue_type_script_setup_true_lang-dFFZN40_.js} +6 -6
  26. 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
  27. package/dist/Button.js +21 -21
  28. package/dist/Button.js.map +1 -1
  29. package/dist/ButtonGroup.js +26 -26
  30. package/dist/ButtonGroup.js.map +1 -1
  31. package/dist/Card.js +14 -14
  32. package/dist/Card.js.map +1 -1
  33. package/dist/CardContent.js +1 -1
  34. package/dist/CardContent.js.map +1 -1
  35. package/dist/CardFooter.js +1 -1
  36. package/dist/CardFooter.js.map +1 -1
  37. package/dist/CardHeader.js +4 -4
  38. package/dist/CardHeader.js.map +1 -1
  39. package/dist/CardMedia.js +20 -20
  40. package/dist/CardMedia.js.map +1 -1
  41. package/dist/Carousel.js +88 -93
  42. package/dist/Carousel.js.map +1 -1
  43. package/dist/Checkbox.js +30 -30
  44. package/dist/Checkbox.js.map +1 -1
  45. package/dist/Checkbox.vue.d.ts +0 -3
  46. package/dist/Chip.js +33 -33
  47. package/dist/Chip.js.map +1 -1
  48. package/dist/ConfirmationCodeInput.js +72 -72
  49. package/dist/ConfirmationCodeInput.js.map +1 -1
  50. package/dist/ContextSwitcher.js +27 -27
  51. package/dist/ContextSwitcher.js.map +1 -1
  52. package/dist/Copy.js +47 -48
  53. package/dist/Copy.js.map +1 -1
  54. package/dist/CurrencyInput.js +1 -1
  55. package/dist/CurrencyInput.js.map +1 -1
  56. package/dist/CurrencyInput.vue.d.ts +5 -5
  57. package/dist/DataView.js +23 -23
  58. package/dist/DataView.js.map +1 -1
  59. package/dist/DataViewFilters.js +26 -26
  60. package/dist/DataViewFilters.js.map +1 -1
  61. package/dist/DataViewSortButton.js +22 -22
  62. package/dist/DataViewSortButton.js.map +1 -1
  63. package/dist/DataViewToolbar.js +52 -52
  64. package/dist/DataViewToolbar.js.map +1 -1
  65. package/dist/DatePicker.js +10 -10
  66. package/dist/DatePicker.js.map +1 -1
  67. package/dist/DescriptionList.js +2 -2
  68. package/dist/DescriptionList.js.map +1 -1
  69. package/dist/DescriptionListDetail.js +2 -2
  70. package/dist/DescriptionListDetail.js.map +1 -1
  71. package/dist/DescriptionListGroup.js +9 -9
  72. package/dist/DescriptionListGroup.js.map +1 -1
  73. package/dist/DescriptionListTerm.js +8 -8
  74. package/dist/DescriptionListTerm.js.map +1 -1
  75. package/dist/Dialog.js +47 -47
  76. package/dist/Dialog.js.map +1 -1
  77. package/dist/Divider.js +6 -6
  78. package/dist/Divider.js.map +1 -1
  79. package/dist/Dropdown.js +20 -20
  80. package/dist/Dropdown.js.map +1 -1
  81. package/dist/EmptyState.js +26 -26
  82. package/dist/EmptyState.js.map +1 -1
  83. package/dist/Field.js +1 -1
  84. package/dist/{Field.vue_vue_type_script_setup_true_lang-DI6z3AE9.js → Field.vue_vue_type_script_setup_true_lang-dAGKfjf5.js} +17 -17
  85. package/dist/Field.vue_vue_type_script_setup_true_lang-dAGKfjf5.js.map +1 -0
  86. package/dist/FileUpload.js +47 -49
  87. package/dist/FileUpload.js.map +1 -1
  88. package/dist/FilterChip.js +20 -20
  89. package/dist/FilterChip.js.map +1 -1
  90. package/dist/FilterDrawerItem.js +13 -13
  91. package/dist/FilterDrawerItem.js.map +1 -1
  92. package/dist/FilterDropdown.js +27 -27
  93. package/dist/FilterDropdown.js.map +1 -1
  94. package/dist/FilterSelect.js +33 -33
  95. package/dist/FilterSelect.js.map +1 -1
  96. package/dist/Filters.js +29 -29
  97. package/dist/Filters.js.map +1 -1
  98. package/dist/Filters.vue.d.ts +2 -8
  99. package/dist/HttpError.js +29 -29
  100. package/dist/HttpError.js.map +1 -1
  101. package/dist/HttpError.vue.d.ts +0 -3
  102. package/dist/Icon.js +12 -12
  103. package/dist/Icon.js.map +1 -1
  104. package/dist/IconLabel.js +19 -19
  105. package/dist/IconLabel.js.map +1 -1
  106. package/dist/IconLabel.vue.d.ts +1 -1
  107. package/dist/Illustration.js +2 -2
  108. package/dist/{Illustration.vue_vue_type_script_setup_true_lang-BrqEF8xe.js → Illustration.vue_vue_type_script_setup_true_lang-C1bPkWZZ.js} +4 -4
  109. 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
  110. package/dist/Image.js +2 -2
  111. package/dist/Image.vue.d.ts +0 -3
  112. package/dist/{Image.vue_vue_type_script_setup_true_lang-D5u4av0_.js → Image.vue_vue_type_script_setup_true_lang-CAj0FH9h.js} +11 -11
  113. package/dist/Image.vue_vue_type_script_setup_true_lang-CAj0FH9h.js.map +1 -0
  114. package/dist/InlineEdit.js +8 -8
  115. package/dist/InlineEdit.js.map +1 -1
  116. package/dist/Input.js +29 -29
  117. package/dist/Input.js.map +1 -1
  118. package/dist/InputOptions.js +87 -84
  119. package/dist/InputOptions.js.map +1 -1
  120. package/dist/InputOptions.vue.d.ts +2 -2
  121. package/dist/IntegrationIcon.js +11 -11
  122. package/dist/IntegrationIcon.js.map +1 -1
  123. package/dist/Label.js +1 -1
  124. 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
  125. 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
  126. package/dist/ListItem.js +14 -14
  127. package/dist/ListItem.js.map +1 -1
  128. package/dist/ListItem.vue.d.ts +0 -6
  129. package/dist/ListItemCell.js +9 -9
  130. package/dist/ListItemCell.js.map +1 -1
  131. package/dist/ListView.js +138 -141
  132. package/dist/ListView.js.map +1 -1
  133. package/dist/ListView.vue.d.ts +2 -26
  134. package/dist/Loading.js +8 -8
  135. package/dist/Loading.js.map +1 -1
  136. package/dist/Logo.js +1 -1
  137. 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
  138. 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
  139. package/dist/Menu.js +5 -5
  140. package/dist/Menu.js.map +1 -1
  141. package/dist/MenuItem.js +12 -12
  142. package/dist/MenuItem.js.map +1 -1
  143. package/dist/Metric.js +24 -24
  144. package/dist/Metric.js.map +1 -1
  145. package/dist/Modal.js +60 -60
  146. package/dist/Modal.js.map +1 -1
  147. package/dist/Modals.js +1 -1
  148. package/dist/Modals.js.map +1 -1
  149. package/dist/Module.js +6 -6
  150. package/dist/Module.js.map +1 -1
  151. package/dist/ModuleContent.js +16 -16
  152. package/dist/ModuleContent.js.map +1 -1
  153. package/dist/ModuleFooter.js +13 -13
  154. package/dist/ModuleFooter.js.map +1 -1
  155. package/dist/ModuleHeader.js +29 -29
  156. package/dist/ModuleHeader.js.map +1 -1
  157. package/dist/MoreActions.js +81 -84
  158. package/dist/MoreActions.js.map +1 -1
  159. package/dist/ObfuscateText.js +4 -4
  160. package/dist/ObfuscateText.js.map +1 -1
  161. package/dist/PageContent.js +13 -13
  162. package/dist/PageContent.js.map +1 -1
  163. package/dist/PageHeader.js +28 -28
  164. package/dist/PageHeader.js.map +1 -1
  165. package/dist/PageNavigation.js +1 -1
  166. package/dist/Paginate.js +45 -45
  167. package/dist/Paginate.js.map +1 -1
  168. package/dist/QuickAction.js +18 -18
  169. package/dist/QuickAction.js.map +1 -1
  170. package/dist/Radio.js +17 -17
  171. package/dist/Radio.js.map +1 -1
  172. package/dist/RadioGroup.js +158 -154
  173. package/dist/RadioGroup.js.map +1 -1
  174. package/dist/RadioNew.js +80 -80
  175. package/dist/RadioNew.js.map +1 -1
  176. package/dist/RadioNew.vue.d.ts +0 -3
  177. package/dist/RangeInput.js +2 -2
  178. package/dist/RangeInput.js.map +1 -1
  179. package/dist/SearchBar.js +9 -9
  180. package/dist/SearchBar.js.map +1 -1
  181. package/dist/SectionHeader.js +14 -14
  182. package/dist/SectionHeader.js.map +1 -1
  183. package/dist/Select.js +369 -366
  184. package/dist/Select.js.map +1 -1
  185. package/dist/SelectStatus.js +26 -27
  186. package/dist/SelectStatus.js.map +1 -1
  187. package/dist/Skeleton.js +20 -20
  188. package/dist/Skeleton.js.map +1 -1
  189. package/dist/Step.js +37 -40
  190. package/dist/Step.js.map +1 -1
  191. package/dist/Stepper.js +17 -17
  192. package/dist/Stepper.js.map +1 -1
  193. package/dist/Switch.js +57 -57
  194. package/dist/Switch.js.map +1 -1
  195. package/dist/Tab.js +17 -19
  196. package/dist/Tab.js.map +1 -1
  197. package/dist/TabPanel.js +1 -1
  198. package/dist/TabPanel.js.map +1 -1
  199. package/dist/Table.js +22 -22
  200. package/dist/Table.js.map +1 -1
  201. package/dist/TableCell.js +32 -32
  202. package/dist/TableCell.js.map +1 -1
  203. package/dist/TableHeaderCell.js +35 -35
  204. package/dist/TableHeaderCell.js.map +1 -1
  205. package/dist/TableHeaderRow.js +10 -10
  206. package/dist/TableHeaderRow.js.map +1 -1
  207. package/dist/TableRow.js +51 -51
  208. package/dist/TableRow.js.map +1 -1
  209. package/dist/Tabs.js +2 -2
  210. package/dist/{Tabs.vue_vue_type_script_setup_true_lang-B3Irnlcd.js → Tabs.vue_vue_type_script_setup_true_lang-BVTCcK6M.js} +33 -33
  211. package/dist/Tabs.vue_vue_type_script_setup_true_lang-BVTCcK6M.js.map +1 -0
  212. package/dist/TextEditor.js +8 -8
  213. package/dist/TextEditor.js.map +1 -1
  214. package/dist/Textarea.js +15 -15
  215. package/dist/Textarea.js.map +1 -1
  216. package/dist/Thumbnail.js +41 -41
  217. package/dist/Thumbnail.js.map +1 -1
  218. package/dist/ThumbnailEmpty.js +3 -3
  219. package/dist/ThumbnailEmpty.js.map +1 -1
  220. package/dist/ThumbnailGroup.js +22 -22
  221. package/dist/ThumbnailGroup.js.map +1 -1
  222. package/dist/Timeline.js +3 -3
  223. package/dist/Timeline.js.map +1 -1
  224. package/dist/TimelineItem.js +22 -22
  225. package/dist/TimelineItem.js.map +1 -1
  226. package/dist/Toast.js +29 -29
  227. package/dist/Toast.js.map +1 -1
  228. package/dist/Toast.vue.d.ts +3 -0
  229. package/dist/Toasts.js +11 -11
  230. package/dist/Toasts.js.map +1 -1
  231. package/dist/Tooltip.js +2 -81
  232. package/dist/Tooltip.js.map +1 -1
  233. package/dist/Tooltip.vue.d.ts +1 -1
  234. package/dist/Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js +84 -0
  235. package/dist/Tooltip.vue_vue_type_script_setup_true_lang-mzBLSXy3.js.map +1 -0
  236. package/dist/components.css +2 -2
  237. package/dist/constants.d.ts +9 -9
  238. package/dist/constants.js +17 -17
  239. package/dist/constants.js.map +1 -1
  240. package/dist/directives/tooltip.js +2 -2
  241. package/dist/directives/tooltip.js.map +1 -1
  242. package/dist/{index-C14LhAwV.js → index-DBV9Uz0C.js} +3 -3
  243. package/dist/{index-C14LhAwV.js.map → index-DBV9Uz0C.js.map} +1 -1
  244. package/dist/tailwind-base.js.d.ts +12 -0
  245. package/dist/tailwind-base.js.map +1 -1
  246. package/dist/useSortable.js +1 -1
  247. package/dist/utils/helpers.js +15 -15
  248. package/dist/utils/helpers.js.map +1 -1
  249. package/package.json +15 -15
  250. package/styles/backwards-compat.css +373 -2851
  251. package/styles/main.css +8 -0
  252. package/styles/sofia-font.css +23 -27
  253. package/styles/theme.css +1033 -0
  254. package/dist/Field.vue_vue_type_script_setup_true_lang-DI6z3AE9.js.map +0 -1
  255. package/dist/Image.vue_vue_type_script_setup_true_lang-D5u4av0_.js.map +0 -1
  256. package/dist/Tabs.vue_vue_type_script_setup_true_lang-B3Irnlcd.js.map +0 -1
  257. package/dist/tailwind-base.d.ts +0 -333
  258. package/styles/base.css +0 -902
  259. 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 w } from "vue";
2
- import { t as y } from "./locale.js";
3
- const b = {
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: "tw-font-semibold tw-text-red-500",
5
+ class: "font-semibold text-red-500",
6
6
  title: "Required",
7
7
  "aria-label": "required"
8
- }, h = {
8
+ }, _ = {
9
9
  key: 1,
10
- class: "tw-text-ice-700"
11
- }, x = /* @__PURE__ */ n({
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, _) => (t(), i(d(o.value), {
25
- class: c(["stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6", {
26
- "tw-animate-shake": e.hasError,
27
- "stash-label--disabled tw-text-ice-700": e.disabled,
28
- "tw-text-ice-900": !e.disabled,
29
- "tw-sr-only": e.isSrOnly
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", b, " * ")) : e.showOptional ? (t(), a("span", h, " (" + m(w(y)("ll.optional")) + ")", 1)) : u("", !0)
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
- x as _
43
+ g as _
44
44
  };
45
- //# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang-CNquF3AP.js.map
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-CNquF3AP.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 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 'tw-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=\"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":";;;;;;;;;;;;;;;;;;;;;;AA0CE,UAAMA,IAAQC,GAURC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;;;;;;;;;;;;;;;;;;;"}
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 c, createBlock as d, createCommentVNode as m, renderSlot as b } from "vue";
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 k = "_item_12k6c_2", _ = "_checkbox_12k6c_56", f = {
5
- item: k,
6
- "is-selectable": "_is-selectable_12k6c_41",
7
- "not-actionable": "_not-actionable_12k6c_46",
8
- checkbox: _
9
- }, h = {
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, p, t, B, x, o) {
70
+ function u(e, x, t, p, B, c) {
71
71
  const s = n("ll-checkbox");
72
72
  return l(), i("li", {
73
- class: c(["shadow-low", [e.$style.item, { [e.$style["is-selectable"]]: t.isSelectable, [e.$style["not-actionable"]]: t.notActionable }]])
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: c(e.$style.checkbox),
79
+ class: o(e.$style.checkbox),
80
80
  disabled: t.disabled || null,
81
81
  indeterminate: t.isIndeterminate,
82
- "onUpdate:checked": o.onSelect
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: f
89
- }, I = /* @__PURE__ */ r(h, [["render", u], ["__cssModules", y]]);
88
+ $style: h
89
+ }, $ = /* @__PURE__ */ r(k, [["render", u], ["__cssModules", y]]);
90
90
  export {
91
- I as default
91
+ $ as default
92
92
  };
93
93
  //# sourceMappingURL=ListItem.js.map
@@ -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 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;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;;;;;"}
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;;;;;"}
@@ -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;
@@ -1,8 +1,8 @@
1
- import { createElementBlock as s, openBlock as t, normalizeClass as l, renderSlot as c } from "vue";
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 a = "_cell_3gkxo_2", i = "_action_3gkxo_21", r = {
4
- cell: a,
5
- action: i
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, o, f, u, $) {
16
- return t(), s("div", {
17
- class: l(o.isAction ? e.$style.action : e.$style.cell)
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
- }, B = /* @__PURE__ */ n(_, [["render", m], ["__cssModules", d]]);
24
+ }, k = /* @__PURE__ */ n(_, [["render", m], ["__cssModules", d]]);
25
25
  export {
26
- B as default
26
+ k as default
27
27
  };
28
28
  //# sourceMappingURL=ListItemCell.js.map
@@ -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 background-color: var(--color-ice-100);\n border-radius: theme('borderRadius.DEFAULT');\n padding: theme('spacing[1.5]');\n\n :global(.stash-label) {\n font-size: theme('fontSize.xs');\n }\n\n @media screen('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 screen('lg') {\n position: initial;\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;;;;;"}
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;;;;;"}