@una-ui/preset 0.16.1-beta.2 → 0.16.3-beta.1

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.
@@ -96,7 +96,7 @@ const staticBtn = {
96
96
  "btn-default-variant": "btn-solid",
97
97
  "btn-loading-icon": "i-loading",
98
98
  // base
99
- "btn": "bg-transparent text-0.875em leading-5 gap-0.42857142857142855em btn-rectangle rounded-md inline-flex justify-center items-center btn-disabled font-medium cursor-pointer",
99
+ "btn": "transition-colors text-0.875em leading-5 gap-0.42857142857142855em btn-rectangle rounded-md inline-flex justify-center items-center btn-disabled font-medium cursor-pointer",
100
100
  "btn-disabled": "disabled:n-disabled",
101
101
  "btn-label": "",
102
102
  "btn-icon-label": "text-1.191em",
@@ -110,10 +110,10 @@ const staticBtn = {
110
110
  "btn-square": "p-0.42857142857142855em",
111
111
  // variants
112
112
  "btn-solid-white": "bg-base text-base ring-1 ring-base ring-inset shadow-sm btn-focus hover:bg-muted",
113
- "btn-ghost-white": "text-base btn-focus hover:bg-$c-gray-50",
113
+ "btn-ghost-white": "bg-transparent text-base btn-focus hover:bg-$c-gray-50",
114
114
  "btn-outline-white": "bg-transparent text-base ring-1 ring-base ring-inset btn-focus",
115
115
  "btn-solid-gray": "bg-$c-gray-50 text-$c-gray-800 ring-1 ring-base ring-inset shadow-sm btn-focus hover:bg-$c-gray-100",
116
- "btn-ghost-gray": "text-$c-gray-600 btn-focus hover:bg-$c-gray-100",
116
+ "btn-ghost-gray": "bg-transparent text-$c-gray-600 btn-focus hover:bg-$c-gray-100",
117
117
  "btn-soft-gray": "text-$c-gray-600 bg-$c-gray-50 btn-focus hover:bg-$c-gray-100",
118
118
  "btn-outline-gray": "bg-transparent text-muted ring-1 ring-base ring-inset btn-focus",
119
119
  "btn-link-gray": "text-muted btn-focus hover:text-base hover:underline underline-offset-4",
@@ -132,7 +132,7 @@ const dynamicBtn = [
132
132
  [/^btn-text(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-500 hover:text-${c}-500 dark:hover:text-${c}-400`],
133
133
  [/^btn-outline(-(\S+))?$/, ([, , c = "primary"]) => `bg-transparent btn-focus-${c} text-${c}-500 dark:text-${c}-400 ring-1 ring-inset ring-${c}-500 dark:ring-${c}-400 hover:bg-${c}-50 dark:hover:bg-${c}-950`],
134
134
  [/^btn-soft(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-400 bg-${c}-50 dark:bg-${c}-950 hover:bg-${c}-100 dark:hover:bg-${c}-900`],
135
- [/^btn-ghost(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-400 hover:bg-${c}-100 dark:hover:bg-${c}-900`],
135
+ [/^btn-ghost(-(\S+))?$/, ([, , c = "primary"]) => `bg-transparent btn-focus-${c} text-${c}-600 dark:text-${c}-400 hover:bg-${c}-100 dark:hover:bg-${c}-900`],
136
136
  [/^btn-link(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-500 dark:text-${c}-400 hover:underline underline-offset-4`]
137
137
  ];
138
138
  const btn = [
@@ -94,7 +94,7 @@ const staticBtn = {
94
94
  "btn-default-variant": "btn-solid",
95
95
  "btn-loading-icon": "i-loading",
96
96
  // base
97
- "btn": "bg-transparent text-0.875em leading-5 gap-0.42857142857142855em btn-rectangle rounded-md inline-flex justify-center items-center btn-disabled font-medium cursor-pointer",
97
+ "btn": "transition-colors text-0.875em leading-5 gap-0.42857142857142855em btn-rectangle rounded-md inline-flex justify-center items-center btn-disabled font-medium cursor-pointer",
98
98
  "btn-disabled": "disabled:n-disabled",
99
99
  "btn-label": "",
100
100
  "btn-icon-label": "text-1.191em",
@@ -108,10 +108,10 @@ const staticBtn = {
108
108
  "btn-square": "p-0.42857142857142855em",
109
109
  // variants
110
110
  "btn-solid-white": "bg-base text-base ring-1 ring-base ring-inset shadow-sm btn-focus hover:bg-muted",
111
- "btn-ghost-white": "text-base btn-focus hover:bg-$c-gray-50",
111
+ "btn-ghost-white": "bg-transparent text-base btn-focus hover:bg-$c-gray-50",
112
112
  "btn-outline-white": "bg-transparent text-base ring-1 ring-base ring-inset btn-focus",
113
113
  "btn-solid-gray": "bg-$c-gray-50 text-$c-gray-800 ring-1 ring-base ring-inset shadow-sm btn-focus hover:bg-$c-gray-100",
114
- "btn-ghost-gray": "text-$c-gray-600 btn-focus hover:bg-$c-gray-100",
114
+ "btn-ghost-gray": "bg-transparent text-$c-gray-600 btn-focus hover:bg-$c-gray-100",
115
115
  "btn-soft-gray": "text-$c-gray-600 bg-$c-gray-50 btn-focus hover:bg-$c-gray-100",
116
116
  "btn-outline-gray": "bg-transparent text-muted ring-1 ring-base ring-inset btn-focus",
117
117
  "btn-link-gray": "text-muted btn-focus hover:text-base hover:underline underline-offset-4",
@@ -130,7 +130,7 @@ const dynamicBtn = [
130
130
  [/^btn-text(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-500 hover:text-${c}-500 dark:hover:text-${c}-400`],
131
131
  [/^btn-outline(-(\S+))?$/, ([, , c = "primary"]) => `bg-transparent btn-focus-${c} text-${c}-500 dark:text-${c}-400 ring-1 ring-inset ring-${c}-500 dark:ring-${c}-400 hover:bg-${c}-50 dark:hover:bg-${c}-950`],
132
132
  [/^btn-soft(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-400 bg-${c}-50 dark:bg-${c}-950 hover:bg-${c}-100 dark:hover:bg-${c}-900`],
133
- [/^btn-ghost(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-400 hover:bg-${c}-100 dark:hover:bg-${c}-900`],
133
+ [/^btn-ghost(-(\S+))?$/, ([, , c = "primary"]) => `bg-transparent btn-focus-${c} text-${c}-600 dark:text-${c}-400 hover:bg-${c}-100 dark:hover:bg-${c}-900`],
134
134
  [/^btn-link(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-500 dark:text-${c}-400 hover:underline underline-offset-4`]
135
135
  ];
136
136
  const btn = [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@una-ui/preset",
3
- "version": "0.16.1-beta.2",
3
+ "version": "0.16.3-beta.1",
4
4
  "description": "The default preset for @una-ui",
5
5
  "author": "Phojie Rengel <phojrengel@gmail.com>",
6
6
  "license": "MIT",