ame-miniapp-components - npm Package Compare versions

Comparing version 3.0.0-beta.15 to 3.0.0-beta.16

package.json

 {
   "name": "ame-miniapp-components",
-  "version": "3.0.0-beta.15",
+  "version": "3.0.0-beta.16",
   "description": "Biblioteca de componentes para construção de miniapps ame",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/docs/begin.md

@@ -9,2 +9,4 @@ # Começando
 
+## Novas features
+
 Algumas das novas características da biblioteca de componentes em sua versão 3 incluem:
@@ -27,3 +29,3 @@
 
-## Novo header
+### Novo header
 
@@ -38,5 +40,7 @@ Como parte das novidades da V3 dos componentes o Header agora deixa de ser implementado diretamente pela plataforma e passa a ser um componente, mais flexível e dinâmico, que vem incorporado nos miniapps por padrão e pode ser personalizado conforme a necessidade de cada feature.
 
+* Ao utilizar o novo header é importante lembrar que a maioria dos dispositivos tem uma safe area no topo devido à barra de status do sistema operacional. Para saber de quantos pixels é esta área em cada dispositivo, você pode utilizar o método [getDeviceSpecs](https://super-app-client.calindra.com.br/#/?id=getdevicespecs) e uma vez que souber o valor de safe area do topo, você pode informar na prop `safeArea` do header que recebe um valor numérico (em pixels).
+
 > Se você está criando um novo miniapp, não se preocupe, nosso boilerplate já vem com tudo pronto e você pode partir dele já com o novo header implementado. 
 
-## Temas Light/Dark
+### Temas Light/Dark
 
@@ -46,3 +50,3 @@ A plataforma de miniapps ajusta automaticamente seus componentes e interface para os temas light e dark dependendo da escolha do usuário em seu sistema operacional.
 
-### Paletas de cores
+#### Paletas de cores
 
@@ -52,3 +56,3 @@ O visual do componente é ajustado com base nas definições de Design System da Ame, ajustando a paleta de cores de acordo com o descrito na [sessão de cores desta documentação.](#Cores)
 
-### Exemplos de tema light/dark
+#### Exemplos de tema light/dark
 
@@ -72,3 +76,3 @@ Seguem alguns exemplos de componentes no tema light e no tema dark:
 
-### Selecionar tema light/dark em seu SO
+#### Selecionar tema light/dark em seu SO
 
@@ -80,8 +84,2 @@ Cada sistema operacional permite a seleção de tema light ou dark de uma maneira. Seguem instruções sobre como selecionar nos principais SOs disponíveis no mercado:
 
-## Storybook
-
-O Storybook é uma ferramenta que possibilita o desenvolvedor criar e modificar exemplos de componentes em tempo real.
-
-[Clique aqui para acessar o storybook](https://ame-miniapp-storybook.calindra.com.br/mobile/3.0.0-beta.15/)
-
 # Tokens

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

2495

increased by0.28%

Worsened metrics

Total package byte prevSize

9770017

decreased by-0.01%

Lines of code

65367

decreased by-0.04%

No dependency changes