@useblu/ocean-core 1.116.0 → 1.117.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.117.0](https://github.com/ocean-ds/ocean-web/compare/v1.116.0...v1.117.0) (2025-12-08)
7
+
8
+ ### Features
9
+
10
+ - create list action ([#1204](https://github.com/ocean-ds/ocean-web/issues/1204)) ([e1ccd7e](https://github.com/ocean-ds/ocean-web/commit/e1ccd7ed29bf4da881081db93123d19ec1cc5511))
11
+
6
12
  # [1.116.0](https://github.com/ocean-ds/ocean-web/compare/v1.115.0...v1.116.0) (2025-12-08)
7
13
 
8
14
  ### Features
package/ocean.css CHANGED
@@ -2999,13 +2999,21 @@
2999
2999
  .ods-list .ods-transaction-list-item__sub-itens .ods-transaction-list-item {
3000
3000
  border: 0;
3001
3001
  }
3002
- .ods-list .ods-card-list-item,
3003
- .ods-list .ods-card-list-action {
3002
+ .ods-list .ods-card-list-item {
3004
3003
  border: 0;
3005
3004
  border-radius: 0;
3006
3005
  }
3007
- .ods-list .ods-card-list-item:not(:last-of-type),
3008
- .ods-list .ods-card-list-action:not(:last-of-type) {
3006
+ .ods-list .ods-card-list-item:not(:last-of-type) {
3007
+ border-bottom: 1px solid #e0e2ee;
3008
+ }
3009
+ .ods-list .ods-list-action__container .ods-list-action {
3010
+ border: 0;
3011
+ border-radius: 0;
3012
+ }
3013
+ .ods-list .ods-list-action__container:last-of-type > .ods-list-action__divider {
3014
+ border: 0;
3015
+ }
3016
+ .ods-list .ods-list-action__container:not(:last-of-type) > .ods-list-action--card {
3009
3017
  border-bottom: 1px solid #e0e2ee;
3010
3018
  }
3011
3019
  .ods-list .ods-list-selectable__root:last-of-type .ods-list-selectable__root--text--divider {
@@ -5942,6 +5950,91 @@
5942
5950
  text-decoration: line-through;
5943
5951
  }
5944
5952
 
5953
+ .ods-list-action {
5954
+ align-items: center;
5955
+ background-color: white;
5956
+ border: 1px solid #ced1e1;
5957
+ border-radius: 8px;
5958
+ cursor: pointer;
5959
+ display: flex;
5960
+ gap: 12px;
5961
+ padding: 16px 8px 16px 16px;
5962
+ position: relative;
5963
+ text-align: left;
5964
+ transition: background-color 0.2s ease;
5965
+ width: 100%;
5966
+ }
5967
+ .ods-list-action__container {
5968
+ width: 100%;
5969
+ }
5970
+ .ods-list-action--card {
5971
+ border-color: #ced1e1;
5972
+ }
5973
+ .ods-list-action--text {
5974
+ border: 0;
5975
+ border-radius: 0;
5976
+ }
5977
+ .ods-list-action__divider {
5978
+ border-bottom: 1px solid #e0e2ee;
5979
+ margin: 0 16px;
5980
+ }
5981
+ .ods-list-action:hover:not(.ods-list-action--disabled):not(.ods-list-action--loading) {
5982
+ background-color: #f3f5fe;
5983
+ }
5984
+ .ods-list-action:focus-visible {
5985
+ outline: 2px solid #0025e0;
5986
+ outline-offset: 2px;
5987
+ }
5988
+ .ods-list-action:active:not(.ods-list-action--disabled):not(.ods-list-action--loading) {
5989
+ background-color: #ced1e1;
5990
+ }
5991
+ .ods-list-action__icon {
5992
+ align-items: center;
5993
+ color: #5872f5;
5994
+ display: flex;
5995
+ flex-shrink: 0;
5996
+ }
5997
+ .ods-list-action__icon--inactive svg {
5998
+ color: #ced1e1;
5999
+ }
6000
+ .ods-list-action__trailing {
6001
+ align-items: center;
6002
+ display: flex;
6003
+ flex-shrink: 0;
6004
+ gap: 8px;
6005
+ margin-left: auto;
6006
+ }
6007
+ .ods-list-action__action {
6008
+ align-items: center;
6009
+ display: flex;
6010
+ flex-shrink: 0;
6011
+ }
6012
+ .ods-list-action__action svg {
6013
+ color: #aaadc0;
6014
+ }
6015
+ .ods-list-action__skeleton {
6016
+ display: flex;
6017
+ flex-direction: column;
6018
+ gap: 8px;
6019
+ width: 100%;
6020
+ }
6021
+ .ods-list-action__skeleton .ods-skeleton-bar {
6022
+ max-width: 100%;
6023
+ }
6024
+ .ods-list-action--loading {
6025
+ cursor: default;
6026
+ padding-right: 16px;
6027
+ pointer-events: none;
6028
+ }
6029
+ .ods-list-action--disabled {
6030
+ cursor: not-allowed;
6031
+ opacity: 0.6;
6032
+ }
6033
+
6034
+ .ods-list-action--swipe-mode .ods-list-action__indicator {
6035
+ margin-right: 24px;
6036
+ }
6037
+
5945
6038
  .ods-list-selectable__indicator {
5946
6039
  margin-left: 12px;
5947
6040
  }
@@ -6006,74 +6099,4 @@
6006
6099
  height: 1px;
6007
6100
  margin: 0 16px;
6008
6101
  }
6009
-
6010
- .ods-card-list-action {
6011
- align-items: center;
6012
- background-color: white;
6013
- border: 1px solid #ced1e1;
6014
- border-radius: 8px;
6015
- cursor: pointer;
6016
- display: flex;
6017
- gap: 12px;
6018
- padding: 16px 8px 16px 16px;
6019
- position: relative;
6020
- text-align: left;
6021
- transition: background-color 0.2s ease;
6022
- width: 100%;
6023
- }
6024
- .ods-card-list-action:hover:not(.ods-card-list-action--disabled):not(.ods-card-list-action--loading) {
6025
- background-color: #f3f5fe;
6026
- }
6027
- .ods-card-list-action:focus-visible {
6028
- outline: 2px solid #0025e0;
6029
- outline-offset: 2px;
6030
- }
6031
- .ods-card-list-action:active:not(.ods-card-list-action--disabled):not(.ods-card-list-action--loading) {
6032
- background-color: #ced1e1;
6033
- }
6034
- .ods-card-list-action__icon {
6035
- align-items: center;
6036
- color: #5872f5;
6037
- display: flex;
6038
- flex-shrink: 0;
6039
- }
6040
- .ods-card-list-action__icon--inactive svg {
6041
- color: #ced1e1;
6042
- }
6043
- .ods-card-list-action__trailing {
6044
- align-items: center;
6045
- display: flex;
6046
- flex-shrink: 0;
6047
- gap: 8px;
6048
- margin-left: auto;
6049
- }
6050
- .ods-card-list-action__action {
6051
- align-items: center;
6052
- display: flex;
6053
- flex-shrink: 0;
6054
- }
6055
- .ods-card-list-action__action svg {
6056
- color: #aaadc0;
6057
- }
6058
- .ods-card-list-action__skeleton {
6059
- display: flex;
6060
- flex-direction: column;
6061
- gap: 8px;
6062
- width: 100%;
6063
- }
6064
- .ods-card-list-action__skeleton .ods-skeleton-bar {
6065
- max-width: 100%;
6066
- }
6067
- .ods-card-list-action--loading {
6068
- cursor: default;
6069
- pointer-events: none;
6070
- }
6071
- .ods-card-list-action--disabled {
6072
- cursor: not-allowed;
6073
- opacity: 0.6;
6074
- }
6075
-
6076
- .ods-card-list-action--swipe-mode .ods-card-list-action__indicator {
6077
- margin-right: 24px;
6078
- }
6079
6102
  /*# sourceMappingURL=ocean.css.map */