@useblu/ocean-core 1.115.0 → 1.117.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.117.0](https://github.com/ocean-ds/ocean-web/compare/v1.116.0...v1.117.0) (2025-12-08)
+
+### Features
+
+- create list action ([#1204](https://github.com/ocean-ds/ocean-web/issues/1204)) ([e1ccd7e](https://github.com/ocean-ds/ocean-web/commit/e1ccd7ed29bf4da881081db93123d19ec1cc5511))
+
+# [1.116.0](https://github.com/ocean-ds/ocean-web/compare/v1.115.0...v1.116.0) (2025-12-08)
+
+### Features
+
+- create text list selectable component ([#1199](https://github.com/ocean-ds/ocean-web/issues/1199)) ([b92601d](https://github.com/ocean-ds/ocean-web/commit/b92601d0702cc23c58b9ad749ab5f097c4d4051f))
+
 # [1.115.0](https://github.com/ocean-ds/ocean-web/compare/v1.114.0...v1.115.0) (2025-12-04)
 
 ### Features

package/ocean.css

@@ -1608,7 +1608,7 @@
   width: 0;
 }
 .ods-radio__root {
-  display: inline-flex;
+  display: flex;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -1633,6 +1633,9 @@
   min-width: 20px;
   width: 20px;
 }
+.ods-radio__checkmark--error {
+  border-color: #f5456e;
+}
 .ods-radio:checked ~ .ods-radio__checkmark {
   border-width: 6px;
 }
@@ -1647,6 +1650,7 @@
   cursor: not-allowed;
 }
 .ods-radio:disabled:not(:checked) ~ .ods-radio__checkmark {
+  background-color: white;
   border-color: #ced1e1;
 }
 
@@ -2995,15 +2999,26 @@
 .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 {
+.ods-list .ods-card-list-item {
   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) {
+.ods-list .ods-card-list-item:not(:last-of-type) {
   border-bottom: 1px solid #e0e2ee;
 }
+.ods-list .ods-list-action__container .ods-list-action {
+  border: 0;
+  border-radius: 0;
+}
+.ods-list .ods-list-action__container:last-of-type > .ods-list-action__divider {
+  border: 0;
+}
+.ods-list .ods-list-action__container:not(:last-of-type) > .ods-list-action--card {
+  border-bottom: 1px solid #e0e2ee;
+}
+.ods-list .ods-list-selectable__root:last-of-type .ods-list-selectable__root--text--divider {
+  display: none;
+}
 
 .ods-transaction-list-item__icon {
   align-items: center;
@@ -5935,7 +5950,7 @@
   text-decoration: line-through;
 }
 
-.ods-card-list-action {
+.ods-list-action {
   align-items: center;
   background-color: white;
   border: 1px solid #ced1e1;
@@ -5949,59 +5964,139 @@
   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) {
+.ods-list-action__container {
+  width: 100%;
+}
+.ods-list-action--card {
+  border-color: #ced1e1;
+}
+.ods-list-action--text {
+  border: 0;
+  border-radius: 0;
+}
+.ods-list-action__divider {
+  border-bottom: 1px solid #e0e2ee;
+  margin: 0 16px;
+}
+.ods-list-action:hover:not(.ods-list-action--disabled):not(.ods-list-action--loading) {
   background-color: #f3f5fe;
 }
-.ods-card-list-action:focus-visible {
+.ods-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) {
+.ods-list-action:active:not(.ods-list-action--disabled):not(.ods-list-action--loading) {
   background-color: #ced1e1;
 }
-.ods-card-list-action__icon {
+.ods-list-action__icon {
   align-items: center;
   color: #5872f5;
   display: flex;
   flex-shrink: 0;
 }
-.ods-card-list-action__icon--inactive svg {
+.ods-list-action__icon--inactive svg {
   color: #ced1e1;
 }
-.ods-card-list-action__trailing {
+.ods-list-action__trailing {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: 8px;
   margin-left: auto;
 }
-.ods-card-list-action__action {
+.ods-list-action__action {
   align-items: center;
   display: flex;
   flex-shrink: 0;
 }
-.ods-card-list-action__action svg {
+.ods-list-action__action svg {
   color: #aaadc0;
 }
-.ods-card-list-action__skeleton {
+.ods-list-action__skeleton {
   display: flex;
   flex-direction: column;
   gap: 8px;
   width: 100%;
 }
-.ods-card-list-action__skeleton .ods-skeleton-bar {
+.ods-list-action__skeleton .ods-skeleton-bar {
   max-width: 100%;
 }
-.ods-card-list-action--loading {
+.ods-list-action--loading {
   cursor: default;
+  padding-right: 16px;
   pointer-events: none;
 }
-.ods-card-list-action--disabled {
+.ods-list-action--disabled {
   cursor: not-allowed;
   opacity: 0.6;
 }
 
-.ods-card-list-action--swipe-mode .ods-card-list-action__indicator {
+.ods-list-action--swipe-mode .ods-list-action__indicator {
   margin-right: 24px;
 }
+
+.ods-list-selectable__indicator {
+  margin-left: 12px;
+}
+.ods-list-selectable__indicator--app {
+  margin-right: 8px;
+}
+.ods-list-selectable .ods-checkbox__root,
+.ods-list-selectable .ods-radio__root {
+  align-items: center;
+  background-color: white;
+  padding: 16px;
+}
+.ods-list-selectable .ods-checkbox__root:hover, .ods-list-selectable .ods-checkbox__root:focus,
+.ods-list-selectable .ods-radio__root:hover,
+.ods-list-selectable .ods-radio__root:focus {
+  background-color: #f3f5fe;
+  cursor: pointer;
+}
+.ods-list-selectable .ods-checkbox__label,
+.ods-list-selectable .ods-radio__label {
+  align-items: center;
+  display: flex;
+  padding-left: 16px;
+  width: 100%;
+}
+.ods-list-selectable--loading {
+  cursor: default;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  pointer-events: none;
+}
+.ods-list-selectable--app .ods-checkbox__root,
+.ods-list-selectable--app .ods-radio__root {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+.ods-list-selectable--disabled {
+  background-color: transparent;
+  cursor: not-allowed;
+}
+.ods-list-selectable--disabled .ods-checkbox__root:hover, .ods-list-selectable--disabled .ods-checkbox__root:focus,
+.ods-list-selectable--disabled .ods-radio__root:hover,
+.ods-list-selectable--disabled .ods-radio__root:focus {
+  background-color: transparent;
+  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;
+}
 /*# sourceMappingURL=ocean.css.map */