@useblu/ocean-core 1.133.1 → 1.135.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.135.0](https://github.com/ocean-ds/ocean-web/compare/v1.134.1...v1.135.0) (2026-04-14)
+
+### Features
+
+- add isInverted prop for typography hierarchy (BAN-52). ([#1236](https://github.com/ocean-ds/ocean-web/issues/1236)) ([6b628d0](https://github.com/ocean-ds/ocean-web/commit/6b628d0ffe0714f6f6b39f3ad5d4a14fae5998ad))
+
+# [1.134.0](https://github.com/ocean-ds/ocean-web/compare/v1.133.1...v1.134.0) (2026-03-18)
+
+### Features
+
+- adjust list components ([#1232](https://github.com/ocean-ds/ocean-web/issues/1232)) ([1888076](https://github.com/ocean-ds/ocean-web/commit/1888076b0d5f7c443f9863497e150ee431791e17))
+
 ## [1.133.1](https://github.com/ocean-ds/ocean-web/compare/v1.133.0...v1.133.1) (2026-03-06)
 
 **Note:** Version bump only for package @useblu/ocean-core

package/ocean.css

@@ -3135,44 +3135,14 @@
 .ods-list .ods-card-list-item:not(:last-of-type) {
   border-bottom: 1px solid #e0e2ee;
 }
-.ods-list .ods-list-action__container .ods-list-action,
-.ods-list .ods-list-action__container .ods-list-settings,
-.ods-list .ods-list-action__container .ods-list-readonly,
-.ods-list .ods-list-settings__container .ods-list-action,
-.ods-list .ods-list-settings__container .ods-list-settings,
-.ods-list .ods-list-settings__container .ods-list-readonly,
-.ods-list .ods-list-readonly__container .ods-list-action,
-.ods-list .ods-list-readonly__container .ods-list-settings,
-.ods-list .ods-list-readonly__container .ods-list-readonly {
+.ods-list .ods-list-container__content--card {
   border: 0;
   border-radius: 0;
 }
-.ods-list .ods-list-action__container:last-of-type > .ods-list-action__divider, .ods-list .ods-list-action__container:last-of-type > .ods-list-readonly__divider, .ods-list .ods-list-action__container:last-of-type > .ods-list-settings__divider,
-.ods-list .ods-list-settings__container:last-of-type > .ods-list-action__divider,
-.ods-list .ods-list-settings__container:last-of-type > .ods-list-readonly__divider,
-.ods-list .ods-list-settings__container:last-of-type > .ods-list-settings__divider,
-.ods-list .ods-list-readonly__container:last-of-type > .ods-list-action__divider,
-.ods-list .ods-list-readonly__container:last-of-type > .ods-list-readonly__divider,
-.ods-list .ods-list-readonly__container:last-of-type > .ods-list-settings__divider {
-  border: 0;
-}
-.ods-list .ods-list-action__container:not(:last-of-type) > .ods-list-action--card, .ods-list .ods-list-action__container:not(:last-of-type) > .ods-list-readonly--card, .ods-list .ods-list-action__container:not(:last-of-type) > .ods-list-settings--card,
-.ods-list .ods-list-settings__container:not(:last-of-type) > .ods-list-action--card,
-.ods-list .ods-list-settings__container:not(:last-of-type) > .ods-list-readonly--card,
-.ods-list .ods-list-settings__container:not(:last-of-type) > .ods-list-settings--card,
-.ods-list .ods-list-readonly__container:not(:last-of-type) > .ods-list-action--card,
-.ods-list .ods-list-readonly__container:not(:last-of-type) > .ods-list-readonly--card,
-.ods-list .ods-list-readonly__container:not(:last-of-type) > .ods-list-settings--card {
+.ods-list .ods-list-container:not(:last-of-type) > .ods-list-container__content--card {
   border-bottom: 1px solid #e0e2ee;
 }
-.ods-list .ods-list-expandable--card {
-  border: 0;
-  border-radius: 0;
-}
-.ods-list .ods-list-expandable--card:not(:last-of-type) {
-  border-bottom: 1px solid #e0e2ee;
-}
-.ods-list .ods-list-selectable__root:last-of-type .ods-list-selectable__root--text--divider {
+.ods-list .ods-list-container:last-of-type > .ods-list-container__content__divider {
   display: none;
 }
 
@@ -3373,6 +3343,13 @@
   }
 }
 
+.ods-transaction-list-item--inverted .ods-transaction-list-item__level1 {
+  font-size: 14px;
+}
+.ods-transaction-list-item--inverted .ods-transaction-list-item__level2 {
+  font-size: 16px;
+}
+
 .ods-modal__overlay {
   background: rgba(57, 59, 71, 0.4);
   bottom: 0;
@@ -6263,11 +6240,35 @@
   padding: 4px 8px;
 }
 
+.ods-list-container {
+  width: 100%;
+}
+.ods-list-container__content {
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+}
+.ods-list-container__content--card {
+  border: 1px solid #ced1e1;
+  border-radius: 8px;
+}
+.ods-list-container__content--card--error {
+  border-color: #f5456e;
+}
+.ods-list-container__content__divider {
+  border-bottom: 1px solid #e0e2ee;
+  margin: 0 16px;
+}
+.ods-list-container__highlight {
+  border-radius: 0 0 8px 8px;
+  margin-top: -8px;
+  padding: 18px 16px 10px;
+}
+
 .ods-list-action {
   align-items: center;
   background-color: white;
-  border: 1px solid #ced1e1;
-  border-radius: 8px;
+  border: 0;
   cursor: pointer;
   display: flex;
   gap: 12px;
@@ -6278,9 +6279,6 @@
   transition: background-color 0.2s ease;
   width: 100%;
 }
-.ods-list-action__container {
-  width: 100%;
-}
 .ods-list-action__content {
   align-items: center;
   display: flex;
@@ -6289,16 +6287,6 @@
   min-width: 0;
   transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.ods-list-action--card {
-  border-color: #ced1e1;
-}
-.ods-list-action--text {
-  border: 0;
-  border-radius: 0;
-}
-.ods-list-action__divider {
-  margin: 0 16px;
-}
 .ods-list-action:hover:not(.ods-list-action--disabled):not(.ods-list-action--loading):not(.ods-list-action--swipe-open) {
   background-color: #f3f5fe;
 }
@@ -6382,8 +6370,6 @@
 .ods-list-readonly {
   align-items: center;
   background-color: white;
-  border: 1px solid #ced1e1;
-  border-radius: 8px;
   box-sizing: border-box;
   display: flex;
   gap: 12px;
@@ -6392,20 +6378,6 @@
   text-align: left;
   width: 100%;
 }
-.ods-list-readonly__container {
-  width: 100%;
-}
-.ods-list-readonly--card {
-  border-color: #ced1e1;
-}
-.ods-list-readonly--text {
-  border: 0;
-  border-radius: 0;
-}
-.ods-list-readonly__divider {
-  border-bottom: 1px solid #e0e2ee;
-  margin: 0 16px;
-}
 .ods-list-readonly__icon {
   align-items: center;
   color: #5872f5;
@@ -6442,8 +6414,6 @@
 .ods-list-settings {
   align-items: center;
   background-color: white;
-  border: 1px solid #e0e2ee;
-  border-radius: 8px;
   box-sizing: border-box;
   display: flex;
   gap: 12px;
@@ -6451,20 +6421,6 @@
   position: relative;
   width: 100%;
 }
-.ods-list-settings__container {
-  width: 100%;
-}
-.ods-list-settings--card {
-  border-color: #ced1e1;
-}
-.ods-list-settings--text {
-  border: 0;
-  border-radius: 0;
-}
-.ods-list-settings__divider {
-  border-bottom: 1px solid #e0e2ee;
-  margin: 0 16px;
-}
 .ods-list-settings__icon {
   align-items: center;
   color: #5872f5;
@@ -6520,14 +6476,6 @@
   border-bottom: 1px solid #e0e2ee;
   margin: 0 16px;
 }
-.ods-list-expandable--card {
-  border: 1px solid #e0e2ee;
-  border-radius: 8px;
-}
-.ods-list-expandable--text {
-  border: 0;
-  border-radius: 0;
-}
 .ods-list-expandable--transaction .ods-list-expandable__icon {
   color: #aaadc0;
 }
@@ -6739,22 +6687,6 @@
   cursor: not-allowed;
 }
 
-.ods-list-selectable__root {
-  overflow: hidden;
-}
-.ods-list-selectable__root--card {
-  border: 1px solid #e0e2ee;
-  border-radius: 8px;
-}
-.ods-list-selectable__root--card--error {
-  border-color: #f5456e;
-}
-.ods-list-selectable__root--text--divider {
-  background-color: #e0e2ee;
-  height: 1px;
-  margin: 0 16px;
-}
-
 .ods-internal-contextual-hero {
   border-radius: 8px;
   display: grid;