@useblu/ocean-core 1.50.1 → 1.52.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.52.0](https://github.com/ocean-ds/ocean-web/compare/v1.51.0...v1.52.0) (2023-11-14)
+
+### Features
+
+- create button variants ([#1086](https://github.com/ocean-ds/ocean-web/issues/1086)) ([92551ad](https://github.com/ocean-ds/ocean-web/commit/92551ad2c1cc94cd7910d10a62dad0e1e63ac2ce))
+
+# [1.51.0](https://github.com/ocean-ds/ocean-web/compare/v1.50.1...v1.51.0) (2023-11-14)
+
+### Features
+
+- adjust color and font size list ([#1085](https://github.com/ocean-ds/ocean-web/issues/1085)) ([1e93aaa](https://github.com/ocean-ds/ocean-web/commit/1e93aaa7bcbd54837db39ebbded0e70fe958a2ba))
+
 ## [1.50.1](https://github.com/ocean-ds/ocean-web/compare/v1.50.0...v1.50.1) (2023-10-02)
 
 ### Bug Fixes

package/ocean.css

@@ -1982,17 +1982,30 @@
 .ods-btn--secondary:active {
   background-color: #b6b9cc;
 }
+.ods-btn--secondary-critical {
+  background-color: #fff1f4;
+  color: #f5456e;
+}
+.ods-btn--secondary-critical:hover {
+  background-color: #f7f9ff;
+}
+.ods-btn--secondary-critical:focus {
+  background-color: #f7f9ff;
+}
+.ods-btn--secondary-critical:active {
+  background-color: #ebecf5;
+}
 .ods-btn--text, .ods-btn--text-critical {
   background-color: transparent;
 }
 .ods-btn--text:hover, .ods-btn--text-critical:hover {
-  background-color: #ebecf5;
+  background-color: #f7f9ff;
 }
 .ods-btn--text:focus, .ods-btn--text-critical:focus {
-  background-color: #ebecf5;
+  background-color: #f7f9ff;
 }
 .ods-btn--text:active, .ods-btn--text-critical:active {
-  background-color: #d8dae8;
+  background-color: #ebecf5;
 }
 .ods-btn--text {
   color: #0025e0;
@@ -2000,6 +2013,36 @@
 .ods-btn--text-critical {
   color: #f5456e;
 }
+.ods-btn--text-tertiary, .ods-btn--text-tertiary-critical {
+  background-color: transparent;
+  min-width: auto;
+  padding-left: 0;
+  padding-right: 0;
+}
+.ods-btn--text-tertiary {
+  color: #0025e0;
+}
+.ods-btn--text-tertiary:hover {
+  color: #5872f5;
+}
+.ods-btn--text-tertiary:focus {
+  color: #5872f5;
+}
+.ods-btn--text-tertiary:active {
+  color: #0e248f;
+}
+.ods-btn--text-tertiary-critical {
+  color: #f5456e;
+}
+.ods-btn--text-tertiary-critical:hover {
+  color: #f27592;
+}
+.ods-btn--text-tertiary-critical:focus {
+  color: #f27592;
+}
+.ods-btn--text-tertiary-critical:active {
+  color: #d31441;
+}
 .ods-btn--inverse {
   background-color: #13bdbd;
   color: white;
@@ -2417,8 +2460,8 @@
 .ods-transaction-list-item__content {
   align-items: center;
   box-sizing: border-box;
-  -moz-column-gap: 16px;
-       column-gap: 16px;
+  -moz-column-gap: 8px;
+       column-gap: 8px;
   cursor: pointer;
   display: flex;
   justify-content: center;
@@ -2432,6 +2475,7 @@
 }
 
 .ods-transaction-list-item__information {
+  overflow: hidden;
   width: 100%;
 }
 
@@ -2440,7 +2484,7 @@
 }
 
 .ods-transaction-list-item__level1 {
-  color: #393b47;
+  color: #0c0d14;
   font-family: "Nunito Sans";
   font-size: 16px;
   font-weight: 600;
@@ -2448,18 +2492,30 @@
 }
 
 .ods-transaction-list-item__level2 {
-  -webkit-box-orient: vertical;
   color: #67697a;
-  display: box;
   font-family: "Nunito Sans";
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 400;
-  -webkit-line-clamp: 2;
   line-height: 15px;
   margin-bottom: 8px;
-  max-height: 30px;
+}
+
+.ods-transaction-list-item__level1,
+.ods-transaction-list-item__level2 {
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
+}
+@media (max-width: 575.98px) {
+  .ods-transaction-list-item__level1,
+.ods-transaction-list-item__level2 {
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    /* stylelint-disable-line */
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    white-space: wrap;
+  }
 }
 
 .ods-transaction-list-item__level3 {
@@ -2478,7 +2534,7 @@
 }
 
 .ods-transaction-list-item__value {
-  color: #393b47;
+  color: #0c0d14;
   font-family: "Nunito Sans";
   font-size: 16px;
   font-weight: 700;
@@ -3728,6 +3784,7 @@
   font-size: 12px;
   font-weight: 600;
   line-height: 1;
+  text-decoration: none;
   transition: 0.3s hover;
 }
 .ods-breadcrumb span:last-child,