@robosophy/prime-theme 1.0.13 → 1.0.14
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/README.md +34 -34
- package/dist/index.js +0 -34
- package/dist/prime.css +588 -589
- package/package.json +36 -36
package/README.md
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
# @robosophy/prime-theme
|
|
2
|
-
|
|
3
|
-
Preset y overrides de PrimeVue para Robosophy.
|
|
4
|
-
|
|
5
|
-
Este paquete instala `@robosophy/tokens` como dependencia. Por eso, al instalar `@robosophy/prime-theme` tambien queda disponible el contexto de tokens para desarrolladores y agentes de IA:
|
|
6
|
-
|
|
7
|
-
- `node_modules/@robosophy/tokens/AGENTS.md`
|
|
8
|
-
- `node_modules/@robosophy/tokens/dist/ai-context.md`
|
|
9
|
-
- `node_modules/@robosophy/tokens/dist/tokens.md`
|
|
10
|
-
- `node_modules/@robosophy/tokens/dist/tokens.json`
|
|
11
|
-
|
|
12
|
-
## Instalacion
|
|
13
|
-
|
|
14
|
-
```sh
|
|
15
|
-
npm install @robosophy/prime-theme primevue
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
## Uso
|
|
19
|
-
|
|
20
|
-
```ts
|
|
21
|
-
import PrimeVue from "primevue/config";
|
|
22
|
-
import RobosophyPreset from "@robosophy/prime-theme";
|
|
23
|
-
import "@robosophy/prime-theme/prime.css";
|
|
24
|
-
|
|
25
|
-
app.use(PrimeVue, {
|
|
26
|
-
theme: {
|
|
27
|
-
preset: RobosophyPreset,
|
|
28
|
-
},
|
|
29
|
-
});
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
No importes `@robosophy/tokens/tokens.css` por separado en apps con PrimeVue. `prime.css` ya importa `@robosophy/tokens/tokens.css` y no duplica valores de tokens.
|
|
33
|
-
|
|
34
|
-
Si tambien usas `@robosophy/ui-vue`, importa este preset y `prime.css` una sola vez en la app. Los componentes Vue usan las mismas variables `--rs-*`.
|
|
1
|
+
# @robosophy/prime-theme
|
|
2
|
+
|
|
3
|
+
Preset y overrides de PrimeVue para Robosophy.
|
|
4
|
+
|
|
5
|
+
Este paquete instala `@robosophy/tokens` como dependencia. Por eso, al instalar `@robosophy/prime-theme` tambien queda disponible el contexto de tokens para desarrolladores y agentes de IA:
|
|
6
|
+
|
|
7
|
+
- `node_modules/@robosophy/tokens/AGENTS.md`
|
|
8
|
+
- `node_modules/@robosophy/tokens/dist/ai-context.md`
|
|
9
|
+
- `node_modules/@robosophy/tokens/dist/tokens.md`
|
|
10
|
+
- `node_modules/@robosophy/tokens/dist/tokens.json`
|
|
11
|
+
|
|
12
|
+
## Instalacion
|
|
13
|
+
|
|
14
|
+
```sh
|
|
15
|
+
npm install @robosophy/prime-theme primevue
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## Uso
|
|
19
|
+
|
|
20
|
+
```ts
|
|
21
|
+
import PrimeVue from "primevue/config";
|
|
22
|
+
import RobosophyPreset from "@robosophy/prime-theme";
|
|
23
|
+
import "@robosophy/prime-theme/prime.css";
|
|
24
|
+
|
|
25
|
+
app.use(PrimeVue, {
|
|
26
|
+
theme: {
|
|
27
|
+
preset: RobosophyPreset,
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
No importes `@robosophy/tokens/tokens.css` por separado en apps con PrimeVue. `prime.css` ya importa `@robosophy/tokens/tokens.css` y no duplica valores de tokens.
|
|
33
|
+
|
|
34
|
+
Si tambien usas `@robosophy/ui-vue`, importa este preset y `prime.css` una sola vez en la app. Los componentes Vue usan las mismas variables `--rs-*`.
|
package/dist/index.js
CHANGED
|
@@ -85,40 +85,6 @@ var RobosophyPreset = definePreset(Aura, {
|
|
|
85
85
|
height: "0"
|
|
86
86
|
}
|
|
87
87
|
},
|
|
88
|
-
tag: {
|
|
89
|
-
colorScheme: {
|
|
90
|
-
light: {
|
|
91
|
-
primary: {
|
|
92
|
-
background: "var(--rs-color-blue-100)",
|
|
93
|
-
color: "var(--rs-color-blue-500)"
|
|
94
|
-
},
|
|
95
|
-
secondary: {
|
|
96
|
-
background: "var(--rs-color-gray-100)",
|
|
97
|
-
color: "var(--rs-color-gray-500)"
|
|
98
|
-
},
|
|
99
|
-
success: {
|
|
100
|
-
background: "var(--rs-color-green-100)",
|
|
101
|
-
color: "var(--rs-color-green-500)"
|
|
102
|
-
},
|
|
103
|
-
info: {
|
|
104
|
-
background: "var(--rs-color-blue-100)",
|
|
105
|
-
color: "var(--rs-color-blue-500)"
|
|
106
|
-
},
|
|
107
|
-
warn: {
|
|
108
|
-
background: "var(--rs-color-yellow-100)",
|
|
109
|
-
color: "var(--rs-color-yellow-500)"
|
|
110
|
-
},
|
|
111
|
-
danger: {
|
|
112
|
-
background: "var(--rs-color-red-100)",
|
|
113
|
-
color: "var(--rs-color-red-500)"
|
|
114
|
-
},
|
|
115
|
-
contrast: {
|
|
116
|
-
background: "var(--rs-color-black-500)",
|
|
117
|
-
color: "var(--rs-color-white-500)"
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
88
|
button: {
|
|
123
89
|
colorScheme: {
|
|
124
90
|
light: {
|