vueless 0.0.623 → 0.0.624

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 (5) hide show
  1. package/package.json +1 -1
  2. package/ui.button/config.ts +7 -7
  3. package/ui.button-toggle-item/UToggleItem.vue +1 -1
  4. package/ui.button-toggle-item/config.ts +3 -2
  5. package/web-types.json +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.623",
3
+ "version": "0.0.624",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
package/ui.button/config.ts CHANGED
@@ -64,8 +64,8 @@ export default /*tw*/ {
64
64
  {
65
65
  color: ["grayscale", "white"],
66
66
  class: `
67
- focus:ring-gray-500/10 dark:focus:ring-gray-400/10
68
- focus-within:ring-gray-500/10 dark:focus-within:ring-gray-400/10
67
+ focus:ring-gray-700/15 dark:focus:ring-gray-500/15
68
+ focus-within:ring-gray-700/15 dark:focus-within:ring-gray-500/15
69
69
  `,
70
70
  },
71
71
  {
@@ -93,9 +93,9 @@ export default /*tw*/ {
93
93
  variant: "thirdary",
94
94
  class: `
95
95
  text-gray-900 dark:text-gray-100
96
- hover:text-gray-800 hover:bg-gray-800/10 dark:hover:text-gray-200 dark:hover:bg-gray-200/10
97
- focus:text-gray-800 focus:bg-gray-800/10 dark:focus:text-gray-200 dark:focus:bg-gray-200/10
98
- active:text-gray-700 active:bg-gray-700/15 dark:active:text-gray-300 dark:active:bg-gray-300/15
96
+ hover:text-gray-800 hover:bg-gray-800/5 dark:hover:text-gray-200 dark:hover:bg-gray-200/5
97
+ focus:text-gray-800 focus:bg-gray-800/5 dark:focus:text-gray-200 dark:focus:bg-gray-200/5
98
+ active:text-gray-700 active:bg-gray-700/10 dark:active:text-gray-300 dark:active:bg-gray-300/10
99
99
  `,
100
100
  },
101
101
  {
@@ -127,8 +127,8 @@ export default /*tw*/ {
127
127
  variant: "thirdary",
128
128
  class: "hover:bg-white/10 focus:bg-white/10 active:bg-white/15",
129
129
  },
130
- { filled: true, variant: "thirdary", class: "bg-{color}-600/10 dark:bg-{color}-400/10" },
131
- { filled: true, variant: "thirdary", color: ["grayscale", "white"], class: "bg-gray-900/5 dark:bg-gray-200/5" },
130
+ { filled: true, variant: "thirdary", class: "bg-{color}-700/10 dark:bg-{color}-500/10" },
131
+ { filled: true, variant: "thirdary", color: ["grayscale", "white"], class: "bg-gray-800/5 dark:bg-gray-200/5" },
132
132
  { rightIcon: true, size: "2xs", class: "pr-1" },
133
133
  { rightIcon: true, size: "xs", class: "pr-2" },
134
134
  { rightIcon: true, size: "sm", class: "pr-3" },
package/ui.button-toggle-item/UToggleItem.vue CHANGED
@@ -101,7 +101,7 @@ const { toggleButtonAttrs, toggleButtonActiveAttrs, toggleInputAttrs } = useUI<C
101
101
  <UButton
102
102
  :label="label"
103
103
  tabindex="0"
104
- :color="isSelected ? 'brand' : 'grayscale'"
104
+ color="brand"
105
105
  :for="elementId"
106
106
  :filled="getToggleSplit()"
107
107
  :size="getToggleSize()"
package/ui.button-toggle-item/config.ts CHANGED
@@ -1,13 +1,14 @@
1
1
  export default /*tw*/ {
2
2
  toggleButton: {
3
- base: "{UButton} font-normal",
3
+ base: "{UButton} font-normal text-gray-900",
4
4
  defaults: {
5
5
  variant: "thirdary",
6
6
  },
7
7
  },
8
8
  toggleButtonActive: {
9
- base: "{UButton} {>toggleButton} !bg-{color}-800/15",
9
+ base: "{UButton} font-normal !bg-{color}-600/15",
10
10
  defaults: {
11
+ variant: "thirdary",
11
12
  filled: true,
12
13
  },
13
14
  },
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.623",
4
+ "version": "0.0.624",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",