@gyramais/gyra-design 0.2.53 → 0.2.54
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/dist/components/Rail/index.js +6 -6
- package/dist/components/Rail/index.js.map +1 -1
- package/dist/components/Rail/labels.d.ts +2 -0
- package/dist/components/Rail/types.d.ts +33 -2
- package/dist/emails/balance-sheet-finalized/components/Rail/labels.d.ts +2 -0
- package/dist/emails/balance-sheet-finalized/components/Rail/types.d.ts +33 -2
- package/dist/emails/email/components/Rail/labels.d.ts +2 -0
- package/dist/emails/email/components/Rail/types.d.ts +33 -2
- package/dist/index.css +39 -0
- package/package.json +1 -1
|
@@ -7,6 +7,8 @@ import type { StatusTagVariant } from "../StatusTag";
|
|
|
7
7
|
* gyra-operation.
|
|
8
8
|
*/
|
|
9
9
|
export declare const KIND_LABEL: Record<RailStepKind, string>;
|
|
10
|
+
/** O nome do tipo desta etapa: o do consumer (`kindLabel`) ou o do vocabulario. */
|
|
11
|
+
export declare const resolveKindLabel: (step: Pick<RailStepData, "kind" | "kindLabel">) => string;
|
|
10
12
|
/** Glifo textual do card GYR-1623: ◉ análise · ⊕ aprofundar · ✋ checkpoint · ⌘ vínculos. */
|
|
11
13
|
export declare const KIND_GLYPH: Record<RailStepKind, string>;
|
|
12
14
|
/**
|
|
@@ -8,8 +8,25 @@ import React from "react";
|
|
|
8
8
|
*/
|
|
9
9
|
/** edit = construtor. run = acompanhamento ao vivo. Mesma arvore. */
|
|
10
10
|
export type RailMode = "edit" | "run";
|
|
11
|
-
/** Os
|
|
12
|
-
export type RailStepKind = "ANALYSIS" | "DEEPEN" | "CHECKPOINT" | "RELATIONSHIPS" | "RESULT" | "OFFER_REVIEW" | "COMMITTEE" | "AUTHORITY"
|
|
11
|
+
/** Os tipos de etapa. Espelha `StepKind` do gyra-operation. */
|
|
12
|
+
export type RailStepKind = "ANALYSIS" | "DEEPEN" | "CHECKPOINT" | "RELATIONSHIPS" | "RESULT" | "OFFER_REVIEW" | "COMMITTEE" | "AUTHORITY"
|
|
13
|
+
/** Pede documento ou dado ao cliente e espera a resposta. */
|
|
14
|
+
| "COLLECTION"
|
|
15
|
+
/** Faixa indicativa (valor, prazos, carencias) para o cliente escolher. */
|
|
16
|
+
| "PRE_APPROVAL"
|
|
17
|
+
/** Chama um sistema externo (BNDES Online, Chamada de API) e usa a resposta. */
|
|
18
|
+
| "INTEGRATION"
|
|
19
|
+
/** Gera o contrato e colhe as assinaturas. */
|
|
20
|
+
| "CONTRACT"
|
|
21
|
+
/** Espera o parceiro fechar a operacao pela API. */
|
|
22
|
+
| "EXTERNAL_CLOSE";
|
|
23
|
+
/**
|
|
24
|
+
* A fase da esteira em que a etapa vive. Da o TOM do chip do tipo: analise no
|
|
25
|
+
* azul da familia de analise, formalizacao (o que roda depois da decisao
|
|
26
|
+
* aprovada) no petroleo. Solicitacao e Integracao existem nas duas fases, entao
|
|
27
|
+
* a fase e do consumer (e a posicao na esteira), nao do tipo.
|
|
28
|
+
*/
|
|
29
|
+
export type RailStepPhase = "analysis" | "formalization";
|
|
13
30
|
/**
|
|
14
31
|
* A condicao do conector: sempre avaliada contra a ULTIMA decisao registrada
|
|
15
32
|
* na esteira. Espelha `Gate` do gyra-operation.
|
|
@@ -57,6 +74,20 @@ export type RailLeaf = {
|
|
|
57
74
|
export type RailStepData = {
|
|
58
75
|
id: string;
|
|
59
76
|
kind: RailStepKind;
|
|
77
|
+
/**
|
|
78
|
+
* O glifo do tipo, no lugar do icone padrao do `kind`. E como o consumer
|
|
79
|
+
* alinha a esteira ao conjunto de icones do produto (ex: Phosphor) e
|
|
80
|
+
* diferencia variantes do mesmo tipo (Integracao BNDES x Chamada de API).
|
|
81
|
+
* Sem isto, vale o icone padrao do tipo.
|
|
82
|
+
*/
|
|
83
|
+
icon?: React.ReactNode;
|
|
84
|
+
/**
|
|
85
|
+
* O nome do tipo no tooltip do glifo, no lugar de `KIND_LABEL[kind]`
|
|
86
|
+
* (ex: "Chamada de API" numa etapa INTEGRATION).
|
|
87
|
+
*/
|
|
88
|
+
kindLabel?: string;
|
|
89
|
+
/** A fase da etapa (tom do chip do tipo). Sem valor, vale o tom do tipo. */
|
|
90
|
+
phase?: RailStepPhase;
|
|
60
91
|
/** O nome que o usuario deu a etapa (default no consumer: nome da politica, "Checkpoint" ou "Vinculos"). */
|
|
61
92
|
title: string;
|
|
62
93
|
/**
|
|
@@ -7,6 +7,8 @@ import type { StatusTagVariant } from "../StatusTag";
|
|
|
7
7
|
* gyra-operation.
|
|
8
8
|
*/
|
|
9
9
|
export declare const KIND_LABEL: Record<RailStepKind, string>;
|
|
10
|
+
/** O nome do tipo desta etapa: o do consumer (`kindLabel`) ou o do vocabulario. */
|
|
11
|
+
export declare const resolveKindLabel: (step: Pick<RailStepData, "kind" | "kindLabel">) => string;
|
|
10
12
|
/** Glifo textual do card GYR-1623: ◉ análise · ⊕ aprofundar · ✋ checkpoint · ⌘ vínculos. */
|
|
11
13
|
export declare const KIND_GLYPH: Record<RailStepKind, string>;
|
|
12
14
|
/**
|
|
@@ -8,8 +8,25 @@ import React from "react";
|
|
|
8
8
|
*/
|
|
9
9
|
/** edit = construtor. run = acompanhamento ao vivo. Mesma arvore. */
|
|
10
10
|
export type RailMode = "edit" | "run";
|
|
11
|
-
/** Os
|
|
12
|
-
export type RailStepKind = "ANALYSIS" | "DEEPEN" | "CHECKPOINT" | "RELATIONSHIPS" | "RESULT" | "OFFER_REVIEW" | "COMMITTEE" | "AUTHORITY"
|
|
11
|
+
/** Os tipos de etapa. Espelha `StepKind` do gyra-operation. */
|
|
12
|
+
export type RailStepKind = "ANALYSIS" | "DEEPEN" | "CHECKPOINT" | "RELATIONSHIPS" | "RESULT" | "OFFER_REVIEW" | "COMMITTEE" | "AUTHORITY"
|
|
13
|
+
/** Pede documento ou dado ao cliente e espera a resposta. */
|
|
14
|
+
| "COLLECTION"
|
|
15
|
+
/** Faixa indicativa (valor, prazos, carencias) para o cliente escolher. */
|
|
16
|
+
| "PRE_APPROVAL"
|
|
17
|
+
/** Chama um sistema externo (BNDES Online, Chamada de API) e usa a resposta. */
|
|
18
|
+
| "INTEGRATION"
|
|
19
|
+
/** Gera o contrato e colhe as assinaturas. */
|
|
20
|
+
| "CONTRACT"
|
|
21
|
+
/** Espera o parceiro fechar a operacao pela API. */
|
|
22
|
+
| "EXTERNAL_CLOSE";
|
|
23
|
+
/**
|
|
24
|
+
* A fase da esteira em que a etapa vive. Da o TOM do chip do tipo: analise no
|
|
25
|
+
* azul da familia de analise, formalizacao (o que roda depois da decisao
|
|
26
|
+
* aprovada) no petroleo. Solicitacao e Integracao existem nas duas fases, entao
|
|
27
|
+
* a fase e do consumer (e a posicao na esteira), nao do tipo.
|
|
28
|
+
*/
|
|
29
|
+
export type RailStepPhase = "analysis" | "formalization";
|
|
13
30
|
/**
|
|
14
31
|
* A condicao do conector: sempre avaliada contra a ULTIMA decisao registrada
|
|
15
32
|
* na esteira. Espelha `Gate` do gyra-operation.
|
|
@@ -57,6 +74,20 @@ export type RailLeaf = {
|
|
|
57
74
|
export type RailStepData = {
|
|
58
75
|
id: string;
|
|
59
76
|
kind: RailStepKind;
|
|
77
|
+
/**
|
|
78
|
+
* O glifo do tipo, no lugar do icone padrao do `kind`. E como o consumer
|
|
79
|
+
* alinha a esteira ao conjunto de icones do produto (ex: Phosphor) e
|
|
80
|
+
* diferencia variantes do mesmo tipo (Integracao BNDES x Chamada de API).
|
|
81
|
+
* Sem isto, vale o icone padrao do tipo.
|
|
82
|
+
*/
|
|
83
|
+
icon?: React.ReactNode;
|
|
84
|
+
/**
|
|
85
|
+
* O nome do tipo no tooltip do glifo, no lugar de `KIND_LABEL[kind]`
|
|
86
|
+
* (ex: "Chamada de API" numa etapa INTEGRATION).
|
|
87
|
+
*/
|
|
88
|
+
kindLabel?: string;
|
|
89
|
+
/** A fase da etapa (tom do chip do tipo). Sem valor, vale o tom do tipo. */
|
|
90
|
+
phase?: RailStepPhase;
|
|
60
91
|
/** O nome que o usuario deu a etapa (default no consumer: nome da politica, "Checkpoint" ou "Vinculos"). */
|
|
61
92
|
title: string;
|
|
62
93
|
/**
|
|
@@ -7,6 +7,8 @@ import type { StatusTagVariant } from "../StatusTag";
|
|
|
7
7
|
* gyra-operation.
|
|
8
8
|
*/
|
|
9
9
|
export declare const KIND_LABEL: Record<RailStepKind, string>;
|
|
10
|
+
/** O nome do tipo desta etapa: o do consumer (`kindLabel`) ou o do vocabulario. */
|
|
11
|
+
export declare const resolveKindLabel: (step: Pick<RailStepData, "kind" | "kindLabel">) => string;
|
|
10
12
|
/** Glifo textual do card GYR-1623: ◉ análise · ⊕ aprofundar · ✋ checkpoint · ⌘ vínculos. */
|
|
11
13
|
export declare const KIND_GLYPH: Record<RailStepKind, string>;
|
|
12
14
|
/**
|
|
@@ -8,8 +8,25 @@ import React from "react";
|
|
|
8
8
|
*/
|
|
9
9
|
/** edit = construtor. run = acompanhamento ao vivo. Mesma arvore. */
|
|
10
10
|
export type RailMode = "edit" | "run";
|
|
11
|
-
/** Os
|
|
12
|
-
export type RailStepKind = "ANALYSIS" | "DEEPEN" | "CHECKPOINT" | "RELATIONSHIPS" | "RESULT" | "OFFER_REVIEW" | "COMMITTEE" | "AUTHORITY"
|
|
11
|
+
/** Os tipos de etapa. Espelha `StepKind` do gyra-operation. */
|
|
12
|
+
export type RailStepKind = "ANALYSIS" | "DEEPEN" | "CHECKPOINT" | "RELATIONSHIPS" | "RESULT" | "OFFER_REVIEW" | "COMMITTEE" | "AUTHORITY"
|
|
13
|
+
/** Pede documento ou dado ao cliente e espera a resposta. */
|
|
14
|
+
| "COLLECTION"
|
|
15
|
+
/** Faixa indicativa (valor, prazos, carencias) para o cliente escolher. */
|
|
16
|
+
| "PRE_APPROVAL"
|
|
17
|
+
/** Chama um sistema externo (BNDES Online, Chamada de API) e usa a resposta. */
|
|
18
|
+
| "INTEGRATION"
|
|
19
|
+
/** Gera o contrato e colhe as assinaturas. */
|
|
20
|
+
| "CONTRACT"
|
|
21
|
+
/** Espera o parceiro fechar a operacao pela API. */
|
|
22
|
+
| "EXTERNAL_CLOSE";
|
|
23
|
+
/**
|
|
24
|
+
* A fase da esteira em que a etapa vive. Da o TOM do chip do tipo: analise no
|
|
25
|
+
* azul da familia de analise, formalizacao (o que roda depois da decisao
|
|
26
|
+
* aprovada) no petroleo. Solicitacao e Integracao existem nas duas fases, entao
|
|
27
|
+
* a fase e do consumer (e a posicao na esteira), nao do tipo.
|
|
28
|
+
*/
|
|
29
|
+
export type RailStepPhase = "analysis" | "formalization";
|
|
13
30
|
/**
|
|
14
31
|
* A condicao do conector: sempre avaliada contra a ULTIMA decisao registrada
|
|
15
32
|
* na esteira. Espelha `Gate` do gyra-operation.
|
|
@@ -57,6 +74,20 @@ export type RailLeaf = {
|
|
|
57
74
|
export type RailStepData = {
|
|
58
75
|
id: string;
|
|
59
76
|
kind: RailStepKind;
|
|
77
|
+
/**
|
|
78
|
+
* O glifo do tipo, no lugar do icone padrao do `kind`. E como o consumer
|
|
79
|
+
* alinha a esteira ao conjunto de icones do produto (ex: Phosphor) e
|
|
80
|
+
* diferencia variantes do mesmo tipo (Integracao BNDES x Chamada de API).
|
|
81
|
+
* Sem isto, vale o icone padrao do tipo.
|
|
82
|
+
*/
|
|
83
|
+
icon?: React.ReactNode;
|
|
84
|
+
/**
|
|
85
|
+
* O nome do tipo no tooltip do glifo, no lugar de `KIND_LABEL[kind]`
|
|
86
|
+
* (ex: "Chamada de API" numa etapa INTEGRATION).
|
|
87
|
+
*/
|
|
88
|
+
kindLabel?: string;
|
|
89
|
+
/** A fase da etapa (tom do chip do tipo). Sem valor, vale o tom do tipo. */
|
|
90
|
+
phase?: RailStepPhase;
|
|
60
91
|
/** O nome que o usuario deu a etapa (default no consumer: nome da politica, "Checkpoint" ou "Vinculos"). */
|
|
61
92
|
title: string;
|
|
62
93
|
/**
|
package/dist/index.css
CHANGED
|
@@ -1176,6 +1176,13 @@ video {
|
|
|
1176
1176
|
--gyra-teal-light e 5,29:1 sobre branco, na mesma faixa dos
|
|
1177
1177
|
--status-*-text. */
|
|
1178
1178
|
--gyra-teal-text: #0F7A60;
|
|
1179
|
+
/* Petroleo: verde-azulado mais frio e mais fundo que o teal de marca, para
|
|
1180
|
+
a fase de formalizacao da esteira (o violeta fica so no Comite/IA). Par
|
|
1181
|
+
medido: --gyra-petrol-text 6,50:1 sobre --gyra-petrol-light e 7,80:1
|
|
1182
|
+
sobre branco. Distancia do fundo (dE2000): teal-light 5,4, blue-light
|
|
1183
|
+
8,2, violeta do Comite 13,0; entre os glifos petroleo x teal 21. */
|
|
1184
|
+
--gyra-petrol-light: #DAEEF3;
|
|
1185
|
+
--gyra-petrol-text: #0A5A6C;
|
|
1179
1186
|
--gyra-black: #1D1D1F;
|
|
1180
1187
|
|
|
1181
1188
|
/* ---- Neutrals (Apple gray scale) ----------------------------------- */
|
|
@@ -7894,6 +7901,38 @@ h6 {
|
|
|
7894
7901
|
color: #5945b8;
|
|
7895
7902
|
background: #f0edff;
|
|
7896
7903
|
}
|
|
7904
|
+
/* Os tipos novos (GYR-1623). Pre-aprovacao, Solicitacao e Integracao sao da
|
|
7905
|
+
familia de analise por padrao (azul): antes da decisao elas pedem dado ou
|
|
7906
|
+
filtram elegibilidade. Contrato e Aguardar fechamento externo so existem
|
|
7907
|
+
na formalizacao e nascem no tom dela. */
|
|
7908
|
+
.gyramais-rail-step.is-pre_approval .gyramais-rail-step-glyph,
|
|
7909
|
+
.gyramais-rail-step.is-collection .gyramais-rail-step-glyph,
|
|
7910
|
+
.gyramais-rail-step.is-integration .gyramais-rail-step-glyph {
|
|
7911
|
+
background-color: var(--gyra-blue-light);
|
|
7912
|
+
color: var(--gyra-blue);
|
|
7913
|
+
}
|
|
7914
|
+
/* A fase vence o tipo: a mesma Solicitacao ou Integracao depois da decisao
|
|
7915
|
+
(formalizacao) troca o azul da analise pelo petroleo da formalizacao. O
|
|
7916
|
+
consumer diz a fase (`phase`), porque ela e a POSICAO na esteira, nao o
|
|
7917
|
+
tipo. O violeta e exclusivo do Comite/IA: a formalizacao tem tom proprio
|
|
7918
|
+
(--gyra-petrol-text sobre --gyra-petrol-light, 6,50:1), longe do teal de
|
|
7919
|
+
Vinculos (dE2000 5,4 no fundo, 21 no glifo) e do azul da analise (8,2). */
|
|
7920
|
+
.gyramais-rail-step.is-contract .gyramais-rail-step-glyph,
|
|
7921
|
+
.gyramais-rail-step.is-external_close .gyramais-rail-step-glyph,
|
|
7922
|
+
.gyramais-rail-step.is-phase-formalization .gyramais-rail-step-glyph {
|
|
7923
|
+
background-color: var(--gyra-petrol-light);
|
|
7924
|
+
color: var(--gyra-petrol-text);
|
|
7925
|
+
}
|
|
7926
|
+
.gyramais-rail-step.is-phase-analysis.is-contract .gyramais-rail-step-glyph,
|
|
7927
|
+
.gyramais-rail-step.is-phase-analysis.is-external_close
|
|
7928
|
+
.gyramais-rail-step-glyph {
|
|
7929
|
+
background-color: var(--gyra-blue-light);
|
|
7930
|
+
color: var(--gyra-blue);
|
|
7931
|
+
}
|
|
7932
|
+
/* O glifo do consumer (`icon`) ocupa o chip como o icone padrao. */
|
|
7933
|
+
.gyramais-rail-step-glyph > svg {
|
|
7934
|
+
flex-shrink: 0;
|
|
7935
|
+
}
|
|
7897
7936
|
/* Etapa que nao rodou nao merece o pigmento do tipo: o cartao inteiro ja
|
|
7898
7937
|
esta translucido e a cor cheia so competiria com quem rodou.
|
|
7899
7938
|
|