vueless 0.0.713 → 0.0.714

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.713",
3
+ "version": "0.0.714",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
@@ -295,6 +295,7 @@ const {
295
295
  <span v-if="!isValue" v-bind="placeholderAttrs" v-text="currentLocale.noFile" />
296
296
 
297
297
  <UFiles
298
+ v-else
298
299
  :size="size"
299
300
  v-bind="fileListAttrs"
300
301
  :file-list="fileList"
@@ -314,6 +315,7 @@ const {
314
315
  :for="elementId"
315
316
  tag="label"
316
317
  variant="thirdary"
318
+ :color="error ? 'red' : 'brand'"
317
319
  :right-icon="config.defaults.chooseFileIcon"
318
320
  :label="currentLocale.uploadFile"
319
321
  :disabled="disabled"
@@ -340,6 +342,7 @@ const {
340
342
  filled
341
343
  variant="thirdary"
342
344
  :disabled="disabled"
345
+ :color="error ? 'red' : 'brand'"
343
346
  :left-icon="config.defaults.clearIcon"
344
347
  v-bind="clearButtonAttrs"
345
348
  :data-test="`${dataTest}-clear`"
@@ -9,7 +9,7 @@ export default /*tw*/ {
9
9
  `,
10
10
  variants: {
11
11
  error: {
12
- true: "!border-red-600",
12
+ true: "!border-red-600 focus-within:ring-red-600",
13
13
  },
14
14
  disabled: {
15
15
  true: "pointer-events-none bg-gray-100",
@@ -22,15 +22,17 @@ export default /*tw*/ {
22
22
  ],
23
23
  },
24
24
  dropzoneHover: "border-gray-400 border-dashed",
25
- dropzoneError: "!border-red-600 border-dashed",
26
25
  descriptionTop: "{UText} text-gray-700 mb-2",
27
26
  descriptionBottom: "{UText} text-gray-700 mt-2",
28
27
  content: {
29
- base: "p-3 gap-6 flex justify-between items-start relative w-full rounded-dynamic bg-brand-50",
28
+ base: "p-3 gap-3 flex justify-between items-start relative w-full rounded-dynamic bg-brand-50",
30
29
  variants: {
31
30
  multiple: {
32
31
  false: "items-center",
33
32
  },
33
+ error: {
34
+ true: "bg-red-50",
35
+ },
34
36
  disabled: {
35
37
  true: "bg-gray-200",
36
38
  },