vueless 0.0.617 → 0.0.619

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.617",
3
+ "version": "0.0.619",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
@@ -166,8 +166,13 @@ function getMarginForSubCategory(level: number = 0) {
166
166
  function optionHighlight(index: number, option: Option) {
167
167
  const classes = [];
168
168
 
169
- if (index === pointer.value) classes.push(config.value?.optionHighlighted);
170
- if (isSelectedOption(option)) classes.push(config.value?.optionSelected);
169
+ if (isSelectedOption(option)) {
170
+ classes.push(config.value?.optionActive);
171
+ }
172
+
173
+ if (index === pointer.value && !isSelectedOption(option)) {
174
+ classes.push(config.value?.optionHighlighted);
175
+ }
171
176
 
172
177
  return classes;
173
178
  }
@@ -251,6 +256,7 @@ const {
251
256
  addOptionLabelHotkeyAttrs,
252
257
  addOptionButtonAttrs,
253
258
  addOptionIconAttrs,
259
+ optionActiveAttrs,
254
260
  optionAttrs,
255
261
  subGroupAttrs,
256
262
  groupAttrs,
@@ -281,7 +287,7 @@ const {
281
287
  <!-- option title -->
282
288
  <span
283
289
  v-if="!(option && (option.groupLabel || option.isSubGroup)) && !option.isHidden"
284
- v-bind="optionAttrs"
290
+ v-bind="isSelectedOption(option) ? optionActiveAttrs : optionAttrs"
285
291
  :class="optionHighlight(index, option)"
286
292
  @click="select(option), onClickOption(option)"
287
293
  @mouseenter.self="pointerSet(index)"
@@ -25,9 +25,9 @@ export default /*tw*/ {
25
25
  },
26
26
  },
27
27
  },
28
- optionContent: "overflow-visible text-ellipsis",
29
- optionSelected: "font-bold bg-brand-100",
28
+ optionActive: "{>option} font-bold bg-brand-100 hover:bg-brand-100",
30
29
  optionHighlighted: "bg-brand-50",
30
+ optionContent: "overflow-visible text-ellipsis",
31
31
  groupBase: {
32
32
  base: "px-2 pb-2.5 font-medium !leading-none text-gray-400 overflow-hidden text-ellipsis",
33
33
  variants: {
@@ -57,7 +57,7 @@ export default /*tw*/ {
57
57
  `,
58
58
  },
59
59
  typePassword: {
60
- true: "tracking-widest [font-family:text-security-disc,serif] [-webkit-text-security:disc]",
60
+ true: "tracking-widest !leading-[1.18] [font-family:text-security-disc,serif] [-webkit-text-security:disc]",
61
61
  },
62
62
  },
63
63
  compoundVariants: [
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.617",
4
+ "version": "0.0.619",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",