@fea-ui/styles 0.0.0-canary.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.
Files changed (38) hide show
  1. package/README.md +3 -0
  2. package/package.json +54 -0
  3. package/src/components/accordion.css +50 -0
  4. package/src/components/alert-dialog.css +50 -0
  5. package/src/components/alert.css +46 -0
  6. package/src/components/avatar.css +24 -0
  7. package/src/components/button-group.css +16 -0
  8. package/src/components/button.css +78 -0
  9. package/src/components/card.css +36 -0
  10. package/src/components/checkbox-group.css +4 -0
  11. package/src/components/checkbox.css +32 -0
  12. package/src/components/chip.css +40 -0
  13. package/src/components/container.css +4 -0
  14. package/src/components/dialog.css +50 -0
  15. package/src/components/drawer.css +84 -0
  16. package/src/components/field.css +12 -0
  17. package/src/components/fieldset.css +9 -0
  18. package/src/components/form.css +4 -0
  19. package/src/components/index.css +34 -0
  20. package/src/components/input.css +35 -0
  21. package/src/components/label.css +8 -0
  22. package/src/components/link.css +35 -0
  23. package/src/components/list.css +8 -0
  24. package/src/components/menu.css +48 -0
  25. package/src/components/meter.css +72 -0
  26. package/src/components/navbar.css +36 -0
  27. package/src/components/popover.css +51 -0
  28. package/src/components/progress.css +72 -0
  29. package/src/components/radio.css +31 -0
  30. package/src/components/separator.css +12 -0
  31. package/src/components/sidebar.css +80 -0
  32. package/src/components/slider.css +25 -0
  33. package/src/components/switch.css +40 -0
  34. package/src/components/table.css +32 -0
  35. package/src/components/tabs.css +49 -0
  36. package/src/components/text.css +4 -0
  37. package/src/components/toggle-button.css +8 -0
  38. package/src/styles.css +125 -0
package/src/styles.css ADDED
@@ -0,0 +1,125 @@
1
+ @import "tailwindcss";
2
+ @import "./components/index.css" layer(components);
3
+
4
+ :root {
5
+ --navbar-height: 4rem;
6
+ --radius: 0.625rem;
7
+
8
+ --background: oklch(0.9702 0 0);
9
+ --foreground: oklch(0.145 0 0);
10
+
11
+ --surface: oklch(1 0 0);
12
+ --surface-foreground: oklch(0.145 0 0);
13
+ --overlay: oklch(1 0 0 / 90%);
14
+ --overlay-foreground: oklch(0.145 0 0);
15
+ --input: oklch(0.922 0 0);
16
+ --input-foreground: oklch(0.205 0 0);
17
+
18
+ --primary: oklch(0.205 0 0);
19
+ --primary-foreground: oklch(0.985 0 0);
20
+ --secondary: oklch(0.91 0.0013 286.37);
21
+ --secondary-foreground: oklch(0.205 0 0);
22
+ --muted: oklch(0.97 0 0);
23
+ --muted-foreground: oklch(0.556 0 0);
24
+ --accent: oklch(0.97 0 0);
25
+ --accent-foreground: oklch(0.205 0 0);
26
+ --danger: oklch(0.577 0.245 27.325);
27
+ --danger-foreground: oklch(0.985 0 0);
28
+ --success: oklch(0.623 0.17 145);
29
+ --success-foreground: oklch(0.985 0 0);
30
+
31
+ --border: oklch(0.922 0 0);
32
+ --ring: oklch(62% 0.18 250);
33
+ --link: oklch(0.205 0 0);
34
+ }
35
+
36
+ .dark {
37
+ --background: oklch(0.145 0 0);
38
+ --foreground: oklch(0.985 0 0);
39
+
40
+ --surface: oklch(0.205 0 0);
41
+ --surface-foreground: oklch(0.985 0 0);
42
+ --overlay: oklch(0.205 0 0);
43
+ --overlay-foreground: oklch(0.985 0 0);
44
+ --input: oklch(1 0 0 / 15%);
45
+ --input-foreground: oklch(0.985 0 0);
46
+
47
+ --primary: oklch(0.922 0 0);
48
+ --primary-foreground: oklch(0.205 0 0);
49
+ --secondary: oklch(0.269 0 0);
50
+ --secondary-foreground: oklch(0.985 0 0);
51
+ --muted: oklch(0.269 0 0);
52
+ --muted-foreground: oklch(0.708 0 0);
53
+ --danger: oklch(0.704 0.191 22.216);
54
+ --danger-foreground: oklch(0.985 0 0);
55
+ --success: oklch(0.7017 0.3225 145);
56
+ --success-foreground: oklch(0.205 0 0);
57
+
58
+ --border: oklch(1 0 0 / 10%);
59
+ --ring: oklch(62% 0.18 250);
60
+ --link: oklch(0.922 0 0);
61
+ }
62
+
63
+ @theme inline {
64
+ --radius: var(--radius);
65
+
66
+ --color-background: var(--background);
67
+ --color-foreground: var(--foreground);
68
+
69
+ --color-surface: var(--surface);
70
+ --color-surface-foreground: var(--surface-foreground);
71
+ --color-overlay: var(--overlay);
72
+ --color-overlay-foreground: var(--overlay-foreground);
73
+ --color-input: var(--input);
74
+ --color-input-foreground: var(--input-foreground);
75
+
76
+ --color-primary: var(--primary);
77
+ --color-primary-foreground: var(--primary-foreground);
78
+ --color-secondary: var(--secondary);
79
+ --color-secondary-foreground: var(--secondary-foreground);
80
+ --color-muted: var(--muted);
81
+ --color-muted-foreground: var(--muted-foreground);
82
+ --color-danger: var(--danger);
83
+ --color-danger-foreground: var(--danger-foreground);
84
+ --color-success: var(--success);
85
+ --color-success-foreground: var(--success-foreground);
86
+
87
+ --color-border: var(--border);
88
+ --color-ring: var(--ring);
89
+ --color-link: var(--link);
90
+ }
91
+
92
+ @utility status-focused {
93
+ @apply ring-offset-background ring-2 ring-offset-2 outline-none;
94
+ }
95
+
96
+ @utility status-disabled {
97
+ @apply cursor-not-allowed opacity-50;
98
+ }
99
+
100
+ @utility status-pending {
101
+ @apply cursor-wait opacity-75;
102
+ }
103
+
104
+ @custom-variant hover-safe {
105
+ @media (hover: hover) and (pointer: fine) {
106
+ &:hover {
107
+ @slot;
108
+ }
109
+
110
+ &:hover::before,
111
+ &:hover::after {
112
+ @slot;
113
+ }
114
+ }
115
+ }
116
+
117
+ @layer base {
118
+ * {
119
+ @apply border-border outline-ring/50;
120
+ }
121
+
122
+ body {
123
+ @apply bg-background text-foreground;
124
+ }
125
+ }