vueless 0.0.708 → 0.0.709

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 (13) hide show
  1. package/constants.js +1 -1
  2. package/package.json +1 -1
  3. package/preset-tailwind.js +1 -0
  4. package/ui.dropdown-list/config.ts +1 -1
  5. package/ui.form-checkbox/config.ts +1 -1
  6. package/ui.form-date-picker-range/config.ts +1 -1
  7. package/ui.form-input/config.ts +1 -1
  8. package/ui.form-input-file/config.ts +1 -1
  9. package/ui.form-input-number/UInputNumber.vue +2 -2
  10. package/ui.form-input-number/config.ts +27 -8
  11. package/ui.form-radio/config.ts +1 -1
  12. package/ui.form-select/config.ts +2 -2
  13. package/ui.form-textarea/config.ts +1 -1
package/constants.js CHANGED
@@ -171,7 +171,7 @@ export const TAILWIND_MERGE_EXTENSION = {
171
171
  spacing: ["safe-top", "safe-bottom", "safe-left", "safe-right"],
172
172
  },
173
173
  classGroups: {
174
- "ring-w": [{ ring: ["dynamic"] }],
174
+ "ring-w": [{ ring: ["dynamic", "dynamic-1"] }],
175
175
  "ring-offset-color": [{ "ring-offset": ["color-dynamic"] }],
176
176
  "font-size": [{ text: ["2xs"] }],
177
177
  rounded: [{ rounded: ["dynamic", "dynamic-sm", "dynamic-lg", "inherit"] }],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.708",
3
+ "version": "0.0.709",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
package/preset-tailwind.js CHANGED
@@ -93,6 +93,7 @@ export const vuelessTailwindConfig = {
93
93
  },
94
94
  ringWidth: {
95
95
  dynamic: "var(--vl-ring)",
96
+ "dynamic-1": "calc(var(--vl-ring) - 1px)",
96
97
  },
97
98
  ringOffsetColor: {
98
99
  dynamic: twColorWithOpacity("--vl-ring-offset-color"),
package/ui.dropdown-list/config.ts CHANGED
@@ -29,7 +29,7 @@ export default /*tw*/ {
29
29
  },
30
30
  },
31
31
  },
32
- optionActive: "{>option} font-semibold bg-{color}-600/10 hover:bg-{color}-600/10 text-brand-600",
32
+ optionActive: "{>option} bg-{color}-600/10 hover:bg-{color}-600/10 text-brand-600",
33
33
  optionHighlighted: "bg-{color}-50",
34
34
  optionContent: "overflow-visible text-ellipsis",
