vueless 0.0.701 → 0.0.702

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.701",
3
+ "version": "0.0.702",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
@@ -16,7 +16,10 @@ export default /*tw*/ {
16
16
  `,
17
17
  },
18
18
  disabled: {
19
- true: "bg-gray-100 pointer-events-none",
19
+ true: `
20
+ focus-within:ring-0 focus-within:ring-offset-0 bg-gray-100
21
+ hover:border-gray-300 focus-within:border-gray-300 hover:focus-within:border-gray-300
22
+ `,
20
23
  },
21
24
  opened: {
22
25
  true: "z-[inherit] group/active",
@@ -67,6 +70,11 @@ export default /*tw*/ {
67
70
  },
68
71
  selectIcon: {
69
72
  base: "{UIcon}",
73
+ variants: {
74
+ disabled: {
75
+ true: "cursor-not-allowed",
76
+ },
77
+ },
70
78
  defaults: {
71
79
  size: {
72
80
  sm: "xs",
@@ -79,8 +87,8 @@ export default /*tw*/ {
79
87
  rightIcon: "{UIcon} {>selectIcon}",
80
88
  leftSlot: "pr-1.5",
81
89
  rightSlot: "{>toggle} pr-3",
82
- beforeToggle: "{>toggle}",
83
- afterToggle: "{>toggle} mr-3 items-start pt-3",
90
+ beforeToggle: "{>toggle} cursor-auto",
91
+ afterToggle: "{>toggle} mr-3 items-start pt-3 cursor-auto",
84
92
  toggle: {
85
93
  base: "flex items-center",
86
94
  compoundVariants: [
@@ -126,6 +134,9 @@ export default /*tw*/ {
126
134
  md: "text-sm placeholder:text-sm",
127
135
  lg: "text-base placeholder:text-base",
128
136
  },
137
+ disabled: {
138
+ true: "cursor-not-allowed",
139
+ },
129
140
  error: {
130
141
  true: "placeholder:text-red-300",
131
142
  },