Feature/fields redesign #865
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
1 Ignored Deployment
|
| pre { | ||
| white-space: normal; | ||
| word-wrap: break-word; | ||
| } |
There was a problem hiding this comment.
Qual motivo dessa alteração?
There was a problem hiding this comment.
Conteúdos dentro do pre não quebram, eu coloquei um break-word para começar a quebrar.
| paddingHorizontal: { | ||
| default: Spacing.Md, | ||
| type: String, | ||
| validator: value => Object.values(Spacing).includes(value) | ||
| }, | ||
|
|
||
| paddingVertical: { | ||
| default: Spacing.Md, | ||
| type: String, | ||
| validator: value => Object.values(Spacing).includes(value) | ||
| }, |
There was a problem hiding this comment.
Será que a nomenclatura spacing não seria mais adequada que padding? O que acha?
There was a problem hiding this comment.
Hmm, eu não sei, eu também fiquei pensando nisso...
No componente QasLabel a prop de espaçamento utilizada é margin, bem específica exatamente como pensei em fazer aqui também.
Pensando se futuramente o QasBox também ter uma prop de margem, ficaria um pouco confuso um spacing controlando o padding e um margin controlando a margem. O que acha?
ui/src/css/variables/typography.scss
Outdated
| line-height: 140%, | ||
| letter-spacing: 0, | ||
| weight: 400, | ||
| color: $grey-8 |
There was a problem hiding this comment.
Label são "titulos" de uma seção, não seria grey-9?
There was a problem hiding this comment.
É $grey-8, segue DS:
Link: https://www.figma.com/file/0ajvrnFscVUTEp5Z798OAS/Componentes-3.0?node-id=295%3A913&mode=dev
| @@ -0,0 +1,32 @@ | |||
| export default function (type, defaultPlaceholder = 'Digite aqui...') { | |||
There was a problem hiding this comment.
Eu acho que o nome da função faz mais sentido se for getPlaceholderByMask
There was a problem hiding this comment.
Será? Pois pode ser por mask ou por type...
|
Reunião time de design 04/09/2023
|
BREAKING CHANGES
QasBoxnoQasFormGeneratorpoderá haver quebras visuais. É importante após a atualização dessa versão verificar todos os formulários da aplicação e caso haja alguma quebra, verificar com o time de design como proceder.Adicionado
QasBox: adicionado propriedadespaddingHorizontal,paddingVerticaleusePaddingpara controlar o espaçamento interno do componente.QasBox: adicionado providerisBoxcom o valortruepara ser utilizado por componentes filhos para saber se estão dentro de umQasBox.QasInput: adicionado propriedadedensecom o valor defaulttrue.QasInput: adicionado suporte ao atributocounterdoQInput. Por padrão, campos do tipotextareae commaxlengthmaior que0irão exibir o contador de caracteres.QasInput: adicionado atributoautogrowdoQInputpara campos do tipotextarea.QasField,QasInput,QasNumericInput,QasDateTimeInput]: adicionado atributoplaceholdercom o valor default definido pelo tipo do campo.QasFormGenerator: adicionado propriedadeuseBoxpara controlar se os fieldsets do formulário serão renderizados dentro de umQasBox.QasSelect: adicionado por padrão o atributouseChipscom o valortruepara select múltiplos.QasSelect: adicionado por padrão o atributodensecom o valortrue.QasDialog: adicionado providerisDialogcom o valortruepara ser utilizado por componentes filhos para saber se estão dentro de umQasDialog.QasNestedFields: adicionado providerisNestedFieldscom o valortruepara ser utilizado por componentes filhos para saber se estão dentro de umQasNestedFields.checkbox.scss,editor.scss,field.scss,radio.scss,toggle.scss]: adicionado novos estilos de acordo com o Design System.typography.scss: adicionado nova tipografia$labelpara ser utilizada nas labels de componentes de input.QasTreeForm: adicionado propriedadeuse-boxcom o valorfalsepara não renderizar o formulário dentro de umQasBox.Modificado
QasBox: modificado para composition API.QasBox: modificado estilo de umQasBoxdentro de outroQasBox, o box interno se comportará como umQasBoxdo tipooutlined.QasInput: modificado valor da propriedadeoutlinedparafalsepor padrão.QasCheckboxGroup,QasOptionGroup]: modificado espaçamentos entre opções.QasListItems: modificado espaçamentos entre os itens e do box.QasSelect: modificadodropdownIconeclearIconpara utilizar ícones do Material Symbols Rounded.QasSelect: modificado estilos do componente de acordo com o Design System.QasTableGenerator: modificado espaçamentos do componenteQasBox.QasNestedFields: modificado espaçamentos do componente.set-typography.scss: modificado mixin para permitir o atributocolor.Versão do asteroid
v2.develop.main.Tipo de alteração
O que foi alterado/adicionado
Este pull request introduz algum breaking change?
Checklist
/docsse v3 ouui/devse v2);