orbital-ds 0.1.0 → 0.1.1

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 (3) hide show
  1. package/dist/styles.css +9 -9
  2. package/dist/themes/qratia.css +13 -13
  3. package/package.json +95 -95
package/dist/styles.css CHANGED
@@ -114,18 +114,18 @@
114
114
  --color-foreground: var(--foreground);
115
115
  --color-card: var(--card);
116
116
  --color-card-foreground: var(--card-foreground);
117
- --inset: var(inset);
118
- --inset-foreground: var(inset-foreground);
117
+ --color-inset: var(--inset);
118
+ --color-inset-foreground: var(--inset-foreground);
119
119
  --color-popover: var(--popover);
120
120
  --color-popover-foreground: var(--popover-foreground);
121
121
  --color-primary: var(--primary);
122
122
  --color-primary-foreground: var(--primary-foreground);
123
- /* Texto acentuado: SIEMPRE `link`, nunca el cian de marca — no alcanza
123
+ /* Texto acentuado: SIEMPRE `text-link`, nunca el cian de marca — no alcanza
124
124
  * contraste de texto sobre las superficies claras. */
125
- --link: var(link);
126
- --link-hover: var(link-hover);
127
- --brand: var(brand);
128
- --brand-bright: var(brand-bright);
125
+ --color-link: var(--link);
126
+ --color-link-hover: var(--link-hover);
127
+ --color-brand: var(--brand);
128
+ --color-brand-bright: var(--brand-bright);
129
129
  --color-secondary: var(--secondary);
130
130
  --color-secondary-foreground: var(--secondary-foreground);
131
131
  --color-muted: var(--muted);
@@ -186,7 +186,7 @@
186
186
  }
187
187
 
188
188
  a {
189
- @apply link hover:link-hover;
189
+ @apply text-link hover:text-link-hover;
190
190
  }
191
191
 
192
192
  /*
@@ -207,7 +207,7 @@
207
207
  }
208
208
 
209
209
  ::selection {
210
- background: color-mix(in oklch, var(brand) 25%, transparent);
210
+ background: color-mix(in oklch, var(--brand) 25%, transparent);
211
211
  }
212
212
 
213
213
  /*
package/dist/themes/qratia.css CHANGED
@@ -33,8 +33,8 @@
33
33
  * paso más oscuro que `card` y uno más claro que `background` — el contenido
34
34
  * anidado se distingue sin una línea nueva.
35
35
  */
36
- inset: oklch(0.98 0.007 248); /* centro: --row #F5F9FD */
37
- inset-foreground: oklch(0.186 0.048 269);
36
+ --inset: oklch(0.98 0.007 248); /* centro: --row #F5F9FD */
37
+ --inset-foreground: oklch(0.186 0.048 269);
38
38
 
39
39
  /* Con la tarjeta en blanco puro —el techo— el panel flotante ya no puede
40
40
  * elevarse más: se distingue hundiéndose un paso, no subiendo. */