35
35
  groupBase: {
package/ui.form-checkbox/config.ts CHANGED
@@ -5,8 +5,8 @@ export default /*tw*/ {
5
5
  border border-gray-300 rounded-dynamic-sm bg-white cursor-pointer transition
6
6
  hover:border-gray-400
7
7
  active:border-{color}-600 active:bg-{color}-200
8
- focus:ring-0 focus:ring-offset-0
9
8
  checked:text-{color}-600
9
+ focus:ring-0 focus:ring-offset-0
10
10
  focus-visible:ring-{color}-600 focus-visible:ring-dynamic focus-visible:ring-offset-2
11
11
  disabled:border-gray-300 disabled:bg-gray-100 disabled:cursor-not-allowed
12
12
  `,
package/ui.form-date-picker-range/config.ts CHANGED
@@ -4,7 +4,7 @@ export default /*tw*/ {
4
4
  datepickerInputActive: {
5
5
  base: "{>datepickerInput}",
6
6
  wrapper: {
7
- base: "ring-dynamic ring-offset-0 ring-brand-600 border-brand-600 hover:border-brand-600",
7
+ base: "ring-dynamic ring-brand-600 border-brand-600 hover:border-brand-600",
8
8
  variants: {
9
9
  error: {
10
10
  true: "!border-red-600 ring-red-600",
package/ui.form-input/config.ts CHANGED
@@ -4,7 +4,7 @@ export default /*tw*/ {
4
4
  base: `
5
5
  border rounded-dynamic border-gray-300 relative flex w-full bg-white transition
6
6
  hover:border-gray-400 hover:focus-within:border-brand-600 focus-within:border-brand-600
7
- focus-within:ring-dynamic focus-within:ring-offset-0 focus-within:ring-brand-600
7
+ focus-within:ring-dynamic-1 focus-within:ring-brand-600
8
8
  `,
9
9
  variants: {
10
10
  error: {
package/ui.form-input-file/config.ts CHANGED
@@ -5,7 +5,7 @@ export default /*tw*/ {
5
5
  p-3 size-auto w-full bg-white transition
6
6
  rounded-dynamic border border-solid border-gray-300
7
7
  hover:border-gray-400 hover:focus-within:border-brand-600 focus-within:border-brand-600
8
- focus-within:ring-brand-600 focus-within:ring-dynamic focus-within:ring-offset-0
8
+ focus-within:ring-brand-600 focus-within:ring-dynamic-1
9
9
  `,
10
10
  variants: {
11
11
  error: {
package/ui.form-input-number/UInputNumber.vue CHANGED
@@ -86,7 +86,7 @@ const {
86
86
 
87
87
  <UButton
88
88
  variant="thirdary"
89
- size="sm"
89
+ size="2xs"
90
90
  filled
91
91
  square
92
92
  round
@@ -110,7 +110,7 @@ const {
110
110
 
111
111
  <UButton
112
112
  variant="thirdary"
113
- size="sm"
113
+ size="2xs"
114
114
  filled
115
115
  square
116
116
  round
package/ui.form-input-number/config.ts CHANGED
@@ -1,23 +1,42 @@
1
1
  export default /*tw*/ {
2
2
  label: {
3
3
  base: "{ULabel}",
4
- content: "gap-6 items-center",
4
+ content: {
5
+ base: "items-center",
6
+ variants: {
7
+ size: {
8
+ sm: "gap-3",
9
+ md: "gap-3.5",
10
+ lg: "gap-4",
11
+ },
12
+ },
13
+ },
5
14
  },
6
15
  number: "",
7
- removeButton: "{UButton}",
8
- removeIcon: "{UIcon}",
9
16
  addButton: "{UButton}",
10
- addIcon: "{UIcon}",
17
+ removeButton: "{UButton}",
18
+ actionIcon: {
19
+ base: "{UIcon}",
20
+ defaults: {
21
+ size: {
22
+ sm: "xs",
23
+ md: "sm",
24
+ lg: "md",
25
+ },
26
+ },
27
+ },
28
+ addIcon: "{>actionIcon}",
29
+ removeIcon: "{>actionIcon}",
11
30
  value: {
12
31
  base: "font-bold select-none !leading-none",
13
32
  variants: {
14
33
  size: {
15
- sm: "text-sm",
16
- md: "text-base",
17
- lg: "text-lg",
34
+ sm: "text-xs",
35
+ md: "text-sm",
36
+ lg: "text-base",
18
37
  },
19
38
  disabled: {
20
- true: "focus-within:ring-0 focus-within:ring-offset-0 pointer-events-none",
39
+ true: "pointer-events-none",
21
40
  },
22
41
  },
23
42
  },
package/ui.form-radio/config.ts CHANGED
@@ -5,8 +5,8 @@ export default /*tw*/ {
5
5
  border border-gray-300 bg-white cursor-pointer transition
6
6
  hover:border-gray-400
7
7
  active:border-{color}-600 active:bg-{color}-200
8
- focus:ring-0 focus:ring-offset-0
9
8
  checked:text-{color}-600
9
+ focus:ring-0 focus:ring-offset-0
10
10
  focus-visible:ring-{color}-600 focus-visible:ring-dynamic focus-visible:ring-offset-2
11
11
  disabled:border-gray-300 disabled:bg-gray-100 disabled:cursor-not-allowed
12
12
  disabled:checked:bg-gray-400 disabled:checked:border-transparent
package/ui.form-select/config.ts CHANGED
@@ -5,7 +5,7 @@ export default /*tw*/ {
5
5
  flex flex-row-reverse justify-between w-full min-h-full box-border relative
6
6
  rounded-dynamic border border-gray-300 bg-white
7
7
  hover:border-gray-400 hover:transition hover:focus-within:border-brand-600
8
- focus-within:ring-brand-600 focus-within:ring-dynamic focus-within:ring-offset-0
8
+ focus-within:ring-brand-600 focus-within:ring-dynamic-1
9
9
  focus-within:border-brand-600 focus-within:outline-none
10
10
  `,
11
11
  variants: {
@@ -14,7 +14,7 @@ export default /*tw*/ {
14
14
  },
15
15
  disabled: {
16
16
  true: `
17
- focus-within:ring-0 focus-within:ring-offset-0 bg-gray-100
17
+ focus-within:ring-0 bg-gray-100
18
18
  hover:border-gray-300 focus-within:border-gray-300 hover:focus-within:border-gray-300
19
19
  `,
20
20
  },
package/ui.form-textarea/config.ts CHANGED
@@ -7,7 +7,7 @@ export default /*tw*/ {
7
7
  base: `
8
8
  flex bg-white transition w-full
9
9
  rounded-dynamic border border-gray-300 hover:border-gray-400 hover:focus-within:border-brand-600
10
- focus-within:border-brand-600 focus-within:ring-dynamic focus-within:ring-offset-0
10
+ focus-within:border-brand-600 focus-within:ring-dynamic-1
11
11
  focus-within:ring-brand-600 focus-within:outline-none
12
12
  `,
13
13
  variants: {