frutjam 2.0.0 → 2.0.2
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/LICENSE +20 -20
- package/README.md +172 -172
- package/dist/base/reboot/object.js +1 -1
- package/dist/base/tokens/object.js +1 -1
- package/dist/base.css +4 -4
- package/dist/components/accordion/object.js +1 -1
- package/dist/components/accordion.css +2 -2
- package/dist/components/alert.css +2 -2
- package/dist/components/avatar/object.js +1 -1
- package/dist/components/avatar.css +2 -2
- package/dist/components/badge.css +2 -2
- package/dist/components/breadcrumb.css +2 -2
- package/dist/components/button/object.js +1 -1
- package/dist/components/button.css +4 -4
- package/dist/components/card/object.js +1 -1
- package/dist/components/card.css +2 -2
- package/dist/components/carousel/object.js +1 -1
- package/dist/components/carousel.css +2 -2
- package/dist/components/chat/object.js +1 -1
- package/dist/components/chat.css +2 -2
- package/dist/components/checkbox/object.js +1 -1
- package/dist/components/checkbox.css +2 -2
- package/dist/components/collapsible.css +2 -2
- package/dist/components/combobox/object.js +1 -1
- package/dist/components/combobox.css +2 -2
- package/dist/components/countdown/object.js +1 -1
- package/dist/components/countdown.css +2 -2
- package/dist/components/diff/object.js +1 -1
- package/dist/components/diff.css +2 -2
- package/dist/components/divider/object.js +1 -1
- package/dist/components/divider.css +2 -2
- package/dist/components/drawer/object.js +1 -1
- package/dist/components/drawer.css +2 -2
- package/dist/components/footer/object.js +1 -1
- package/dist/components/footer.css +2 -2
- package/dist/components/header/object.js +1 -1
- package/dist/components/header.css +2 -2
- package/dist/components/hero.css +2 -2
- package/dist/components/indicator.css +2 -2
- package/dist/components/input/object.js +1 -1
- package/dist/components/input.css +2 -2
- package/dist/components/join.css +2 -2
- package/dist/components/kbd.css +2 -2
- package/dist/components/link.css +2 -2
- package/dist/components/loading/object.js +1 -1
- package/dist/components/loading.css +2 -2
- package/dist/components/mask.css +2 -2
- package/dist/components/menu/object.js +1 -1
- package/dist/components/menu.css +2 -2
- package/dist/components/modal/object.js +1 -1
- package/dist/components/modal.css +2 -2
- package/dist/components/navbar.css +2 -2
- package/dist/components/popover/object.js +1 -1
- package/dist/components/popover.css +2 -2
- package/dist/components/progress/object.js +1 -1
- package/dist/components/progress.css +2 -2
- package/dist/components/radial-progress/object.js +1 -1
- package/dist/components/radial-progress.css +2 -2
- package/dist/components/radio/object.js +1 -1
- package/dist/components/radio.css +2 -2
- package/dist/components/range/object.js +1 -1
- package/dist/components/range.css +2 -2
- package/dist/components/rating/object.js +1 -1
- package/dist/components/rating.css +2 -2
- package/dist/components/select/object.js +1 -1
- package/dist/components/select.css +2 -2
- package/dist/components/sidebar.css +2 -2
- package/dist/components/skeleton/object.js +1 -1
- package/dist/components/skeleton.css +2 -2
- package/dist/components/stat.css +2 -2
- package/dist/components/status.css +2 -2
- package/dist/components/steps.css +2 -2
- package/dist/components/surface.css +2 -2
- package/dist/components/swap/object.js +1 -1
- package/dist/components/swap.css +2 -2
- package/dist/components/table/object.js +1 -1
- package/dist/components/table.css +2 -2
- package/dist/components/tabs.css +2 -2
- package/dist/components/tag.css +2 -2
- package/dist/components/textarea.css +2 -2
- package/dist/components/timeline/object.js +1 -1
- package/dist/components/timeline.css +2 -2
- package/dist/components/toast.css +2 -2
- package/dist/components/toggle.css +2 -2
- package/dist/components/tooltip/object.js +1 -1
- package/dist/components/tooltip.css +2 -2
- package/dist/frutjam.min.css +6 -6
- package/dist/plugin.js +56 -9
- package/dist/themes/darkberry.css +1 -1
- package/dist/themes/snowberry.css +1 -1
- package/dist/utilities/headings/object.js +1 -1
- package/dist/utilities/headings.css +2 -2
- package/dist/utilities/para.css +2 -2
- package/dist/utilities/typography/object.js +1 -1
- package/dist/utilities/typography.css +2 -2
- package/dist/utilities/wrapper.css +2 -2
- package/index.js +315 -272
- package/package.json +101 -101
- package/packages/js/carousel.js +2 -1
- package/packages/js/collapsible.js +9 -3
- package/packages/js/combobox.js +23 -1
- package/packages/js/tabs.js +58 -2
- package/packages/js/toast.js +8 -0
- package/packages/react/useCollapsible.js +11 -3
- package/packages/react/useCombobox.js +14 -2
- package/packages/react/useTabs.js +33 -3
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2025-2026 Nezanuha
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025-2026 Nezanuha
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
21
|
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,172 +1,172 @@
|
|
|
1
|
-
[![npm installs][npm_installs]](https://www.npmjs.com/package/frutjam)
|
|
2
|
-
[![Jsdelivr hits][jsdelivr]](https://cdn.jsdelivr.net/npm/frutjam)
|
|
3
|
-
[](https://github.com/nezanuha/frutjam/releases)
|
|
4
|
-
[](https://github.com/nezanuha/frutjam/blob/master/LICENSE)
|
|
5
|
-
[](https://snyk.io/test/github/nezanuha/frutjam)
|
|
6
|
-
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
# Frutjam: Free & Open-Source Tailwind CSS UI Library
|
|
10
|
-
|
|
11
|
-
[Frutjam](https://frutjam.com) is a lightweight, modern UI library built for speed. It provides prebuilt Tailwind CSS components that are completely free to use — pure CSS, no JavaScript required. Works with Vite, PostCSS, Next.js, or any framework.
|
|
12
|
-
|
|
13
|
-
[](https://opensource.org/licenses/MIT)
|
|
14
|
-
[](https://github.com/nezanuha/frutjam/stargazers)
|
|
15
|
-
|
|
16
|
-
## Pure CSS, no JavaScript needed. Framework-agnostic and fully compatible everywhere.
|
|
17
|
-
|
|
18
|
-
**Frutjam** is a UI component library built on top of **Tailwind CSS**, designed to help developers build accessible, SEO-friendly, and W3C-compliant interfaces—fast. With a wide selection of prebuilt components and themes, Frutjam makes it easy to hit the ground running or fully customize your design system.
|
|
19
|
-
|
|
20
|
-
---
|
|
21
|
-
|
|
22
|
-
## Key Features
|
|
23
|
-
|
|
24
|
-
* 🧱 **Prebuilt UI Components** — Plug-and-play components to save time
|
|
25
|
-
* 🎨 **Customizable Themes** — Built-in themes plus custom theme injection
|
|
26
|
-
* 🏷️ **Flexible Prefix Support** — Use Frutjam’s own prefix (`fj-btn`), Tailwind’s variant prefix (`tw:btn`), or both together (`tw:fj-btn`)
|
|
27
|
-
* ♿ **Accessibility-First** — Follows accessibility best practices
|
|
28
|
-
* 🔍 **SEO-Friendly** — Semantic markup optimized for search engines
|
|
29
|
-
* ✅ **W3C Standards** — Clean, valid HTML structure
|
|
30
|
-
* ⚙️ **Built for Tailwind CSS** — Seamless integration with your Tailwind setup
|
|
31
|
-
|
|
32
|
-
---
|
|
33
|
-
|
|
34
|
-
## Installation & Usage
|
|
35
|
-
|
|
36
|
-
```bash
|
|
37
|
-
npm install frutjam
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
In your main stylesheet:
|
|
41
|
-
|
|
42
|
-
```css
|
|
43
|
-
@import "tailwindcss";
|
|
44
|
-
@plugin "frutjam";
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
## Basic Example
|
|
48
|
-
|
|
49
|
-
```html
|
|
50
|
-
<button class="btn btn-primary">
|
|
51
|
-
Launch App
|
|
52
|
-
</button>
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
## With Prefix
|
|
56
|
-
|
|
57
|
-
**Frutjam prefix only** — renames Frutjam class names:
|
|
58
|
-
|
|
59
|
-
```css
|
|
60
|
-
@import "tailwindcss";
|
|
61
|
-
@plugin "frutjam" {
|
|
62
|
-
prefix: fj;
|
|
63
|
-
}
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
```html
|
|
67
|
-
<button class="fj-btn fj-btn-primary">Launch App</button>
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
**Tailwind prefix only** — Tailwind's `prefix()` acts as a variant; all utilities (including Frutjam's) require it in HTML:
|
|
71
|
-
|
|
72
|
-
```css
|
|
73
|
-
@import "tailwindcss" prefix(tw);
|
|
74
|
-
@plugin "frutjam";
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
```html
|
|
78
|
-
<button class="tw:btn tw:btn-primary">Launch App</button>
|
|
79
|
-
```
|
|
80
|
-
|
|
81
|
-
**Both prefixes** — Frutjam renames its classes, Tailwind's variant prefix is required on top:
|
|
82
|
-
|
|
83
|
-
```css
|
|
84
|
-
@import "tailwindcss" prefix(tw);
|
|
85
|
-
@plugin "frutjam" {
|
|
86
|
-
prefix: fj;
|
|
87
|
-
}
|
|
88
|
-
```
|
|
89
|
-
|
|
90
|
-
```html
|
|
91
|
-
<button class="tw:fj-btn tw:fj-btn-primary">Launch App</button>
|
|
92
|
-
```
|
|
93
|
-
|
|
94
|
-
## Plugin Options
|
|
95
|
-
|
|
96
|
-
All options can be set in CSS via `@plugin "frutjam" { ... }` or in `postcss.config.js`:
|
|
97
|
-
|
|
98
|
-
| Option | Default | Description |
|
|
99
|
-
|--------|---------|-------------|
|
|
100
|
-
| `prefix` | `""` | Prefix all Frutjam class names (e.g. `fj` → `fj-btn`) |
|
|
101
|
-
| `reset` | `true` | Include browser reset and element defaults |
|
|
102
|
-
| `root` | `":root"` | Remap CSS var declarations to a custom selector (e.g. `":host"`) |
|
|
103
|
-
| `logs` | `true` | Show build-time console output |
|
|
104
|
-
| `include` | `[]` | Only include specific components/utilities |
|
|
105
|
-
| `exclude` | `[]` | Exclude specific components/utilities |
|
|
106
|
-
|
|
107
|
-
## Custom Themes
|
|
108
|
-
|
|
109
|
-
Define themes directly in your stylesheet using `@layer theme`:
|
|
110
|
-
|
|
111
|
-
```css
|
|
112
|
-
@layer theme {
|
|
113
|
-
[data-theme="blueberry"] {
|
|
114
|
-
--scheme-color: light;
|
|
115
|
-
--color-primary: oklch(60% 0.2 220);
|
|
116
|
-
--color-on-primary: oklch(98% 0.01 220);
|
|
117
|
-
--color-base: oklch(98% 0.01 220);
|
|
118
|
-
--color-on-base: oklch(20% 0.02 220);
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
```
|
|
122
|
-
|
|
123
|
-
Apply any theme with a `data-theme` attribute:
|
|
124
|
-
|
|
125
|
-
```html
|
|
126
|
-
<body data-theme="blueberry">
|
|
127
|
-
...
|
|
128
|
-
</body>
|
|
129
|
-
```
|
|
130
|
-
|
|
131
|
-
That’s it — you’re ready to build with Frutjam components!
|
|
132
|
-
|
|
133
|
-
---
|
|
134
|
-
|
|
135
|
-
## Live Demo & Documentation
|
|
136
|
-
|
|
137
|
-
For full documentation and live interactive previews, visit our official site: 👉 **[frutjam](https://frutjam.com/docs)**
|
|
138
|
-
|
|
139
|
-
---
|
|
140
|
-
|
|
141
|
-
## 🤝 Contributing
|
|
142
|
-
|
|
143
|
-
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
|
|
144
|
-
|
|
145
|
-
1. Fork the repo
|
|
146
|
-
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
|
|
147
|
-
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
|
|
148
|
-
4. Push to the Branch (git push origin feature/AmazingFeature)
|
|
149
|
-
5. Open a Pull Request
|
|
150
|
-
|
|
151
|
-
Please check the [contributing guidelines](.github/CONTRIBUTING.md) before starting.
|
|
152
|
-
|
|
153
|
-
---
|
|
154
|
-
|
|
155
|
-
## 📄 License
|
|
156
|
-
|
|
157
|
-
Distributed under the MIT License. See [MIT License](LICENSE) for more information.
|
|
158
|
-
|
|
159
|
-
---
|
|
160
|
-
|
|
161
|
-
Thank you for choosing the Frutjam UI Library – Happy coding!
|
|
162
|
-
|
|
163
|
-
## ⭐ Support
|
|
164
|
-
|
|
165
|
-
If you like this project, consider giving it a star! 🌟
|
|
166
|
-
|
|
167
|
-
[](https://github.com/nezanuha/frutjam/stargazers)
|
|
168
|
-
|
|
169
|
-
---
|
|
170
|
-
|
|
171
|
-
[jsdelivr]: https://badgen.net/jsdelivr/hits/npm/frutjam
|
|
172
|
-
[npm_installs]: https://badgen.net/npm/dt/frutjam
|
|
1
|
+
[![npm installs][npm_installs]](https://www.npmjs.com/package/frutjam)
|
|
2
|
+
[![Jsdelivr hits][jsdelivr]](https://cdn.jsdelivr.net/npm/frutjam)
|
|
3
|
+
[](https://github.com/nezanuha/frutjam/releases)
|
|
4
|
+
[](https://github.com/nezanuha/frutjam/blob/master/LICENSE)
|
|
5
|
+
[](https://snyk.io/test/github/nezanuha/frutjam)
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# Frutjam: Free & Open-Source Tailwind CSS UI Library
|
|
10
|
+
|
|
11
|
+
[Frutjam](https://frutjam.com) is a lightweight, modern UI library built for speed. It provides prebuilt Tailwind CSS components that are completely free to use — pure CSS, no JavaScript required. Works with Vite, PostCSS, Next.js, or any framework.
|
|
12
|
+
|
|
13
|
+
[](https://opensource.org/licenses/MIT)
|
|
14
|
+
[](https://github.com/nezanuha/frutjam/stargazers)
|
|
15
|
+
|
|
16
|
+
## Pure CSS, no JavaScript needed. Framework-agnostic and fully compatible everywhere.
|
|
17
|
+
|
|
18
|
+
**Frutjam** is a UI component library built on top of **Tailwind CSS**, designed to help developers build accessible, SEO-friendly, and W3C-compliant interfaces—fast. With a wide selection of prebuilt components and themes, Frutjam makes it easy to hit the ground running or fully customize your design system.
|
|
19
|
+
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
## Key Features
|
|
23
|
+
|
|
24
|
+
* 🧱 **Prebuilt UI Components** — Plug-and-play components to save time
|
|
25
|
+
* 🎨 **Customizable Themes** — Built-in themes plus custom theme injection
|
|
26
|
+
* 🏷️ **Flexible Prefix Support** — Use Frutjam’s own prefix (`fj-btn`), Tailwind’s variant prefix (`tw:btn`), or both together (`tw:fj-btn`)
|
|
27
|
+
* ♿ **Accessibility-First** — Follows accessibility best practices
|
|
28
|
+
* 🔍 **SEO-Friendly** — Semantic markup optimized for search engines
|
|
29
|
+
* ✅ **W3C Standards** — Clean, valid HTML structure
|
|
30
|
+
* ⚙️ **Built for Tailwind CSS** — Seamless integration with your Tailwind setup
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
|
|
34
|
+
## Installation & Usage
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
npm install frutjam
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
In your main stylesheet:
|
|
41
|
+
|
|
42
|
+
```css
|
|
43
|
+
@import "tailwindcss";
|
|
44
|
+
@plugin "frutjam";
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## Basic Example
|
|
48
|
+
|
|
49
|
+
```html
|
|
50
|
+
<button class="btn btn-primary">
|
|
51
|
+
Launch App
|
|
52
|
+
</button>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## With Prefix
|
|
56
|
+
|
|
57
|
+
**Frutjam prefix only** — renames Frutjam class names:
|
|
58
|
+
|
|
59
|
+
```css
|
|
60
|
+
@import "tailwindcss";
|
|
61
|
+
@plugin "frutjam" {
|
|
62
|
+
prefix: fj;
|
|
63
|
+
}
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
```html
|
|
67
|
+
<button class="fj-btn fj-btn-primary">Launch App</button>
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
**Tailwind prefix only** — Tailwind's `prefix()` acts as a variant; all utilities (including Frutjam's) require it in HTML:
|
|
71
|
+
|
|
72
|
+
```css
|
|
73
|
+
@import "tailwindcss" prefix(tw);
|
|
74
|
+
@plugin "frutjam";
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
```html
|
|
78
|
+
<button class="tw:btn tw:btn-primary">Launch App</button>
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
**Both prefixes** — Frutjam renames its classes, Tailwind's variant prefix is required on top:
|
|
82
|
+
|
|
83
|
+
```css
|
|
84
|
+
@import "tailwindcss" prefix(tw);
|
|
85
|
+
@plugin "frutjam" {
|
|
86
|
+
prefix: fj;
|
|
87
|
+
}
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
```html
|
|
91
|
+
<button class="tw:fj-btn tw:fj-btn-primary">Launch App</button>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
## Plugin Options
|
|
95
|
+
|
|
96
|
+
All options can be set in CSS via `@plugin "frutjam" { ... }` or in `postcss.config.js`:
|
|
97
|
+
|
|
98
|
+
| Option | Default | Description |
|
|
99
|
+
|--------|---------|-------------|
|
|
100
|
+
| `prefix` | `""` | Prefix all Frutjam class names (e.g. `fj` → `fj-btn`) |
|
|
101
|
+
| `reset` | `true` | Include browser reset and element defaults |
|
|
102
|
+
| `root` | `":root"` | Remap CSS var declarations to a custom selector (e.g. `":host"`) |
|
|
103
|
+
| `logs` | `true` | Show build-time console output |
|
|
104
|
+
| `include` | `[]` | Only include specific components/utilities |
|
|
105
|
+
| `exclude` | `[]` | Exclude specific components/utilities |
|
|
106
|
+
|
|
107
|
+
## Custom Themes
|
|
108
|
+
|
|
109
|
+
Define themes directly in your stylesheet using `@layer theme`:
|
|
110
|
+
|
|
111
|
+
```css
|
|
112
|
+
@layer theme {
|
|
113
|
+
[data-theme="blueberry"] {
|
|
114
|
+
--scheme-color: light;
|
|
115
|
+
--color-primary: oklch(60% 0.2 220);
|
|
116
|
+
--color-on-primary: oklch(98% 0.01 220);
|
|
117
|
+
--color-base: oklch(98% 0.01 220);
|
|
118
|
+
--color-on-base: oklch(20% 0.02 220);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
Apply any theme with a `data-theme` attribute:
|
|
124
|
+
|
|
125
|
+
```html
|
|
126
|
+
<body data-theme="blueberry">
|
|
127
|
+
...
|
|
128
|
+
</body>
|
|
129
|
+
```
|
|
130
|
+
|
|
131
|
+
That’s it — you’re ready to build with Frutjam components!
|
|
132
|
+
|
|
133
|
+
---
|
|
134
|
+
|
|
135
|
+
## Live Demo & Documentation
|
|
136
|
+
|
|
137
|
+
For full documentation and live interactive previews, visit our official site: 👉 **[frutjam](https://frutjam.com/docs)**
|
|
138
|
+
|
|
139
|
+
---
|
|
140
|
+
|
|
141
|
+
## 🤝 Contributing
|
|
142
|
+
|
|
143
|
+
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
|
|
144
|
+
|
|
145
|
+
1. Fork the repo
|
|
146
|
+
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
|
|
147
|
+
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
|
|
148
|
+
4. Push to the Branch (git push origin feature/AmazingFeature)
|
|
149
|
+
5. Open a Pull Request
|
|
150
|
+
|
|
151
|
+
Please check the [contributing guidelines](.github/CONTRIBUTING.md) before starting.
|
|
152
|
+
|
|
153
|
+
---
|
|
154
|
+
|
|
155
|
+
## 📄 License
|
|
156
|
+
|
|
157
|
+
Distributed under the MIT License. See [MIT License](LICENSE) for more information.
|
|
158
|
+
|
|
159
|
+
---
|
|
160
|
+
|
|
161
|
+
Thank you for choosing the Frutjam UI Library – Happy coding!
|
|
162
|
+
|
|
163
|
+
## ⭐ Support
|
|
164
|
+
|
|
165
|
+
If you like this project, consider giving it a star! 🌟
|
|
166
|
+
|
|
167
|
+
[](https://github.com/nezanuha/frutjam/stargazers)
|
|
168
|
+
|
|
169
|
+
---
|
|
170
|
+
|
|
171
|
+
[jsdelivr]: https://badgen.net/jsdelivr/hits/npm/frutjam
|
|
172
|
+
[npm_installs]: https://badgen.net/npm/dt/frutjam
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {"@layer base":{":root,\r\n [data-theme]":{"--palette-shade-light-color":"white","--palette-shade-dark-color":"black","--color-body":"color-mix(in oklch, currentColor 80%, transparent)","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","color-scheme":"var(--scheme-color, light)","color":"var(--color-on-base)","background-color":"var(--color-base)","--color-base-soft":"light-dark(\r\n color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%),\r\n color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)\r\n )","--color-on-base-soft":"var(--color-on-base)","--color-base-active":"light-dark(\r\n color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),\r\n color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)\r\n )","--color-base-50":"color-mix(in oklch, var(--color-on-base) 4%, var(--color-base) 96%)","--color-base-100":"color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%)","--color-base-200":"color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)","--color-base-300":"color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)","--color-base-400":"color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)","--color-base-500":"var(--color-base)","--color-base-600":"color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)","--color-base-700":"color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)","--color-base-800":"color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)","--color-base-900":"color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)","--color-base-950":"color-mix(in oklch, var(--color-on-base) 92%, var(--color-base) 8%)","--color-neutral-soft":"light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))","--color-on-neutral-soft":"light-dark(var(--color-neutral-700), var(--color-neutral-300))","--color-neutral-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-neutral) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)\r\n )","--color-neutral-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)","--color-neutral-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)","--color-neutral-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)","--color-neutral-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)","--color-neutral-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)","--color-neutral-500":"var(--color-neutral)","--color-neutral-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)","--color-neutral-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)","--color-neutral-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)","--color-neutral-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)","--color-neutral-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)","--color-primary-soft":"light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))","--color-on-primary-soft":"light-dark(var(--color-primary-700), var(--color-primary-300))","--color-primary-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-primary) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)\r\n )","--color-primary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)","--color-primary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)","--color-primary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)","--color-primary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)","--color-primary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)","--color-primary-500":"var(--color-primary)","--color-primary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)","--color-primary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)","--color-primary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)","--color-primary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)","--color-primary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)","--color-secondary-soft":"light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))","--color-on-secondary-soft":"light-dark(var(--color-secondary-700), var(--color-secondary-300))","--color-secondary-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-secondary) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)\r\n )","--color-secondary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)","--color-secondary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)","--color-secondary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)","--color-secondary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)","--color-secondary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)","--color-secondary-500":"var(--color-secondary)","--color-secondary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)","--color-secondary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)","--color-secondary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)","--color-secondary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)","--color-secondary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)","--color-accent-soft":"light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))","--color-on-accent-soft":"light-dark(var(--color-accent-700), var(--color-accent-300))","--color-accent-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-accent) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)\r\n )","--color-accent-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)","--color-accent-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)","--color-accent-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)","--color-accent-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)","--color-accent-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)","--color-accent-500":"var(--color-accent)","--color-accent-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)","--color-accent-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)","--color-accent-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)","--color-accent-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)","--color-accent-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)","--color-info-soft":"light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))","--color-on-info-soft":"light-dark(var(--color-info-700), var(--color-info-300))","--color-info-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-info) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)\r\n )","--color-info-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)","--color-info-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)","--color-info-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)","--color-info-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)","--color-info-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)","--color-info-500":"var(--color-info)","--color-info-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)","--color-info-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)","--color-info-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)","--color-info-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)","--color-info-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)","--color-success-soft":"light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))","--color-on-success-soft":"light-dark(var(--color-success-700), var(--color-success-300))","--color-success-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-success) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)\r\n )","--color-success-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)","--color-success-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)","--color-success-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)","--color-success-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)","--color-success-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)","--color-success-500":"var(--color-success)","--color-success-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)","--color-success-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)","--color-success-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)","--color-success-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)","--color-success-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)","--color-warning-soft":"light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))","--color-on-warning-soft":"light-dark(var(--color-warning-800), var(--color-warning-300))","--color-warning-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-warning) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)\r\n )","--color-warning-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)","--color-warning-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)","--color-warning-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)","--color-warning-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)","--color-warning-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)","--color-warning-500":"var(--color-warning)","--color-warning-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)","--color-warning-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)","--color-warning-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)","--color-warning-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)","--color-warning-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)","--color-error-soft":"light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))","--color-on-error-soft":"light-dark(var(--color-error-700), var(--color-error-300))","--color-error-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-error) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)\r\n )","--color-error-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)","--color-error-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)","--color-error-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)","--color-error-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)","--color-error-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)","--color-error-500":"var(--color-error)","--color-error-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)","--color-error-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)","--color-error-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)","--color-error-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)","--color-error-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)"},"*,\r\n ::after,\r\n ::backdrop,\r\n ::before,\r\n ::file-selector-button":{"box-sizing":"border-box","border":"0 solid","padding":"0","margin":"0"},":host,\r\n html":{"line-height":1.5,"font-family":"var(\r\n --default-font-family,\r\n ui-sans-serif,\r\n system-ui,\r\n sans-serif,\r\n \"Apple Color Emoji\",\r\n \"Segoe UI Emoji\",\r\n \"Segoe UI Symbol\",\r\n \"Noto Color Emoji\"\r\n )","-webkit-tap-highlight-color":"#0000"},"body":{"line-height":"inherit"},"h1, h2, h3, h4, h5, h6":{"font-size":"inherit","font-weight":"inherit"},"a":{"color":"inherit","text-decoration":"inherit"},"hr":{"height":"0","color":"inherit","border-top-width":"1px"},"table":{"text-indent":"0","border-color":"inherit","border-collapse":"collapse"},"::file-selector-button,\r\n button,\r\n input,\r\n optgroup,\r\n select,\r\n textarea":{"font":"inherit","font-feature-settings":"inherit","font-variation-settings":"inherit","letter-spacing":"inherit","color":"inherit","background":"0 0"},"::file-selector-button,\r\n button,\r\n input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"])":{"-webkit-appearance":"button","-moz-appearance":"button","appearance":"button"},":-moz-focusring":{"outline":"auto"},":-moz-ui-invalid":{"box-shadow":"none"},"::-webkit-search-decoration":{"-webkit-appearance":"none"},"::-moz-placeholder":{"opacity":1,"color":"color-mix(in oklch, currentColor 50%, transparent)"},"::placeholder":{"opacity":1,"color":"color-mix(in oklch, currentColor 50%, transparent)"},"menu, ol, ul":{"list-style":"none"},"audio, canvas, embed, iframe, img, object, svg, video":{"display":"block"},"img, video":{"max-width":"100%","height":"auto"},"textarea":{"resize":"vertical"},":where(:root, [data-theme])":{"main, footer":{"background-color":"var(--color-base)"},"p":{"text-wrap-style":"pretty","color":"var(--color-body)","font-size":"var(--text-base, 1rem)","line-height":1.7},"menu, ol, ul":{"color":"var(--color-body)","font-size":"var(--text-base, 1rem)"},"strong":{"color":"var(--color-on-base)"},"code":{"font-weight":600,"background-color":"var(--color-base-soft)","color":"var(--color-on-base-soft)","padding":"0.2em 0.4em","border-radius":"calc(var(--border-radius) * 1.5)"},"pre code":{"background-color":"transparent","padding":"0","font-size":"inherit","border-radius":"0"}}}};
|
|
1
|
+
export default {"@layer base":{":root,\n [data-theme]":{"--palette-shade-light-color":"white","--palette-shade-dark-color":"black","--color-body":"color-mix(in oklch, currentColor 80%, transparent)","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","color-scheme":"var(--scheme-color, light)","color":"var(--color-on-base)","background-color":"var(--color-base)","--color-base-soft":"light-dark(\n color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%),\n color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)\n )","--color-on-base-soft":"var(--color-on-base)","--color-base-active":"light-dark(\n color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),\n color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)\n )","--color-base-50":"color-mix(in oklch, var(--color-on-base) 4%, var(--color-base) 96%)","--color-base-100":"color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%)","--color-base-200":"color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)","--color-base-300":"color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)","--color-base-400":"color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)","--color-base-500":"var(--color-base)","--color-base-600":"color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)","--color-base-700":"color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)","--color-base-800":"color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)","--color-base-900":"color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)","--color-base-950":"color-mix(in oklch, var(--color-on-base) 92%, var(--color-base) 8%)","--color-neutral-soft":"light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))","--color-on-neutral-soft":"light-dark(var(--color-neutral-700), var(--color-neutral-300))","--color-neutral-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-neutral) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)\n )","--color-neutral-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)","--color-neutral-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)","--color-neutral-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)","--color-neutral-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)","--color-neutral-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)","--color-neutral-500":"var(--color-neutral)","--color-neutral-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)","--color-neutral-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)","--color-neutral-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)","--color-neutral-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)","--color-neutral-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)","--color-primary-soft":"light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))","--color-on-primary-soft":"light-dark(var(--color-primary-700), var(--color-primary-300))","--color-primary-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-primary) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)\n )","--color-primary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)","--color-primary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)","--color-primary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)","--color-primary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)","--color-primary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)","--color-primary-500":"var(--color-primary)","--color-primary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)","--color-primary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)","--color-primary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)","--color-primary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)","--color-primary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)","--color-secondary-soft":"light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))","--color-on-secondary-soft":"light-dark(var(--color-secondary-700), var(--color-secondary-300))","--color-secondary-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-secondary) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)\n )","--color-secondary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)","--color-secondary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)","--color-secondary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)","--color-secondary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)","--color-secondary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)","--color-secondary-500":"var(--color-secondary)","--color-secondary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)","--color-secondary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)","--color-secondary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)","--color-secondary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)","--color-secondary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)","--color-accent-soft":"light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))","--color-on-accent-soft":"light-dark(var(--color-accent-700), var(--color-accent-300))","--color-accent-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-accent) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)\n )","--color-accent-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)","--color-accent-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)","--color-accent-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)","--color-accent-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)","--color-accent-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)","--color-accent-500":"var(--color-accent)","--color-accent-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)","--color-accent-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)","--color-accent-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)","--color-accent-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)","--color-accent-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)","--color-info-soft":"light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))","--color-on-info-soft":"light-dark(var(--color-info-700), var(--color-info-300))","--color-info-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-info) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)\n )","--color-info-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)","--color-info-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)","--color-info-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)","--color-info-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)","--color-info-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)","--color-info-500":"var(--color-info)","--color-info-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)","--color-info-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)","--color-info-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)","--color-info-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)","--color-info-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)","--color-success-soft":"light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))","--color-on-success-soft":"light-dark(var(--color-success-700), var(--color-success-300))","--color-success-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-success) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)\n )","--color-success-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)","--color-success-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)","--color-success-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)","--color-success-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)","--color-success-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)","--color-success-500":"var(--color-success)","--color-success-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)","--color-success-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)","--color-success-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)","--color-success-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)","--color-success-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)","--color-warning-soft":"light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))","--color-on-warning-soft":"light-dark(var(--color-warning-800), var(--color-warning-300))","--color-warning-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-warning) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)\n )","--color-warning-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)","--color-warning-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)","--color-warning-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)","--color-warning-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)","--color-warning-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)","--color-warning-500":"var(--color-warning)","--color-warning-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)","--color-warning-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)","--color-warning-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)","--color-warning-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)","--color-warning-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)","--color-error-soft":"light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))","--color-on-error-soft":"light-dark(var(--color-error-700), var(--color-error-300))","--color-error-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-error) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)\n )","--color-error-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)","--color-error-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)","--color-error-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)","--color-error-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)","--color-error-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)","--color-error-500":"var(--color-error)","--color-error-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)","--color-error-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)","--color-error-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)","--color-error-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)","--color-error-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)"},"*,\n ::after,\n ::backdrop,\n ::before,\n ::file-selector-button":{"box-sizing":"border-box","border":"0 solid","padding":"0","margin":"0"},":host,\n html":{"line-height":1.5,"font-family":"var(\n --default-font-family,\n ui-sans-serif,\n system-ui,\n sans-serif,\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\",\n \"Segoe UI Symbol\",\n \"Noto Color Emoji\"\n )","-webkit-tap-highlight-color":"#0000"},"body":{"line-height":"inherit"},"h1, h2, h3, h4, h5, h6":{"font-size":"inherit","font-weight":"inherit"},"a":{"color":"inherit","text-decoration":"inherit"},"hr":{"height":"0","color":"inherit","border-top-width":"1px"},"table":{"text-indent":"0","border-color":"inherit","border-collapse":"collapse"},"::file-selector-button,\n button,\n input,\n optgroup,\n select,\n textarea":{"font":"inherit","font-feature-settings":"inherit","font-variation-settings":"inherit","letter-spacing":"inherit","color":"inherit","background":"0 0"},"::file-selector-button,\n button,\n input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"])":{"-webkit-appearance":"button","-moz-appearance":"button","appearance":"button"},":-moz-focusring":{"outline":"auto"},":-moz-ui-invalid":{"box-shadow":"none"},"::-webkit-search-decoration":{"-webkit-appearance":"none"},"::-moz-placeholder":{"opacity":1,"color":"color-mix(in oklch, currentColor 50%, transparent)"},"::placeholder":{"opacity":1,"color":"color-mix(in oklch, currentColor 50%, transparent)"},"menu, ol, ul":{"list-style":"none"},"audio, canvas, embed, iframe, img, object, svg, video":{"display":"block"},"img, video":{"max-width":"100%","height":"auto"},"textarea":{"resize":"vertical"},":where(:root, [data-theme])":{"main, footer":{"background-color":"var(--color-base)"},"p":{"text-wrap-style":"pretty","color":"var(--color-body)","font-size":"var(--text-base, 1rem)","line-height":1.7},"menu, ol, ul":{"color":"var(--color-body)","font-size":"var(--text-base, 1rem)"},"strong":{"color":"var(--color-on-base)"},"code":{"font-weight":600,"background-color":"var(--color-base-soft)","color":"var(--color-on-base-soft)","padding":"0.2em 0.4em","border-radius":"calc(var(--border-radius) * 1.5)"},"pre code":{"background-color":"transparent","padding":"0","font-size":"inherit","border-radius":"0"}}}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {"@layer base":{":root,\r\n [data-theme]":{"--palette-shade-light-color":"white","--palette-shade-dark-color":"black","--color-body":"color-mix(in oklch, currentColor 80%, transparent)","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","color-scheme":"var(--scheme-color, light)","color":"var(--color-on-base)","background-color":"var(--color-base)","--color-base-soft":"light-dark(\r\n color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%),\r\n color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)\r\n )","--color-on-base-soft":"var(--color-on-base)","--color-base-active":"light-dark(\r\n color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),\r\n color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)\r\n )","--color-base-50":"color-mix(in oklch, var(--color-on-base) 4%, var(--color-base) 96%)","--color-base-100":"color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%)","--color-base-200":"color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)","--color-base-300":"color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)","--color-base-400":"color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)","--color-base-500":"var(--color-base)","--color-base-600":"color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)","--color-base-700":"color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)","--color-base-800":"color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)","--color-base-900":"color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)","--color-base-950":"color-mix(in oklch, var(--color-on-base) 92%, var(--color-base) 8%)","--color-neutral-soft":"light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))","--color-on-neutral-soft":"light-dark(var(--color-neutral-700), var(--color-neutral-300))","--color-neutral-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-neutral) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)\r\n )","--color-neutral-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)","--color-neutral-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)","--color-neutral-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)","--color-neutral-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)","--color-neutral-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)","--color-neutral-500":"var(--color-neutral)","--color-neutral-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)","--color-neutral-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)","--color-neutral-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)","--color-neutral-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)","--color-neutral-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)","--color-primary-soft":"light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))","--color-on-primary-soft":"light-dark(var(--color-primary-700), var(--color-primary-300))","--color-primary-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-primary) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)\r\n )","--color-primary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)","--color-primary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)","--color-primary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)","--color-primary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)","--color-primary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)","--color-primary-500":"var(--color-primary)","--color-primary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)","--color-primary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)","--color-primary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)","--color-primary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)","--color-primary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)","--color-secondary-soft":"light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))","--color-on-secondary-soft":"light-dark(var(--color-secondary-700), var(--color-secondary-300))","--color-secondary-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-secondary) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)\r\n )","--color-secondary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)","--color-secondary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)","--color-secondary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)","--color-secondary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)","--color-secondary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)","--color-secondary-500":"var(--color-secondary)","--color-secondary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)","--color-secondary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)","--color-secondary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)","--color-secondary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)","--color-secondary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)","--color-accent-soft":"light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))","--color-on-accent-soft":"light-dark(var(--color-accent-700), var(--color-accent-300))","--color-accent-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-accent) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)\r\n )","--color-accent-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)","--color-accent-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)","--color-accent-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)","--color-accent-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)","--color-accent-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)","--color-accent-500":"var(--color-accent)","--color-accent-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)","--color-accent-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)","--color-accent-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)","--color-accent-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)","--color-accent-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)","--color-info-soft":"light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))","--color-on-info-soft":"light-dark(var(--color-info-700), var(--color-info-300))","--color-info-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-info) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)\r\n )","--color-info-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)","--color-info-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)","--color-info-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)","--color-info-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)","--color-info-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)","--color-info-500":"var(--color-info)","--color-info-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)","--color-info-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)","--color-info-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)","--color-info-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)","--color-info-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)","--color-success-soft":"light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))","--color-on-success-soft":"light-dark(var(--color-success-700), var(--color-success-300))","--color-success-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-success) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)\r\n )","--color-success-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)","--color-success-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)","--color-success-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)","--color-success-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)","--color-success-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)","--color-success-500":"var(--color-success)","--color-success-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)","--color-success-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)","--color-success-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)","--color-success-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)","--color-success-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)","--color-warning-soft":"light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))","--color-on-warning-soft":"light-dark(var(--color-warning-800), var(--color-warning-300))","--color-warning-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-warning) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)\r\n )","--color-warning-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)","--color-warning-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)","--color-warning-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)","--color-warning-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)","--color-warning-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)","--color-warning-500":"var(--color-warning)","--color-warning-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)","--color-warning-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)","--color-warning-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)","--color-warning-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)","--color-warning-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)","--color-error-soft":"light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))","--color-on-error-soft":"light-dark(var(--color-error-700), var(--color-error-300))","--color-error-active":"light-dark(\r\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-error) 85%),\r\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)\r\n )","--color-error-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)","--color-error-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)","--color-error-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)","--color-error-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)","--color-error-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)","--color-error-500":"var(--color-error)","--color-error-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)","--color-error-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)","--color-error-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)","--color-error-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)","--color-error-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)"}}};
|
|
1
|
+
export default {"@layer base":{":root,\n [data-theme]":{"--palette-shade-light-color":"white","--palette-shade-dark-color":"black","--color-body":"color-mix(in oklch, currentColor 80%, transparent)","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","color-scheme":"var(--scheme-color, light)","color":"var(--color-on-base)","background-color":"var(--color-base)","--color-base-soft":"light-dark(\n color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%),\n color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)\n )","--color-on-base-soft":"var(--color-on-base)","--color-base-active":"light-dark(\n color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),\n color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)\n )","--color-base-50":"color-mix(in oklch, var(--color-on-base) 4%, var(--color-base) 96%)","--color-base-100":"color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%)","--color-base-200":"color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)","--color-base-300":"color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)","--color-base-400":"color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)","--color-base-500":"var(--color-base)","--color-base-600":"color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)","--color-base-700":"color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)","--color-base-800":"color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)","--color-base-900":"color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)","--color-base-950":"color-mix(in oklch, var(--color-on-base) 92%, var(--color-base) 8%)","--color-neutral-soft":"light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))","--color-on-neutral-soft":"light-dark(var(--color-neutral-700), var(--color-neutral-300))","--color-neutral-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-neutral) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)\n )","--color-neutral-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)","--color-neutral-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)","--color-neutral-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)","--color-neutral-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)","--color-neutral-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)","--color-neutral-500":"var(--color-neutral)","--color-neutral-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)","--color-neutral-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)","--color-neutral-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)","--color-neutral-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)","--color-neutral-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)","--color-primary-soft":"light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))","--color-on-primary-soft":"light-dark(var(--color-primary-700), var(--color-primary-300))","--color-primary-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-primary) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)\n )","--color-primary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)","--color-primary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)","--color-primary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)","--color-primary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)","--color-primary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)","--color-primary-500":"var(--color-primary)","--color-primary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)","--color-primary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)","--color-primary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)","--color-primary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)","--color-primary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)","--color-secondary-soft":"light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))","--color-on-secondary-soft":"light-dark(var(--color-secondary-700), var(--color-secondary-300))","--color-secondary-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-secondary) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)\n )","--color-secondary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)","--color-secondary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)","--color-secondary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)","--color-secondary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)","--color-secondary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)","--color-secondary-500":"var(--color-secondary)","--color-secondary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)","--color-secondary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)","--color-secondary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)","--color-secondary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)","--color-secondary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)","--color-accent-soft":"light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))","--color-on-accent-soft":"light-dark(var(--color-accent-700), var(--color-accent-300))","--color-accent-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-accent) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)\n )","--color-accent-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)","--color-accent-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)","--color-accent-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)","--color-accent-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)","--color-accent-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)","--color-accent-500":"var(--color-accent)","--color-accent-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)","--color-accent-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)","--color-accent-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)","--color-accent-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)","--color-accent-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)","--color-info-soft":"light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))","--color-on-info-soft":"light-dark(var(--color-info-700), var(--color-info-300))","--color-info-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-info) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)\n )","--color-info-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)","--color-info-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)","--color-info-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)","--color-info-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)","--color-info-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)","--color-info-500":"var(--color-info)","--color-info-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)","--color-info-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)","--color-info-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)","--color-info-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)","--color-info-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)","--color-success-soft":"light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))","--color-on-success-soft":"light-dark(var(--color-success-700), var(--color-success-300))","--color-success-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-success) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)\n )","--color-success-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)","--color-success-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)","--color-success-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)","--color-success-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)","--color-success-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)","--color-success-500":"var(--color-success)","--color-success-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)","--color-success-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)","--color-success-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)","--color-success-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)","--color-success-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)","--color-warning-soft":"light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))","--color-on-warning-soft":"light-dark(var(--color-warning-800), var(--color-warning-300))","--color-warning-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-warning) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)\n )","--color-warning-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)","--color-warning-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)","--color-warning-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)","--color-warning-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)","--color-warning-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)","--color-warning-500":"var(--color-warning)","--color-warning-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)","--color-warning-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)","--color-warning-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)","--color-warning-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)","--color-warning-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)","--color-error-soft":"light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))","--color-on-error-soft":"light-dark(var(--color-error-700), var(--color-error-300))","--color-error-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-error) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)\n )","--color-error-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)","--color-error-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)","--color-error-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)","--color-error-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)","--color-error-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)","--color-error-500":"var(--color-error)","--color-error-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)","--color-error-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)","--color-error-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)","--color-error-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)","--color-error-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)"}}};
|