@praxisui/dynamic-fields 1.0.0-beta.44 → 1.0.0-beta.46
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 +9 -5
- package/fesm2022/praxisui-dynamic-fields.mjs +2075 -973
- package/fesm2022/praxisui-dynamic-fields.mjs.map +1 -1
- package/index.d.ts +337 -74
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -24,16 +24,15 @@ npm install @praxisui/dynamic-fields
|
|
|
24
24
|
### Estilos e tokens (opcional)
|
|
25
25
|
|
|
26
26
|
- Largura dos campos: quando o host usa `providePraxisDynamicFields()`, a lib injeta um estilo escopado que garante `mat-form-field { width: 100% }` dentro dos componentes. Não é necessário repetir no app.
|
|
27
|
-
- Gradiente de
|
|
27
|
+
- Gradiente de marca (se desejar): o host pode definir um gradiente para detalhes visuais da lib (ex.: toolbar de edição):
|
|
28
28
|
|
|
29
29
|
```scss
|
|
30
30
|
:root {
|
|
31
31
|
--p-primary-gradient: linear-gradient(90deg, #1f8a8a, #6c63ff);
|
|
32
|
-
--p-input-gradient: var(--p-primary-gradient);
|
|
33
32
|
}
|
|
34
33
|
```
|
|
35
34
|
|
|
36
|
-
Sem
|
|
35
|
+
Sem essa variável, o toolbar usa fallback sólido em `--md-sys-color-primary`.
|
|
37
36
|
|
|
38
37
|
Tema e escopo (host)
|
|
39
38
|
- A classe de tema é decisão do host (`.dark-theme` ou `.theme-dark`/`.theme-light`); mantenha tokens e componentes no mesmo escopo.
|
|
@@ -44,8 +43,8 @@ Para que os componentes reflitam corretamente o tema do app host, garanta no mí
|
|
|
44
43
|
|
|
45
44
|
- Superfícies: `--md-sys-color-surface`, `--md-sys-color-surface-variant`, `--md-sys-color-surface-container-*`
|
|
46
45
|
- Texto/contorno: `--md-sys-color-on-surface`, `--md-sys-color-on-surface-variant`, `--md-sys-color-outline`, `--md-sys-color-outline-variant`
|
|
47
|
-
- Semânticos: `--md-sys-color-primary`, `--md-sys-color-secondary`, `--md-sys-color-tertiary`, `--md-sys-color-error`
|
|
48
|
-
- Containers: `--md-sys-color-primary-container`, `--md-sys-color-secondary-container`, `--md-sys-color-tertiary-container`, `--md-sys-color-error-container`
|
|
46
|
+
- Semânticos: `--md-sys-color-primary`, `--md-sys-color-on-primary`, `--md-sys-color-secondary`, `--md-sys-color-on-secondary`, `--md-sys-color-tertiary`, `--md-sys-color-on-tertiary`, `--md-sys-color-error`, `--md-sys-color-on-error`
|
|
47
|
+
- Containers: `--md-sys-color-primary-container`, `--md-sys-color-on-primary-container`, `--md-sys-color-secondary-container`, `--md-sys-color-on-secondary-container`, `--md-sys-color-tertiary-container`, `--md-sys-color-on-tertiary-container`, `--md-sys-color-error-container`, `--md-sys-color-on-error-container`
|
|
49
48
|
- Elevação: `--md-sys-elevation-level1`–`--md-sys-elevation-level3`
|
|
50
49
|
|
|
51
50
|
Notas:
|
|
@@ -86,6 +85,11 @@ const component = await registry.getComponent(FieldControlType.INPUT);
|
|
|
86
85
|
const isRegistered = registry.isRegistered(FieldControlType.INPUT);
|
|
87
86
|
```
|
|
88
87
|
|
|
88
|
+
## 📄 Documentacao Tecnica da Lib
|
|
89
|
+
|
|
90
|
+
- `projects/praxis-dynamic-fields/docs/filter-inline-components-guide.md`
|
|
91
|
+
- `projects/praxis-dynamic-fields/docs/generic-crud-service.md`
|
|
92
|
+
|
|
89
93
|
### Componentes Suportados
|
|
90
94
|
|
|
91
95
|
O sistema usa as constantes do `@praxisui/core` para garantir consistência:
|