@una-ui/preset 0.19.0-beta.1 → 0.20.0-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.
Files changed (3) hide show
  1. package/dist/shortcuts.cjs +7 -7
  2. package/dist/shortcuts.mjs +7 -7
  3. package/package.json +1 -1
package/dist/shortcuts.cjs CHANGED
@@ -162,7 +162,7 @@ const staticBtn = {
162
162
  "btn-default-variant": "btn-solid",
163
163
  "btn-loading-icon": "i-loading",
164
164
  // base
165
- "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",
165
+ "btn": "bg-transparent 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",
166
166
  "btn-disabled": "disabled:n-disabled",
167
167
  "btn-label": "",
168
168
  "btn-icon-label": "text-1.191em",
@@ -176,12 +176,12 @@ const staticBtn = {
176
176
  "btn-square": "p-0.42857142857142855em",
177
177
  // variants
178
178
  "btn-solid-white": "bg-base text-base ring-1 ring-base ring-inset shadow-sm btn-focus hover:bg-muted",
179
- "btn-ghost-white": "bg-transparent text-base btn-focus hover:bg-$c-gray-50",
180
- "btn-outline-white": "bg-transparent text-base ring-1 ring-base ring-inset btn-focus",
179
+ "btn-ghost-white": "text-base btn-focus hover:bg-$c-gray-50",
180
+ "btn-outline-white": "text-base ring-1 ring-base ring-inset btn-focus",
181
181
  "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",
182
- "btn-ghost-gray": "bg-transparent text-$c-gray-600 btn-focus hover:bg-$c-gray-100",
182
+ "btn-ghost-gray": "text-$c-gray-600 btn-focus hover:bg-$c-gray-100",
183
183
  "btn-soft-gray": "text-$c-gray-600 bg-$c-gray-50 btn-focus hover:bg-$c-gray-100",
184
- "btn-outline-gray": "bg-transparent text-muted ring-1 ring-base ring-inset btn-focus",
184
+ "btn-outline-gray": "text-muted ring-1 ring-base ring-inset btn-focus",
185
185
  "btn-link-gray": "text-muted btn-focus hover:text-base hover:underline underline-offset-4",
186
186
  "btn-text-gray": "text-$c-gray-600 btn-focus hover:text-$c-gray-900",
187
187
  "btn-solid-black": "bg-inverted text-inverted shadow-sm btn-focus",
@@ -196,9 +196,9 @@ const dynamicBtn = [
196
196
  // variants
197
197
  [/^btn-solid(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-inverted shadow-sm bg-${c}-600 hover:bg-${c}-500 dark:bg-${c}-500 dark:hover:bg-${c}-400`],
198
198
  [/^btn-text(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-500 hover:text-${c}-500 dark:hover:text-${c}-400`],
199
- [/^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`],
199
+ [/^btn-outline(-(\S+))?$/, ([, , c = "primary"]) => `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`],
200
200
  [/^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`],
201
- [/^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`],
201
+ [/^btn-ghost(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-400 hover:bg-${c}-100 dark:hover:bg-${c}-900`],
202
202
  [/^btn-link(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-500 dark:text-${c}-400 hover:underline underline-offset-4`]
203
203
  ];
204
204
  const btn = [
package/dist/shortcuts.mjs CHANGED
@@ -160,7 +160,7 @@ const staticBtn = {
160
160
  "btn-default-variant": "btn-solid",
161
161
  "btn-loading-icon": "i-loading",
162
162
  // base
163
- "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",
163
+ "btn": "bg-transparent 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",
164
164
  "btn-disabled": "disabled:n-disabled",
165
165
  "btn-label": "",
166
166
  "btn-icon-label": "text-1.191em",
@@ -174,12 +174,12 @@ const staticBtn = {
174
174
  "btn-square": "p-0.42857142857142855em",
175
175
  // variants
176
176
  "btn-solid-white": "bg-base text-base ring-1 ring-base ring-inset shadow-sm btn-focus hover:bg-muted",
177
- "btn-ghost-white": "bg-transparent text-base btn-focus hover:bg-$c-gray-50",
178
- "btn-outline-white": "bg-transparent text-base ring-1 ring-base ring-inset btn-focus",
177
+ "btn-ghost-white": "text-base btn-focus hover:bg-$c-gray-50",
178
+ "btn-outline-white": "text-base ring-1 ring-base ring-inset btn-focus",
179
179
  "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",
180
- "btn-ghost-gray": "bg-transparent text-$c-gray-600 btn-focus hover:bg-$c-gray-100",
180
+ "btn-ghost-gray": "text-$c-gray-600 btn-focus hover:bg-$c-gray-100",
181
181
  "btn-soft-gray": "text-$c-gray-600 bg-$c-gray-50 btn-focus hover:bg-$c-gray-100",
182
- "btn-outline-gray": "bg-transparent text-muted ring-1 ring-base ring-inset btn-focus",
182
+ "btn-outline-gray": "text-muted ring-1 ring-base ring-inset btn-focus",
183
183
  "btn-link-gray": "text-muted btn-focus hover:text-base hover:underline underline-offset-4",
184
184
  "btn-text-gray": "text-$c-gray-600 btn-focus hover:text-$c-gray-900",
185
185
  "btn-solid-black": "bg-inverted text-inverted shadow-sm btn-focus",
@@ -194,9 +194,9 @@ const dynamicBtn = [
194
194
  // variants
195
195
  [/^btn-solid(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-inverted shadow-sm bg-${c}-600 hover:bg-${c}-500 dark:bg-${c}-500 dark:hover:bg-${c}-400`],
196
196
  [/^btn-text(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-500 hover:text-${c}-500 dark:hover:text-${c}-400`],
197
- [/^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`],
197
+ [/^btn-outline(-(\S+))?$/, ([, , c = "primary"]) => `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`],
198
198
  [/^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`],
199
- [/^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`],
199
+ [/^btn-ghost(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-600 dark:text-${c}-400 hover:bg-${c}-100 dark:hover:bg-${c}-900`],
200
200
  [/^btn-link(-(\S+))?$/, ([, , c = "primary"]) => `btn-focus-${c} text-${c}-500 dark:text-${c}-400 hover:underline underline-offset-4`]
201
201
  ];
202
202
  const btn = [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@una-ui/preset",
3
- "version": "0.19.0-beta.1",
3
+ "version": "0.20.0-beta.1",
4
4
  "description": "The default preset for @una-ui",
5
5
  "author": "Phojie Rengel <phojrengel@gmail.com>",
6
6
  "license": "MIT",