@wishbone-media/spark 0.44.0 → 0.45.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 (4) hide show
  1. package/dist/index.js +6 -1
  2. package/formkit.theme.mjs +2 -1
  3. package/package.json +1 -1
  4. package/src/components/SparkImageUpload.vue +6 -1
package/dist/index.js CHANGED
@@ -6471,6 +6471,10 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
6471
6471
  type: Boolean,
6472
6472
  default: !1
6473
6473
  },
6474
+ circle: {
6475
+ type: Boolean,
6476
+ default: !1
6477
+ },
6474
6478
  responseParser: {
6475
6479
  type: Function,
6476
6480
  default: (e) => e.data.url || e.data
@@ -6562,7 +6566,8 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
6562
6566
  alt: e.label || "Image preview",
6563
6567
  class: _e([
6564
6568
  e.height,
6565
- "w-auto object-contain border border-gray-300 rounded-md cursor-pointer hover:opacity-80 transition-opacity"
6569
+ e.circle ? "aspect-square object-cover rounded-full" : "w-auto object-contain rounded-md",
6570
+ "border border-gray-300 cursor-pointer hover:opacity-80 transition-opacity"
6566
6571
  ])
6567
6572
  }, null, 10, uu)
6568
6573
  ], 8, cu),
package/formkit.theme.mjs CHANGED
@@ -554,7 +554,8 @@ const classes = {
554
554
  'cursor-default': true,
555
555
  'rounded-sm': true,
556
556
  'text-xs': true,
557
- 'px-2': true,
557
+ 'pl-2': true,
558
+ 'pr-4': true,
558
559
  'py-1': true,
559
560
  'bg-primary-600': true,
560
561
  'text-white': true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wishbone-media/spark",
3
- "version": "0.44.0",
3
+ "version": "0.45.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
package/src/components/SparkImageUpload.vue CHANGED
@@ -8,7 +8,8 @@
8
8
  :alt="label || 'Image preview'"
9
9
  :class="[
10
10
  height,
11
- 'w-auto object-contain border border-gray-300 rounded-md cursor-pointer hover:opacity-80 transition-opacity',
11
+ circle ? 'aspect-square object-cover rounded-full' : 'w-auto object-contain rounded-md',
12
+ 'border border-gray-300 cursor-pointer hover:opacity-80 transition-opacity',
12
13
  ]"
13
14
  />
14
15
  </a>
@@ -93,6 +94,10 @@ const props = defineProps({
93
94
  type: Boolean,
94
95
  default: false,
95
96
  },
97
+ circle: {
98
+ type: Boolean,
99
+ default: false,
100
+ },
96
101
  responseParser: {
97
102
  type: Function,
98
103
  default: (response) => response.data.url || response.data,