@useblu/ocean-core 1.114.0 → 1.115.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.115.0](https://github.com/ocean-ds/ocean-web/compare/v1.114.0...v1.115.0) (2025-12-04)
+
+### Features
+
+- create card list actions ([#1195](https://github.com/ocean-ds/ocean-web/issues/1195)) ([0afb053](https://github.com/ocean-ds/ocean-web/commit/0afb053fb607314e9a95537bf72eeb26c47d0893))
+
 # [1.114.0](https://github.com/ocean-ds/ocean-web/compare/v1.113.2...v1.114.0) (2025-12-04)
 
 ### Features

package/ocean.css

@@ -2995,6 +2995,15 @@
 .ods-list .ods-transaction-list-item__sub-itens .ods-transaction-list-item {
   border: 0;
 }
+.ods-list .ods-card-list-item,
+.ods-list .ods-card-list-action {
+  border: 0;
+  border-radius: 0;
+}
+.ods-list .ods-card-list-item:not(:last-of-type),
+.ods-list .ods-card-list-action:not(:last-of-type) {
+  border-bottom: 1px solid #e0e2ee;
+}
 
 .ods-transaction-list-item__icon {
   align-items: center;
@@ -5884,67 +5893,115 @@
 }
 
 .ods-content-list {
-  align-items: center;
-  display: flex;
-  gap: 16px;
-  justify-content: space-between;
-  padding: 16px;
-}
-.ods-content-list__content {
   display: flex;
+  flex: 1;
   flex-direction: column;
+  min-width: 0;
 }
-.ods-content-list__content .ods-typography__tag {
-  align-items: center;
-  display: flex;
-  gap: 4px;
-}
-.ods-content-list__content .ods-typography__paragraph {
-  color: #0c0d14;
+.ods-content-list .ods-typography__paragraph {
+  color: #393b47;
 }
-.ods-content-list__content .ods-typography__captionbold {
-  margin-top: 8px;
+.ods-content-list .ods-typography__description {
+  color: #67697a;
 }
-.ods-content-list__content .ods-typography__caption {
-  color: #f5456e;
-  margin-top: 8px;
+.ods-content-list .ods-typography__captionbold {
+  color: #67697a;
+  margin-top: 4px;
 }
-.ods-content-list__content .ods-typography__paragraph--inactive {
+.ods-content-list .ods-typography__paragraph--inactive {
   color: #aaadc0;
 }
-.ods-content-list__content .ods-typography__paragraph--positive {
+.ods-content-list .ods-typography__paragraph--positive {
   color: #2da94f;
 }
-.ods-content-list__content .ods-typography__paragraph--warning {
+.ods-content-list .ods-typography__paragraph--warning {
   color: #ff8a14;
 }
-.ods-content-list__content .ods-typography__paragraph--highlight {
+.ods-content-list .ods-typography__paragraph--highlight {
   color: #393b47;
   font-weight: 700;
 }
-.ods-content-list__content .ods-typography__paragraph--highlight-lead {
+.ods-content-list .ods-typography__paragraph--highlight-lead {
   color: #393b47;
   font-size: 20px;
   font-weight: 700;
 }
-.ods-content-list__content .ods-typography__paragraph--strikethrough {
+.ods-content-list .ods-typography__paragraph--strikethrough {
   color: #2da94f;
 }
-.ods-content-list__content .ods-typography__paragraph--strikethrough-text {
+.ods-content-list .ods-typography__paragraph--strikethrough-text {
   color: #aaadc0;
   margin-right: 4px;
   text-decoration: line-through;
 }
-.ods-content-list--disabled {
-  cursor: not-allowed;
+
+.ods-card-list-action {
+  align-items: center;
+  background-color: white;
+  border: 1px solid #ced1e1;
+  border-radius: 8px;
+  cursor: pointer;
+  display: flex;
+  gap: 12px;
+  padding: 16px 8px 16px 16px;
+  position: relative;
+  text-align: left;
+  transition: background-color 0.2s ease;
+  width: 100%;
+}
+.ods-card-list-action:hover:not(.ods-card-list-action--disabled):not(.ods-card-list-action--loading) {
+  background-color: #f3f5fe;
+}
+.ods-card-list-action:focus-visible {
+  outline: 2px solid #0025e0;
+  outline-offset: 2px;
+}
+.ods-card-list-action:active:not(.ods-card-list-action--disabled):not(.ods-card-list-action--loading) {
+  background-color: #ced1e1;
+}
+.ods-card-list-action__icon {
+  align-items: center;
+  color: #5872f5;
+  display: flex;
+  flex-shrink: 0;
+}
+.ods-card-list-action__icon--inactive svg {
+  color: #ced1e1;
+}
+.ods-card-list-action__trailing {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: 8px;
+  margin-left: auto;
 }
-.ods-content-list--disabled .ods-typography {
+.ods-card-list-action__action {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+}
+.ods-card-list-action__action svg {
   color: #aaadc0;
 }
-.ods-content-list__skeleton {
+.ods-card-list-action__skeleton {
   display: flex;
   flex-direction: column;
   gap: 8px;
   width: 100%;
 }
+.ods-card-list-action__skeleton .ods-skeleton-bar {
+  max-width: 100%;
+}
+.ods-card-list-action--loading {
+  cursor: default;
+  pointer-events: none;
+}
+.ods-card-list-action--disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.ods-card-list-action--swipe-mode .ods-card-list-action__indicator {
+  margin-right: 24px;
+}
 /*# sourceMappingURL=ocean.css.map */