@useblu/ocean-core 1.128.1 → 1.129.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.129.0](https://github.com/ocean-ds/ocean-web/compare/v1.128.1...v1.129.0) (2026-02-05)
+
+### Features
+
+- create new properties to internal contextual hero ([#1223](https://github.com/ocean-ds/ocean-web/issues/1223)) ([5e2103c](https://github.com/ocean-ds/ocean-web/commit/5e2103cc6d2f16c6f06cf702686409381d4e99d6))
+
 ## [1.128.1](https://github.com/ocean-ds/ocean-web/compare/v1.128.0...v1.128.1) (2026-02-04)
 
 ### Bug Fixes

package/ocean.css

@@ -6565,28 +6565,68 @@
 }
 
 .ods-internal-contextual-hero {
-  background-color: #f3f5fe;
   border-radius: 8px;
   display: grid;
   grid-template-columns: 1fr auto;
   grid-template-rows: auto auto;
   width: 100%;
 }
-@media (min-width: 768px) {
-  .ods-internal-contextual-hero {
-    display: flex;
+@media (min-width: 576px) {
+  .ods-internal-contextual-hero--bottom .ods-internal-contextual-hero__image {
+    grid-column: 2;
+    grid-row: 2;
+    justify-self: self-end;
   }
 }
-.ods-internal-contextual-hero__body {
-  display: contents;
+@media (min-width: 576px) {
+  .ods-internal-contextual-hero--bottom .ods-internal-contextual-hero__content {
+    grid-column: 1/-1;
+  }
 }
-@media (min-width: 768px) {
-  .ods-internal-contextual-hero__body {
+@media (min-width: 576px) {
+  .ods-internal-contextual-hero--bottom .ods-internal-contextual-hero__image > img, .ods-internal-contextual-hero--bottom .ods-internal-contextual-hero__image > *:not(img) {
+    border-radius: 0 0 8px 0;
+  }
+}
+@media (min-width: 576px) {
+  .ods-internal-contextual-hero--bottom .ods-internal-contextual-hero__list {
+    grid-column: 1;
+    grid-row: 2;
+  }
+}
+@media (min-width: 576px) {
+  .ods-internal-contextual-hero--full {
+    display: flex;
+  }
+}
+@media (min-width: 576px) {
+  .ods-internal-contextual-hero--full > .ods-internal-contextual-hero__body {
     display: flex;
     flex: 1;
     flex-direction: column;
   }
 }
+.ods-internal-contextual-hero--default {
+  background-color: #f3f5fe;
+}
+.ods-internal-contextual-hero--default .ods-internal-contextual-hero__list-item-icon {
+  color: #5872f5;
+}
+.ods-internal-contextual-hero--warning {
+  background-color: #fff7f0;
+}
+.ods-internal-contextual-hero--warning .ods-internal-contextual-hero__list-item-icon {
+  color: #ff8a14;
+}
+.ods-internal-contextual-hero--negative {
+  background-color: #fff1f4;
+}
+.ods-internal-contextual-hero--negative .ods-internal-contextual-hero__list-item-icon {
+  color: #f5456e;
+}
+.ods-internal-contextual-hero__body {
+  display: contents;
+}
 .ods-internal-contextual-hero__content {
   display: flex;
   flex: 1;
@@ -6619,11 +6659,11 @@
   grid-column: 2;
   grid-row: 1;
   justify-content: flex-end;
-  width: 82px;
+  max-width: 92px;
 }
 @media (min-width: 768px) {
   .ods-internal-contextual-hero__image {
-    width: 220px;
+    max-width: 220px;
   }
 }
 .ods-internal-contextual-hero__image > img {