@@ -68,12 +68,12 @@
68
68
  * marca (#00B4D8, L 0.711) NO alcanza 4.5:1 sobre blanco por mucho que se vea
69
69
  * bien. Usar `--accent` en texto es el error que este par de tokens evita.
70
70
  */
71
- link: oklch(0.534 0.107 231); /* centro: --link #00779F */
72
- link-hover: oklch(0.441 0.088 230); /* centro: --link-hover #005B7A */
71
+ --link: oklch(0.534 0.107 231); /* centro: --link #00779F */
72
+ --link-hover: oklch(0.441 0.088 230); /* centro: --link-hover #005B7A */
73
73
 
74
74
  /* Cian pleno de marca. Superficies, trazos y focos — NUNCA texto sobre claro. */
75
- brand: oklch(0.711 0.129 219); /* centro: --accent #00B4D8 */
76
- brand-bright: oklch(
75
+ --brand: oklch(0.711 0.129 219); /* centro: --accent #00B4D8 */
76
+ --brand-bright: oklch(
77
77
  0.844 0.146 209
78
78
  ); /* centro: --accent-bright #00E5FF */
79
79
 
@@ -137,7 +137,7 @@
137
137
  * un sólido inventado pesa de más y deja de leerse como tinte. */
138
138
  --sidebar-accent: color-mix(
139
139
  in oklch,
140
- var(brand-bright) 12%,
140
+ var(--brand-bright) 12%,
141
141
  var(--sidebar)
142
142
  );
143
143
  --sidebar-accent-foreground: oklch(
@@ -164,8 +164,8 @@
164
164
 
165
165
  /* Mismo tono, paso propio de la superficie oscura: un escalón MÁS OSCURO que
166
166
  * `card`, porque aquí elevar es aclarar y el incrustado va hundido. */
167
- inset: oklch(0.205 0.05 268);
168
- inset-foreground: oklch(0.952 0.013 252);
167
+ --inset: oklch(0.205 0.05 268);
168
+ --inset-foreground: oklch(0.952 0.013 252);
169
169
 
170
170
  --popover: oklch(0.262 0.052 267);
171
171
  --popover-foreground: oklch(0.952 0.013 252);
@@ -188,11 +188,11 @@
188
188
  --accent-foreground: oklch(0.89 0.092 213);
189
189
 
190
190
  /* Sobre fondo oscuro el cian SÍ se lee: aquí enlace y acento convergen. */
191
- link: oklch(0.89 0.092 213); /* centro: --link #66EDFF */
192
- link-hover: oklch(0.93 0.07 210); /* centro: --link-hover #9BF3FF */
191
+ --link: oklch(0.89 0.092 213); /* centro: --link #66EDFF */
192
+ --link-hover: oklch(0.93 0.07 210); /* centro: --link-hover #9BF3FF */
193
193
 
194
- brand: oklch(0.844 0.146 209);
195
- brand-bright: oklch(0.844 0.146 209);
194
+ --brand: oklch(0.844 0.146 209);
195
+ --brand-bright: oklch(0.844 0.146 209);
196
196
 
197
197
  /* Sobre un rojo claro, el texto legible es el oscuro (medido: el claro daba 2.77:1). */
198
198
  --destructive: oklch(0.711 0.166 22); /* centro: --risk #F87171 */
package/package.json CHANGED
@@ -1,95 +1,95 @@
1
- {
2
- "name": "orbital-ds",
3
- "version": "0.1.0",
4
- "description": "Sistema de diseño genérico: estructura común (tokens semánticos, capa base) + temas intercambiables + primitivos sobre Base UI y Tailwind v4.",
5
- "keywords": [
6
- "design-system",
7
- "design-tokens",
8
- "theme",
9
- "tailwindcss",
10
- "base-ui",
11
- "shadcn",
12
- "react"
13
- ],
14
- "license": "MIT",
15
- "type": "module",
16
- "sideEffects": [
17
- "*.css"
18
- ],
19
- "files": [
20
- "dist",
21
- "README.md",
22
- "LICENSE"
23
- ],
24
- "exports": {
25
- "./styles.css": "./dist/styles.css",
26
- "./themes/*.css": "./dist/themes/*.css",
27
- "./ui/*": {
28
- "types": "./dist/ui/*.d.ts",
29
- "import": "./dist/ui/*.js"
30
- },
31
- "./lib/*": {
32
- "types": "./dist/lib/*.d.ts",
33
- "import": "./dist/lib/*.js"
34
- },
35
- "./hooks/*": {
36
- "types": "./dist/hooks/*.d.ts",
37
- "import": "./dist/hooks/*.js"
38
- },
39
- "./package.json": "./package.json"
40
- },
41
- "scripts": {
42
- "build": "tsup && node scripts/copy-css.mjs",
43
- "dev": "tsup --watch --onSuccess \"node scripts/copy-css.mjs\"",
44
- "typecheck": "tsc --noEmit",
45
- "verify": "pnpm typecheck && pnpm build"
46
- },
47
- "peerDependencies": {
48
- "@base-ui/react": ">=1.7",
49
- "class-variance-authority": ">=0.7",
50
- "clsx": ">=2",
51
- "lucide-react": ">=0.400",
52
- "react": ">=19",
53
- "react-dom": ">=19",
54
- "tailwind-merge": ">=3",
55
- "tailwindcss": ">=4.1",
56
- "tw-animate-css": ">=1.3",
57
- "next-themes": ">=0.4",
58
- "recharts": ">=3",
59
- "sonner": ">=2"
60
- },
61
- "peerDependenciesMeta": {
62
- "next-themes": {
63
- "optional": true
64
- },
65
- "recharts": {
66
- "optional": true
67
- },
68
- "sonner": {
69
- "optional": true
70
- }
71
- },
72
- "devDependencies": {
73
- "@base-ui/react": "^1.7.0",
74
- "@types/react": "^19.2.0",
75
- "@types/react-dom": "^19.2.0",
76
- "class-variance-authority": "^0.7.1",
77
- "clsx": "^2.1.1",
78
- "lucide-react": "^0.577.0",
79
- "next-themes": "^0.4.6",
80
- "react": "^19.2.0",
81
- "react-dom": "^19.2.0",
82
- "recharts": "3.8.0",
83
- "sonner": "^2.0.8",
84
- "tailwind-merge": "^3.0.2",
85
- "tailwindcss": "^4.1.18",
86
- "tsup": "^8.5.0",
87
- "tw-animate-css": "^1.3.6",
88
- "typescript": "^5.9.0"
89
- },
90
- "pnpm": {
91
- "onlyBuiltDependencies": [
92
- "esbuild"
93
- ]
94
- }
95
- }
1
+ {
2
+ "name": "orbital-ds",
3
+ "version": "0.1.1",
4
+ "description": "Sistema de diseño genérico: estructura común (tokens semánticos, capa base) + temas intercambiables + primitivos sobre Base UI y Tailwind v4.",
5
+ "keywords": [
6
+ "design-system",
7
+ "design-tokens",
8
+ "theme",
9
+ "tailwindcss",
10
+ "base-ui",
11
+ "shadcn",
12
+ "react"
13
+ ],
14
+ "license": "MIT",
15
+ "type": "module",
16
+ "sideEffects": [
17
+ "*.css"
18
+ ],
19
+ "files": [
20
+ "dist",
21
+ "README.md",
22
+ "LICENSE"
23
+ ],
24
+ "exports": {
25
+ "./styles.css": "./dist/styles.css",
26
+ "./themes/*.css": "./dist/themes/*.css",
27
+ "./ui/*": {
28
+ "types": "./dist/ui/*.d.ts",
29
+ "import": "./dist/ui/*.js"
30
+ },
31
+ "./lib/*": {
32
+ "types": "./dist/lib/*.d.ts",
33
+ "import": "./dist/lib/*.js"
34
+ },
35
+ "./hooks/*": {
36
+ "types": "./dist/hooks/*.d.ts",
37
+ "import": "./dist/hooks/*.js"
38
+ },
39
+ "./package.json": "./package.json"
40
+ },
41
+ "scripts": {
42
+ "build": "tsup && node scripts/copy-css.mjs",
43
+ "dev": "tsup --watch --onSuccess \"node scripts/copy-css.mjs\"",
44
+ "typecheck": "tsc --noEmit",
45
+ "verify": "pnpm typecheck && pnpm build"
46
+ },
47
+ "peerDependencies": {
48
+ "@base-ui/react": ">=1.7",
49
+ "class-variance-authority": ">=0.7",
50
+ "clsx": ">=2",
51
+ "lucide-react": ">=0.400",
52
+ "react": ">=19",
53
+ "react-dom": ">=19",
54
+ "tailwind-merge": ">=3",
55
+ "tailwindcss": ">=4.1",
56
+ "tw-animate-css": ">=1.3",
57
+ "next-themes": ">=0.4",
58
+ "recharts": ">=3",
59
+ "sonner": ">=2"
60
+ },
61
+ "peerDependenciesMeta": {
62
+ "next-themes": {
63
+ "optional": true
64
+ },
65
+ "recharts": {
66
+ "optional": true
67
+ },
68
+ "sonner": {
69
+ "optional": true
70
+ }
71
+ },
72
+ "devDependencies": {
73
+ "@base-ui/react": "^1.7.0",
74
+ "@types/react": "^19.2.0",
75
+ "@types/react-dom": "^19.2.0",
76
+ "class-variance-authority": "^0.7.1",
77
+ "clsx": "^2.1.1",
78
+ "lucide-react": "^0.577.0",
79
+ "next-themes": "^0.4.6",
80
+ "react": "^19.2.0",
81
+ "react-dom": "^19.2.0",
82
+ "recharts": "3.8.0",
83
+ "sonner": "^2.0.8",
84
+ "tailwind-merge": "^3.0.2",
85
+ "tailwindcss": "^4.1.18",
86
+ "tsup": "^8.5.0",
87
+ "tw-animate-css": "^1.3.6",
88
+ "typescript": "^5.9.0"
89
+ },
90
+ "pnpm": {
91
+ "onlyBuiltDependencies": [
92
+ "esbuild"
93
+ ]
94
+ }
95
+ }