@dev-tcloud/tcloud-ui 7.9.0 → 8.0.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.
- package/docs/tcloud-ui-el-copy.md +2 -2
- package/docs/tcloud-ui-tc-btn.md +12 -1
- package/fesm2022/dev-tcloud-tcloud-ui.mjs +36 -1949
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/js/tcloud-ui-app.js +74 -71
- package/package.json +1 -1
- package/scss/tcloud-ui/styles/_claus-btn.scss +21 -0
- package/scss/tcloud-ui/styles/_colors.scss +11 -0
- package/types/dev-tcloud-tcloud-ui.d.ts +48 -703
|
@@ -23,10 +23,10 @@ export class ExampleComponent {}
|
|
|
23
23
|
|
|
24
24
|
Ou via módulo:
|
|
25
25
|
```ts
|
|
26
|
-
import {
|
|
26
|
+
import { TCloudUiModule } from 'projects/tcloud-ui/src/public-api';
|
|
27
27
|
|
|
28
28
|
@NgModule({
|
|
29
|
-
imports: [
|
|
29
|
+
imports: [TCloudUiModule]
|
|
30
30
|
})
|
|
31
31
|
export class AppModule {}
|
|
32
32
|
```
|
package/docs/tcloud-ui-tc-btn.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
## Características
|
|
4
4
|
|
|
5
5
|
- Classe base para botões e links estilizados, aplicável às tags `<button>` e `<a>`.
|
|
6
|
-
-
|
|
6
|
+
- Seis variantes **filled** (primary, danger, alert, success, neutral e **fantasy** — gradiente de marca) e três variantes **outline**, cobrindo os contextos semânticos e o destaque de marca.
|
|
7
7
|
- Três tamanhos: `tc-btn-sm`, padrão e `tc-btn-lg`.
|
|
8
8
|
- Classe complementar `.tc-link` para links inline com variantes de cor.
|
|
9
9
|
- Compatível com dark mode e variantes de tema — cores baseadas nos tokens `--c-*`.
|
|
@@ -61,6 +61,14 @@ Certifique-se de que o stylesheet principal do `tcloud-ui` está incluído na ap
|
|
|
61
61
|
| `tc-btn tc-btn-alert` | Ação que requer atenção |
|
|
62
62
|
| `tc-btn tc-btn-success` | Confirmação ou conclusão |
|
|
63
63
|
| `tc-btn tc-btn-neutral` | Ação secundária sem destaque |
|
|
64
|
+
| `tc-btn tc-btn-fantasy` | Destaque especial — gradiente de marca "T-Cloud.IA" (roxo → magenta) |
|
|
65
|
+
|
|
66
|
+
> **`tc-btn-fantasy`** usa o gradiente de marca da T-Cloud.IA (mesmo do botão
|
|
67
|
+
> `.subject-option` do chat Genesys): fundo roxo → magenta com texto branco. O
|
|
68
|
+
> gradiente é **cor de marca, constante em light e dark** — o texto branco garante o
|
|
69
|
+
> contraste nos dois temas, e o anel de foco (`--c-primary-400`) se adapta ao tema.
|
|
70
|
+
> Tokens: `--c-fantasy-start`, `--c-fantasy-end`, `--c-fantasy-gradient`,
|
|
71
|
+
> `--c-fantasy-border`, `--c-fantasy-on` (texto branco fixo) — em `_colors.scss`.
|
|
64
72
|
|
|
65
73
|
---
|
|
66
74
|
|
|
@@ -107,6 +115,9 @@ Classe para links inline. Utiliza `border-bottom` em vez de `text-decoration` pa
|
|
|
107
115
|
<button class="tc-btn tc-btn-success">Confirmar</button>
|
|
108
116
|
<button class="tc-btn tc-btn-neutral">Cancelar</button>
|
|
109
117
|
|
|
118
|
+
<!-- Variante fantasy — gradiente de marca T-Cloud.IA -->
|
|
119
|
+
<button class="tc-btn tc-btn-fantasy">Fale com a T-Cloud.IA</button>
|
|
120
|
+
|
|
110
121
|
<!-- Botões outline -->
|
|
111
122
|
<button class="tc-btn tc-btn-outline-primary">Cancelar</button>
|
|
112
123
|
<button class="tc-btn tc-btn-outline-danger">Remover</button>
|