@useblu/ocean-core 1.136.0 → 1.137.0

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.137.0](https://github.com/ocean-ds/ocean-web/compare/v1.136.0...v1.137.0) (2026-07-27)
+
+### Features
+
+- add Banner component ([#1251](https://github.com/ocean-ds/ocean-web/issues/1251)) ([a4dfe36](https://github.com/ocean-ds/ocean-web/commit/a4dfe36148b75521725c2b837943f7d9b607c390))
+- **list:** adiciona indicatorPosition nos componentes de lista ([#1253](https://github.com/ocean-ds/ocean-web/issues/1253)) ([e98be1d](https://github.com/ocean-ds/ocean-web/commit/e98be1d8b99faa3c1f3fe7d6d970e914bc8d979a))
+
 # [1.136.0](https://github.com/ocean-ds/ocean-web/compare/v1.135.3...v1.136.0) (2026-05-11)
 
 ### Features

package/ocean.css

@@ -2115,6 +2115,90 @@
   padding-top: 0;
 }
 
+.ods-banner {
+  border-radius: 8px;
+  font-family: "Nunito Sans";
+  overflow: hidden;
+  width: 100%;
+}
+.ods-banner--default {
+  background-color: #f3f5fe;
+}
+.ods-banner--warning {
+  background-color: #fff7f0;
+}
+.ods-banner--negative {
+  background-color: #fff1f4;
+}
+.ods-banner--emphasys {
+  background-color: #0025e0;
+}
+.ods-banner--emphasys .ods-banner__actions .ods-btn--tertiary {
+  color: white;
+}
+.ods-banner--emphasys .ods-typography__description {
+  color: #f3f5fe;
+}
+.ods-banner__image-wrapper--top {
+  line-height: 0;
+  width: 100%;
+}
+.ods-banner__image-wrapper--top .ods-banner__image {
+  display: block;
+  height: auto;
+  -o-object-fit: cover;
+     object-fit: cover;
+  width: 100%;
+}
+.ods-banner__image-wrapper--side {
+  flex-shrink: 0;
+  width: 82px;
+}
+.ods-banner__image-wrapper--side .ods-banner__image {
+  display: block;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  width: 100%;
+}
+.ods-banner__body {
+  align-items: stretch;
+  display: flex;
+}
+.ods-banner__content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  padding: 16px;
+}
+.ods-banner .ods-typography__heading4 {
+  font-weight: 700;
+  line-height: 1.24;
+}
+.ods-banner .ods-typography__description {
+  font-weight: 600;
+  margin-top: 4px;
+}
+.ods-banner .ods-btn--sm {
+  min-width: unset;
+}
+.ods-banner__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  margin-top: 12px;
+}
+.ods-banner--large .ods-banner__body {
+  flex-direction: column;
+}
+.ods-banner--large .ods-banner__actions {
+  margin-top: 24px;
+}
+.ods-banner--small .ods-banner__body {
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+
 .ods-badge {
   display: flex;
   font-family: "Nunito Sans";
@@ -6152,6 +6236,16 @@
   flex-direction: column;
   min-width: 0;
 }
+.ods-content-list__indicator {
+  align-self: flex-start;
+  display: flex;
+}
+.ods-content-list__indicator--above {
+  margin-bottom: 8px;
+}
+.ods-content-list__indicator--below {
+  margin-top: 8px;
+}
 .ods-content-list .ods-typography__paragraph {
   color: #393b47;
 }
@@ -6544,7 +6638,7 @@
   border: 0;
   cursor: pointer;
   display: flex;
-  gap: 12px;
+  gap: 8px;
   min-width: 0;
   padding: 16px 8px 16px 16px;
   text-align: left;