vueless 0.0.700 → 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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/ui.form-date-picker/UDatePicker.vue +5 -1
  3. package/ui.form-date-picker-range/UDatePickerRange.vue +6 -1
  4. package/ui.form-select/config.ts +14 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.700",
3
+ "version": "0.0.702",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
package/ui.form-date-picker/UDatePicker.vue CHANGED
@@ -266,11 +266,15 @@ const {
266
266
  } = useUI<Config>(defaultConfig, mutatedProps);
267
267
 
268
268
  /* Merging DatePicker's i18n translations into Calendar's i18n translations. */
269
+ /* TODO:
270
+ Find way to do it more explicity.
271
+ It is not really clear that i18n changes datepickerCalendarAttrs now.
272
+ */
269
273
  watchEffect(() => {
270
274
  const calendarConfig = datepickerCalendarAttrs.value.config as unknown as UCalendarConfig;
271
275
 
272
276
  if (!calendarConfig?.i18n || props.config?.i18n) {
273
- calendarConfig.i18n = merge({}, calendarConfig.i18n, config.value.i18n);
277
+ calendarConfig.i18n = merge({}, calendarConfig.i18n, props.config.i18n);
274
278
  }
275
279
  });
276
280
  </script>
package/ui.form-date-picker-range/UDatePickerRange.vue CHANGED
@@ -570,11 +570,16 @@ const {
570
570
  } = useUI<Config>(defaultConfig, mutatedProps);
571
571
 
572
572
  /* Merging DatePickerRange's i18n translations into Calendar's i18n translations. */
573
+
574
+ /* TODO:
575
+ Find way to do it more explicity.
576
+ It is not really clear that i18n changes datepickerCalendarAttrs now.
577
+ */
573
578
  watchEffect(() => {
574
579
  const calendarConfig = datepickerCalendarAttrs.value.config as unknown as UCalendarConfig;
575
580
 
576
581
  if (!calendarConfig.i18n || props.config?.i18n) {
577
- calendarConfig.i18n = merge({}, calendarConfig.i18n, config.value.i18n);
582
+ calendarConfig.i18n = merge({}, calendarConfig.i18n, props.config.i18n);
578
583
  }
579
584
  });
580
585
  </script>
package/ui.form-select/config.ts CHANGED
@@ -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
  },