@useblu/ocean-core 1.133.0 → 1.134.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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
+
 # [1.133.0](https://github.com/ocean-ds/ocean-web/compare/v1.132.0...v1.133.0) (2026-03-05)
 
 ### Features

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 {
-  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) {
+.ods-list .ods-list-container:not(:last-of-type) > .ods-list-container__content--card {
   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;
 }
 
@@ -6263,11 +6233,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 +6272,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 +6280,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 +6363,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 +6371,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 +6407,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 +6414,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 +6469,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;
 }
@@ -6564,6 +6505,7 @@
 }
 .ods-list-expandable--transaction .ods-list-expandable__content--transaction .ods-typography__description {
   font-size: 12px;
+  font-weight: 600;
 }
 .ods-list-expandable--transaction .ods-list-expandable__skeleton.ods-list-expandable__transaction-content {
   flex-direction: row;
@@ -6738,22 +6680,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;