@plyaz/ui 0.6.11 → 0.7.0

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 (29) hide show
  1. package/dist/client.cjs.js +1 -1
  2. package/dist/client.es.js +3 -3
  3. package/dist/index.cjs.js +6 -6
  4. package/dist/index.es.js +100 -100
  5. package/dist/types/components/AuroraText/AuroraText.d.ts.map +1 -1
  6. package/dist/types/components/Box/Box.d.ts +3 -3
  7. package/dist/types/components/Box/Box.d.ts.map +1 -1
  8. package/dist/types/components/Box/Box.stories.d.ts.map +1 -1
  9. package/dist/types/components/Container/Container.stories.d.ts.map +1 -1
  10. package/dist/types/components/Form/LoginForm.d.ts.map +1 -1
  11. package/dist/types/components/Form/SignupForm.d.ts.map +1 -1
  12. package/dist/types/components/FormattedDate/FormattedDate.stories.d.ts.map +1 -1
  13. package/dist/types/components/FormattedNumber/FormattedNumber.stories.d.ts.map +1 -1
  14. package/dist/types/components/Grid/Grid.stories.d.ts.map +1 -1
  15. package/dist/types/components/Heading/Heading.stories.d.ts.map +1 -1
  16. package/dist/types/components/MenuBar/Menubar.stories.d.ts.map +1 -1
  17. package/dist/types/components/Paragraph/Paragraph.stories.d.ts.map +1 -1
  18. package/dist/types/components/Section/Section.stories.d.ts.map +1 -1
  19. package/dist/types/components/Stack/Stack.stories.d.ts.map +1 -1
  20. package/dist/types/components/Text/Text.d.ts +2 -2
  21. package/dist/types/components/Text/Text.d.ts.map +1 -1
  22. package/dist/types/components/Text/Text.stories.d.ts.map +1 -1
  23. package/dist/types/components/TranslatedHtml/TranslatedHtml.stories.d.ts.map +1 -1
  24. package/dist/types/components/TranslatedText/TranslatedText.stories.d.ts.map +1 -1
  25. package/dist/ui.css +1 -1
  26. package/package.json +2 -2
  27. package/styles/animations.css +46 -0
  28. package/styles/blog.css +191 -0
  29. package/styles/main.css +155 -0
