@useblu/ocean-core 1.64.0 → 1.66.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.66.0](https://github.com/ocean-ds/ocean-web/compare/v1.65.0...v1.66.0) (2024-07-02)
+
+### Features
+
+- update alert ([#1115](https://github.com/ocean-ds/ocean-web/issues/1115)) ([3386652](https://github.com/ocean-ds/ocean-web/commit/338665214afa9268e8e09c0d71812a40fab8ab0b))
+
+# [1.65.0](https://github.com/ocean-ds/ocean-web/compare/v1.64.0...v1.65.0) (2024-06-26)
+
+### Features
+
+- update link ([#1111](https://github.com/ocean-ds/ocean-web/issues/1111)) ([8aa0bf2](https://github.com/ocean-ds/ocean-web/commit/8aa0bf2c4ad0c82e5a4f0c66595d8883edea93c8))
+
 # [1.64.0](https://github.com/ocean-ds/ocean-web/compare/v1.63.1...v1.64.0) (2024-06-26)
 
 ### Features

package/ocean.css

@@ -1788,7 +1788,7 @@
 .ods-alert {
   align-items: flex-start;
   background-color: #f3f5fe;
-  border-radius: 12px;
+  border-radius: 8px;
   color: #67697a;
   display: flex;
   flex-direction: column;
@@ -1800,10 +1800,18 @@
   padding: 16px;
 }
 @media (min-width: 576px) {
+  .ods-alert {
+    flex-direction: row;
+  }
   .ods-alert__button--mobile {
     display: none;
   }
 }
+@media (min-width: 576px) {
+  .ods-alert--with-button-no-title {
+    font-size: 14px;
+  }
+}
 .ods-alert--error {
   background-color: #fff1f4;
 }
@@ -1816,9 +1824,20 @@
 .ods-alert--error .ods-btn {
   background-color: #f5456e;
 }
+.ods-alert--error .ods-btn--primary:hover,
+.ods-alert--error .ods-btn--primary:focus {
+  background-color: #f27592;
+}
+.ods-alert--error .ods-btn--primary:active {
+  background-color: #d31441;
+}
 .ods-alert--error .ods-link {
   color: #f5456e;
 }
+.ods-alert--error .ods-link:hover,
+.ods-alert--error .ods-link:focus {
+  color: #f27592;
+}
 .ods-alert--warning {
   background-color: #fff7f0;
 }
@@ -1831,9 +1850,20 @@
 .ods-alert--warning .ods-btn {
   background-color: #ff8a14;
 }
+.ods-alert--warning .ods-btn--primary:hover,
+.ods-alert--warning .ods-btn--primary:focus {
+  background-color: #ffbd7a;
+}
+.ods-alert--warning .ods-btn--primary:active {
+  background-color: #ff8a14;
+}
 .ods-alert--warning .ods-link {
   color: #ff8a14;
 }
+.ods-alert--warning .ods-link:hover,
+.ods-alert--warning .ods-link:focus {
+  color: #ffbd7a;
+}
 .ods-alert--success {
   background-color: #f2fdf5;
 }
@@ -1846,13 +1876,25 @@
 .ods-alert--success .ods-btn {
   background-color: #2da94f;
 }
+.ods-alert--success .ods-btn--primary:hover,
+.ods-alert--success .ods-btn--primary:focus {
+  background-color: #7adc94;
+}
+.ods-alert--success .ods-btn--primary:active {
+  background-color: #2da94f;
+}
 .ods-alert--success .ods-link {
   color: #2da94f;
 }
+.ods-alert--success .ods-link:hover,
+.ods-alert--success .ods-link:focus {
+  color: #7adc94;
+}
 .ods-alert__text {
   display: flex;
   flex: 1;
   flex-direction: column;
+  gap: 4px;
 }
 .ods-alert__icon {
   margin-right: 8px;
@@ -1865,7 +1907,7 @@
   }
 }
 .ods-alert__button--mobile {
-  margin-top: 8px;
+  margin: 12px 0 0 32px;
 }
 .ods-alert__button .ods-btn {
   margin-left: 16px;
@@ -1882,8 +1924,11 @@
 .ods-alert__title {
   color: #5872f5;
   font-size: 14px;
-  font-weight: 700;
-  line-height: 1.5;
+  font-weight: 800;
+  line-height: 1.32;
+}
+.ods-alert__content--no-title {
+  padding-top: 0;
 }
 
 .ods-badge {
@@ -2383,42 +2428,62 @@
   font-family: "Nunito Sans";
   font-weight: 600;
   line-height: 1;
+  text-decoration: underline;
+}
+.ods-link--chevron svg {
+  margin-left: 2px;
+}
+.ods-link--tiny {
+  font-size: 12px;
+  line-height: 12px;
+}
+.ods-link--tiny svg {
+  height: 14px;
+  margin-left: 0;
+  width: 14px;
+}
+.ods-link--external svg {
+  margin-left: 4px;
 }
 .ods-link--sm {
   font-size: 14px;
+  line-height: 14px;
 }
 .ods-link--md {
   font-size: 16px;
+  line-height: 16px;
 }
 .ods-link--primary {
   color: #0025e0;
 }
-.ods-link--primary:hover {
+.ods-link--primary:hover, .ods-link--primary:focus {
   color: #5872f5;
   text-decoration: underline;
 }
 .ods-link--inverse {
   color: #6ae5e5;
 }
-.ods-link--inverse:hover {
+.ods-link--inverse:hover, .ods-link--inverse:focus {
   color: #b0f5f5;
   text-decoration: underline;
 }
 .ods-link--neutral {
   color: #67697a;
 }
-.ods-link--neutral:hover {
+.ods-link--neutral:hover, .ods-link--neutral:focus {
   color: #5872f5;
   text-decoration: underline;
 }
+.ods-link--disabled {
+  color: #aaadc0;
+  cursor: not-allowed;
+  pointer-events: none;
+}
 .ods-link--with-icon {
   align-items: center;
   display: flex;
   flex-direction: row;
 }
-.ods-link svg {
-  margin-left: 4px;
-}
 
 .ods-list {
   background: white;