frutjam 0.8.0-beta.2 → 0.8.0-beta.4

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": "frutjam",
3
- "version": "0.8.0-beta.2",
3
+ "version": "0.8.0-beta.4",
4
4
  "description": "A utility-first CSS framework UI Library",
5
5
  "main": "./dist/frutjam.css",
6
6
  "browser": "dist/frutjam.css",
@@ -37,8 +37,8 @@
37
37
  "url": "https://github.com/nezanuha/frutjam/issues"
38
38
  },
39
39
  "dependencies": {
40
- "@tailwindcss/postcss": "^4.1.5",
41
- "tailwindcss": "^4.1.5"
40
+ "@tailwindcss/postcss": "^4.1.6",
41
+ "tailwindcss": "^4.1.6"
42
42
  },
43
43
  "devDependencies": {
44
44
  "css-loader": "^7.1.2",
@@ -133,7 +133,7 @@
133
133
  &:not(.btn) {
134
134
  background-color: light-dark(
135
135
  var(--btn-700),
136
- var(--btn-900)
136
+ var(--btn-800)
137
137
  );
138
138
  color: light-dark(
139
139
  var(--btn-50),
@@ -205,8 +205,8 @@
205
205
  }
206
206
 
207
207
  @utility btn-core {
208
- @apply btn-md text-shadow-xs/5 gap-1.5 text-xs transition duration-350 ease-in-out leading-normal;
209
-
208
+ @apply btn-md text-shadow-xs/5 gap-1.5 text-xs leading-normal;
209
+ transition: translate 0.2s ease-out, visibility 0.2s allow-discrete, background-color 0.2s ease-out, opacity 0.1s ease-out;
210
210
  position: relative;
211
211
  display: inline-flex;
212
212
  flex-shrink: 0;
@@ -238,7 +238,7 @@
238
238
  &:not(.btn) {
239
239
  background-color: light-dark(
240
240
  var(--btn-600),
241
- var(--btn-800)
241
+ var(--btn-700)
242
242
  );
243
243
  color: var(--btn-50);
244
244
  }
@@ -2,8 +2,8 @@
2
2
  @import "./snowberry.css" layer(theme);
3
3
  @import "./darkberry.css" layer(theme);
4
4
 
5
- @custom-variant light (&:where([data-theme="light"], [data-theme="snowberry"] *));
6
- @custom-variant dark (&:where([data-theme="dark"], [data-theme="darkberry"] *));
5
+ @custom-variant light (&:where([data-theme="light"], [data-theme="light"] *, [data-theme="snowberry"], [data-theme="snowberry"] *));
6
+ @custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *, [data-theme="darkberry"], [data-theme="darkberry"] *));
7
7
 
8
8
  :root {
9
9
  color-scheme: var(--color-scheme);
@@ -1,5 +1,5 @@
1
1
  @layer theme {
2
- [data-theme="darkberry"] {
2
+ [data-theme="darkberry"], [data-theme="dark"] {
3
3
  --color-scheme: dark;
4
4
 
5
5
  --radius-btn: 0.5rem;
@@ -1,5 +1,5 @@
1
1
  @layer theme {
2
- :root, [data-theme="snowberry"] {
2
+ :root, [data-theme="snowberry"], [data-theme="light"] {
3
3
  --color-scheme: light;
4
4
 
5
5
  --radius-btn: 0.5rem;