feat(container): adicionado titulo

Adicionado propriedade `p-title` e tokens customizados para o titulo em `po-container`

fixes DTHFUI-9918

.gitignore

@@ -19,6 +19,7 @@
 *.sublime-workspace
 
 # IDE - VSCode
+.vscode
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json

src/css/components/po-container/po-container.css

@@ -4,6 +4,22 @@
 }
 
 .po-container {
+  display: grid;
+  width: 100%;
+}
+
+.po-container-title {
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--line-weight);
+  line-height: var(--line-height);
+  letter-spacing: var(--letter-spacing);
+  color: var(--text-color);
+  margin: var(--margin);
+  display: grid;
+}
+
+.po-container-content {
   border-radius: var(--border-radius);
   border: solid var(--border-width) var(--border-color);
   box-shadow: none;
@@ -14,7 +30,7 @@
   width: 100%;
 }
 
-.po-container:not(po-widget .po-container) {
+.po-container-content:not(po-widget .po-container-content) {
   background-color: var(--background);
 }
 

src/css/themes/po-theme-default.css

@@ -527,11 +527,20 @@ po-combo {
   CONTAINER
 \*------------------------------------*/
 po-container {
+  /* title */
+  --font-family: var(--font-family-theme);
+  --line-weight: var(--font-weight-semibold);
+  --line-height: var(--line-height-md);
+  --text-color: var(--color-neutral-dark-90);
+  --font-size: 1.125rem;
+  --letter-spacing: 0.017rem;
+  --margin: 0 0 var(--spacing-xs);
+  /* content */
   --border-radius: var(--border-radius-md);
   --background: var(--color-neutral-light-00);
   --border-color: var(--color-neutral-light-20);
   --border-width: var(--border-width-sm);
-  --padding: 1em;
+  --padding: var(--spacing-sm);
 }
 
 /*------------------------------------*\