@oryxqa/ui 1.0.0 → 1.1.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 (2) hide show
  1. package/package.json +8 -4
  2. package/src/index.css +129 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oryxqa/ui",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.mjs",
@@ -10,12 +10,16 @@
10
10
  "types": "./dist/index.d.ts",
11
11
  "import": "./dist/index.mjs",
12
12
  "require": "./dist/index.cjs"
13
- }
13
+ },
14
+ "./index.css": "./src/index.css"
14
15
  },
15
16
  "files": [
16
- "dist"
17
+ "dist",
18
+ "src/index.css"
19
+ ],
20
+ "sideEffects": [
21
+ "**/*.css"
17
22
  ],
18
- "sideEffects": false,
19
23
  "scripts": {
20
24
  "dev": "vite",
21
25
  "build": "vite build",
package/src/index.css ADDED
@@ -0,0 +1,129 @@
1
+ @import "tailwindcss";
2
+ @import "tw-animate-css";
3
+ @import "shadcn/tailwind.css";
4
+ @import "@fontsource-variable/merriweather";
5
+
6
+ @custom-variant dark (&:is(.dark *));
7
+
8
+ :root {
9
+ --background: oklch(1 0 0);
10
+ --foreground: oklch(0.147 0.004 49.3);
11
+ --card: oklch(1 0 0);
12
+ --card-foreground: oklch(0.147 0.004 49.3);
13
+ --popover: oklch(1 0 0);
14
+ --popover-foreground: oklch(0.147 0.004 49.3);
15
+ --primary: oklch(0.508 0.118 165.612);
16
+ --primary-foreground: oklch(0.979 0.021 166.113);
17
+ --secondary: oklch(0.967 0.001 286.375);
18
+ --secondary-foreground: oklch(0.21 0.006 285.885);
19
+ --muted: oklch(0.96 0.002 17.2);
20
+ --muted-foreground: oklch(0.547 0.021 43.1);
21
+ --accent: oklch(0.96 0.002 17.2);
22
+ --accent-foreground: oklch(0.214 0.009 43.1);
23
+ --destructive: oklch(0.577 0.245 27.325);
24
+ --border: oklch(0.922 0.005 34.3);
25
+ --input: oklch(0.922 0.005 34.3);
26
+ --ring: oklch(0.714 0.014 41.2);
27
+ --chart-1: oklch(0.845 0.143 164.978);
28
+ --chart-2: oklch(0.696 0.17 162.48);
29
+ --chart-3: oklch(0.596 0.145 163.225);
30
+ --chart-4: oklch(0.508 0.118 165.612);
31
+ --chart-5: oklch(0.432 0.095 166.913);
32
+ --radius: 0.875rem;
33
+ --sidebar: oklch(0.986 0.002 67.8);
34
+ --sidebar-foreground: oklch(0.147 0.004 49.3);
35
+ --sidebar-primary: oklch(0.596 0.145 163.225);
36
+ --sidebar-primary-foreground: oklch(0.979 0.021 166.113);
37
+ --sidebar-accent: oklch(0.96 0.002 17.2);
38
+ --sidebar-accent-foreground: oklch(0.214 0.009 43.1);
39
+ --sidebar-border: oklch(0.922 0.005 34.3);
40
+ --sidebar-ring: oklch(0.714 0.014 41.2);
41
+ }
42
+
43
+ .dark {
44
+ --background: oklch(0.147 0.004 49.3);
45
+ --foreground: oklch(0.986 0.002 67.8);
46
+ --card: oklch(0.214 0.009 43.1);
47
+ --card-foreground: oklch(0.986 0.002 67.8);
48
+ --popover: oklch(0.214 0.009 43.1);
49
+ --popover-foreground: oklch(0.986 0.002 67.8);
50
+ --primary: oklch(0.432 0.095 166.913);
51
+ --primary-foreground: oklch(0.979 0.021 166.113);
52
+ --secondary: oklch(0.274 0.006 286.033);
53
+ --secondary-foreground: oklch(0.985 0 0);
54
+ --muted: oklch(0.268 0.011 36.5);
55
+ --muted-foreground: oklch(0.714 0.014 41.2);
56
+ --accent: oklch(0.268 0.011 36.5);
57
+ --accent-foreground: oklch(0.986 0.002 67.8);
58
+ --destructive: oklch(0.704 0.191 22.216);
59
+ --border: oklch(1 0 0 / 10%);
60
+ --input: oklch(1 0 0 / 15%);
61
+ --ring: oklch(0.547 0.021 43.1);
62
+ --chart-1: oklch(0.845 0.143 164.978);
63
+ --chart-2: oklch(0.696 0.17 162.48);
64
+ --chart-3: oklch(0.596 0.145 163.225);
65
+ --chart-4: oklch(0.508 0.118 165.612);
66
+ --chart-5: oklch(0.432 0.095 166.913);
67
+ --sidebar: oklch(0.214 0.009 43.1);
68
+ --sidebar-foreground: oklch(0.986 0.002 67.8);
69
+ --sidebar-primary: oklch(0.696 0.17 162.48);
70
+ --sidebar-primary-foreground: oklch(0.262 0.051 172.552);
71
+ --sidebar-accent: oklch(0.268 0.011 36.5);
72
+ --sidebar-accent-foreground: oklch(0.986 0.002 67.8);
73
+ --sidebar-border: oklch(1 0 0 / 10%);
74
+ --sidebar-ring: oklch(0.547 0.021 43.1);
75
+ }
76
+
77
+ @theme inline {
78
+ --font-serif: 'Merriweather Variable', serif;
79
+ --color-sidebar-ring: var(--sidebar-ring);
80
+ --color-sidebar-border: var(--sidebar-border);
81
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
82
+ --color-sidebar-accent: var(--sidebar-accent);
83
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
84
+ --color-sidebar-primary: var(--sidebar-primary);
85
+ --color-sidebar-foreground: var(--sidebar-foreground);
86
+ --color-sidebar: var(--sidebar);
87
+ --color-chart-5: var(--chart-5);
88
+ --color-chart-4: var(--chart-4);
89
+ --color-chart-3: var(--chart-3);
90
+ --color-chart-2: var(--chart-2);
91
+ --color-chart-1: var(--chart-1);
92
+ --color-ring: var(--ring);
93
+ --color-input: var(--input);
94
+ --color-border: var(--border);
95
+ --color-destructive: var(--destructive);
96
+ --color-accent-foreground: var(--accent-foreground);
97
+ --color-accent: var(--accent);
98
+ --color-muted-foreground: var(--muted-foreground);
99
+ --color-muted: var(--muted);
100
+ --color-secondary-foreground: var(--secondary-foreground);
101
+ --color-secondary: var(--secondary);
102
+ --color-primary-foreground: var(--primary-foreground);
103
+ --color-primary: var(--primary);
104
+ --color-popover-foreground: var(--popover-foreground);
105
+ --color-popover: var(--popover);
106
+ --color-card-foreground: var(--card-foreground);
107
+ --color-card: var(--card);
108
+ --color-foreground: var(--foreground);
109
+ --color-background: var(--background);
110
+ --radius-sm: calc(var(--radius) * 0.6);
111
+ --radius-md: calc(var(--radius) * 0.8);
112
+ --radius-lg: var(--radius);
113
+ --radius-xl: calc(var(--radius) * 1.4);
114
+ --radius-2xl: calc(var(--radius) * 1.8);
115
+ --radius-3xl: calc(var(--radius) * 2.2);
116
+ --radius-4xl: calc(var(--radius) * 2.6);
117
+ }
118
+
119
+ @layer base {
120
+ * {
121
+ @apply border-border outline-ring/50;
122
+ }
123
+ body {
124
+ @apply bg-background text-foreground;
125
+ }
126
+ html {
127
+ @apply font-serif;
128
+ }
129
+ }