package/styles/main.css ADDED
@@ -0,0 +1,155 @@
1
+ @theme inline {
2
+ --radius-sm: calc(var(--radius) - 4px);
3
+ --radius-md: calc(var(--radius) - 2px);
4
+ --radius-lg: var(--radius);
5
+ --radius-xl: calc(var(--radius) + 4px);
6
+ --color-background: var(--background);
7
+ --color-foreground: var(--foreground);
8
+ --color-card: var(--card);
9
+ --color-card-foreground: var(--card-foreground);
10
+ --color-popover: var(--popover);
11
+ --color-popover-foreground: var(--popover-foreground);
12
+ --color-primary: var(--primary);
13
+ --color-primary-foreground: var(--primary-foreground);
14
+ --color-secondary: var(--secondary);
15
+ --color-secondary-foreground: var(--secondary-foreground);
16
+ --color-muted: var(--muted);
17
+ --color-muted-foreground: var(--muted-foreground);
18
+ --color-accent: var(--accent);
19
+ --color-accent-hover: var(--accent-hover);
20
+ --color-accent-foreground: var(--accent-foreground);
21
+ --color-accent-foreground-hover: var(--accent-foreground-hover);
22
+ --color-tag: var(--tag);
23
+ --color-tag-foreground: var(--tag-foreground);
24
+ --color-success-foreground: var(--success-foreground);
25
+ --color-tertiary-foreground: var(--tertiary-foreground);
26
+ --color-destructive: var(--destructive);
27
+ --color-border: var(--border);
28
+ --color-strong: var(--border-strong);
29
+ --color-subtle: var(--border-subtle);
30
+ --color-primary-icon: var(--icon-primary);
31
+ --color-secondary-icon: var(--icon-secondary);
32
+ --color-accent-icon: var(--icon-accent);
33
+ --color-accent-icon-hover: var(--icon-accent-hover);
34
+ --color-input: var(--input);
35
+ --color-ring: var(--ring);
36
+ --color-chart-1: var(--chart-1);
37
+ --color-chart-2: var(--chart-2);
38
+ --color-chart-3: var(--chart-3);
39
+ --color-chart-4: var(--chart-4);
40
+ --color-chart-5: var(--chart-5);
41
+ --color-sidebar: var(--sidebar);
42
+ --color-sidebar-foreground: var(--sidebar-foreground);
43
+ --color-sidebar-primary: var(--sidebar-primary);
44
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
45
+ --color-sidebar-accent: var(--sidebar-accent);
46
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
47
+ --color-sidebar-border: var(--sidebar-border);
48
+ --color-sidebar-ring: var(--sidebar-ring);
49
+ --animate-aurora: aurora 8s ease-in-out infinite alternate;
50
+ --animate-marquee: marquee var(--duration) infinite linear;
51
+ --animate-marquee-vertical: marquee-vertical var(--duration) linear infinite;
52
+ --font-general: 'General Sans', sans-serif;
53
+ }
54
+ :root {
55
+ --radius: 0.625rem;
56
+ --background: #fff;
57
+ --foreground: oklch(26.9% 0 0);
58
+ --primary: #fff;
59
+ --primary-foreground: oklch(26.9% 0 0);
60
+ --secondary: oklch(26.9% 0 0);
61
+ --secondary-foreground: oklch(43.9% 0 0);
62
+ --accent: oklch(84.5% 0.143 164.978);
63
+ --accent-hover: oklch(59.6% 0.145 163.225);
64
+ --accent-foreground: oklch(98.5% 0 0);
65
+ --accent-foreground-hover: oklch(84.5% 0.143 164.978);
66
+ --tag: oklch(97.9% 0.021 166.113);
67
+ --tag-foreground: oklch(50.8% 0.118 165.612);
68
+ --success-foreground: oklch(59.6% 0.145 163.225);
69
+ --tertiary-foreground: oklch(70.8% 0 0);
70
+ --border-strong: oklch(43.9% 0 0);
71
+ --border-subtle: oklch(87% 0 0);
72
+ --icon-primary: oklch(26.9% 0 0);
73
+ --icon-secondary: oklch(59.6% 0.145 163.225);
74
+ --icon-accent: oklch(98.5% 0 0);
75
+ --icon-accent-hover: oklch(84.5% 0.143 164.978);
76
+ --card: oklch(1 0 0);
77
+ --card-foreground: oklch(0.145 0 0);
78
+ --popover: oklch(1 0 0);
79
+ --popover-foreground: oklch(0.145 0 0);
80
+ --muted: oklch(0.97 0 0);
81
+ --muted-foreground: oklch(0.556 0 0);
82
+ --destructive: oklch(0.577 0.245 27.325);
83
+ --border: oklch(0.922 0 0);
84
+ --input: oklch(0.922 0 0);
85
+ --ring: oklch(0.708 0 0);
86
+ --chart-1: oklch(0.646 0.222 41.116);
87
+ --chart-2: oklch(0.6 0.118 184.704);
88
+ --chart-3: oklch(0.398 0.07 227.392);
89
+ --chart-4: oklch(0.828 0.189 84.429);
90
+ --chart-5: oklch(0.769 0.188 70.08);
91
+ --sidebar: oklch(0.985 0 0);
92
+ --sidebar-foreground: oklch(0.145 0 0);
93
+ --sidebar-primary: oklch(0.205 0 0);
94
+ --sidebar-primary-foreground: oklch(0.985 0 0);
95
+ --sidebar-accent: oklch(0.97 0 0);
96
+ --sidebar-accent-foreground: oklch(0.205 0 0);
97
+ --sidebar-border: oklch(0.922 0 0);
98
+ --sidebar-ring: oklch(0.708 0 0);
99
+ }
100
+
101
+ .dark {
102
+ --radius: 0.625rem;
103
+ --background: #fff;
104
+ --foreground: oklch(26.9% 0 0);
105
+ --primary: #fff;
106
+ --primary-foreground: oklch(26.9% 0 0);
107
+ --secondary: oklch(26.9% 0 0);
108
+ --secondary-foreground: oklch(43.9% 0 0);
109
+ --accent: oklch(84.5% 0.143 164.978);
110
+ --accent-hover: oklch(59.6% 0.145 163.225);
111
+ --accent-foreground: oklch(98.5% 0 0);
112
+ --accent-foreground-hover: oklch(84.5% 0.143 164.978);
113
+ --tag: oklch(97.9% 0.021 166.113);
114
+ --tag-foreground: oklch(50.8% 0.118 165.612);
115
+ --success-foreground: oklch(59.6% 0.145 163.225);
116
+ --tertiary-foreground: oklch(70.8% 0 0);
117
+ --border-strong: oklch(43.9% 0 0);
118
+ --border-subtle: oklch(87% 0 0);
119
+ --icon-primary: oklch(26.9% 0 0);
120
+ --icon-secondary: oklch(59.6% 0.145 163.225);
121
+ --icon-accent: oklch(98.5% 0 0);
122
+ --icon-accent-hover: oklch(84.5% 0.143 164.978);
123
+ --card: oklch(0.205 0 0);
124
+ --card-foreground: oklch(0.985 0 0);
125
+ --popover: oklch(0.205 0 0);
126
+ --popover-foreground: oklch(0.985 0 0);
127
+ --muted: oklch(0.269 0 0);
128
+ --muted-foreground: oklch(0.708 0 0);
129
+ --destructive: oklch(0.704 0.191 22.216);
130
+ --border: oklch(1 0 0 / 10%);
131
+ --input: oklch(1 0 0 / 15%);
132
+ --ring: oklch(0.556 0 0);
133
+ --chart-1: oklch(0.488 0.243 264.376);
134
+ --chart-2: oklch(0.696 0.17 162.48);
135
+ --chart-3: oklch(0.769 0.188 70.08);
136
+ --chart-4: oklch(0.627 0.265 303.9);
137
+ --chart-5: oklch(0.645 0.246 16.439);
138
+ --sidebar: oklch(0.205 0 0);
139
+ --sidebar-foreground: oklch(0.985 0 0);
140
+ --sidebar-primary: oklch(0.488 0.243 264.376);
141
+ --sidebar-primary-foreground: oklch(0.985 0 0);
142
+ --sidebar-accent: oklch(0.269 0 0);
143
+ --sidebar-accent-foreground: oklch(0.985 0 0);
144
+ --sidebar-border: oklch(1 0 0 / 10%);
145
+ --sidebar-ring: oklch(0.556 0 0);
146
+ }
147
+
148
+ @layer base {
149
+ * {
150
+ @apply border-border outline-ring/50;
151
+ }
152
+ body {
153
+ @apply bg-background font-general text-foreground;
154
+ }
155
+ }