@ng-solid/mcp 22.2.0 → 22.3.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.
|
@@ -37,6 +37,7 @@ description: Reference for @ng-solid/design-system's public component catalog
|
|
|
37
37
|
| `ns-dropdown-item` | `NsDropdownItemDirective` | form/dropdown | — |
|
|
38
38
|
| `ns-editor` | `NsEditorComponent` | editor | Formularios |
|
|
39
39
|
| `ns-editor-color-picker` | `NsEditorColorPickerComponent` | editor | — |
|
|
40
|
+
| `ns-editor-image` | `NsEditorImageComponent` | editor | — |
|
|
40
41
|
| `ns-editor-link` | `NsEditorLinkComponent` | editor | — |
|
|
41
42
|
| `ns-editor-list` | `NsEditorListComponent` | editor | — |
|
|
42
43
|
| `ns-editor-paragraph` | `NsEditorParagraphComponent` | editor | — |
|
|
@@ -22,7 +22,7 @@ pnpm add @ng-solid/design-system @ng-solid/icons
|
|
|
22
22
|
|
|
23
23
|
Versiones publicadas actualmente:
|
|
24
24
|
|
|
25
|
-
- `@ng-solid/design-system@22.
|
|
25
|
+
- `@ng-solid/design-system@22.4.1` (peer `@angular/*@^21.0.0`)
|
|
26
26
|
- `@ng-solid/icons@22.1.1`
|
|
27
27
|
|
|
28
28
|
Si tu app usa Tailwind, añade también el plugin de PostCSS:
|
|
@@ -59,6 +59,20 @@ Ese fichero define el bridge `@theme inline` que mapea los tokens de
|
|
|
59
59
|
Tailwind a `--ns-semantic-*`, además de registrar localmente la fuente
|
|
60
60
|
variable Inter (sin peticiones de red en runtime).
|
|
61
61
|
|
|
62
|
+
También reproduce, literalmente y no vía `@import` (ng-packagr copia el
|
|
63
|
+
fichero byte a byte como asset, así que un `@import` llegaría sin resolver al
|
|
64
|
+
consumidor), la regla `box-sizing: border-box` del preflight de Tailwind v4
|
|
65
|
+
sobre `*`, `::before`, `::after`, `::backdrop` y `::file-selector-button` —
|
|
66
|
+
omitiendo a propósito el reseteo de `margin/padding/border` que la acompaña
|
|
67
|
+
en el preflight, porque ese sí sería destructivo. Arvisfy asume
|
|
68
|
+
`box-sizing: border-box` en todo el kit; si tu app ya carga el preflight de
|
|
69
|
+
Tailwind (u otro reset con esa misma regla) importar el puente no cambia
|
|
70
|
+
nada — la regla es idempotente. Al usar el selector universal, la regla no
|
|
71
|
+
aporta especificidad, así que cualquier estilo propio la sobreescribe sin
|
|
72
|
+
esfuerzo: es un valor por defecto, no una imposición. Si no importas el
|
|
73
|
+
puente, el `box-sizing` sólo queda cubierto donde el SCSS de un componente lo
|
|
74
|
+
declara localmente.
|
|
75
|
+
|
|
62
76
|
## Registrar el tema en `appConfig`
|
|
63
77
|
|
|
64
78
|
```ts
|
|
@@ -22,7 +22,7 @@ preset en tres tiers, cada uno sólo puede referenciar al tier anterior:
|
|
|
22
22
|
|
|
23
23
|
Conteo actual del preset Arvisfy:
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
282 primitivos, 441 semánticos, 1107 de componente en 53 grupos.
|
|
26
26
|
|
|
27
27
|
## Regla de oro del SCSS de componente
|
|
28
28
|
|
package/package.json
CHANGED
|
@@ -58,6 +58,20 @@ Ese fichero define el bridge `@theme inline` que mapea los tokens de
|
|
|
58
58
|
Tailwind a `--ns-semantic-*`, además de registrar localmente la fuente
|
|
59
59
|
variable Inter (sin peticiones de red en runtime).
|
|
60
60
|
|
|
61
|
+
También reproduce, literalmente y no vía `@import` (ng-packagr copia el
|
|
62
|
+
fichero byte a byte como asset, así que un `@import` llegaría sin resolver al
|
|
63
|
+
consumidor), la regla `box-sizing: border-box` del preflight de Tailwind v4
|
|
64
|
+
sobre `*`, `::before`, `::after`, `::backdrop` y `::file-selector-button` —
|
|
65
|
+
omitiendo a propósito el reseteo de `margin/padding/border` que la acompaña
|
|
66
|
+
en el preflight, porque ese sí sería destructivo. Arvisfy asume
|
|
67
|
+
`box-sizing: border-box` en todo el kit; si tu app ya carga el preflight de
|
|
68
|
+
Tailwind (u otro reset con esa misma regla) importar el puente no cambia
|
|
69
|
+
nada — la regla es idempotente. Al usar el selector universal, la regla no
|
|
70
|
+
aporta especificidad, así que cualquier estilo propio la sobreescribe sin
|
|
71
|
+
esfuerzo: es un valor por defecto, no una imposición. Si no importas el
|
|
72
|
+
puente, el `box-sizing` sólo queda cubierto donde el SCSS de un componente lo
|
|
73
|
+
declara localmente.
|
|
74
|
+
|
|
61
75
|
## Registrar el tema en `appConfig`
|
|
62
76
|
|
|
63
77
|
```ts
|