@useblu/ocean-core 1.59.3 → 1.61.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.61.0](https://github.com/ocean-ds/ocean-web/compare/v1.60.0...v1.61.0) (2024-06-14)
+
+### Features
+
+- drawer ([#1105](https://github.com/ocean-ds/ocean-web/issues/1105)) ([1c749e0](https://github.com/ocean-ds/ocean-web/commit/1c749e011aa19acf67f1deb0cc15e47618f40e3f))
+
+# [1.60.0](https://github.com/ocean-ds/ocean-web/compare/v1.59.3...v1.60.0) (2024-06-13)
+
+### Features
+
+- add tag size variant ([#1104](https://github.com/ocean-ds/ocean-web/issues/1104)) ([90e4a71](https://github.com/ocean-ds/ocean-web/commit/90e4a716c21902069d4260c0e6e71bf62f8f48c7))
+
 ## [1.59.3](https://github.com/ocean-ds/ocean-web/compare/v1.59.2...v1.59.3) (2024-06-06)
 
 ### Bug Fixes

package/ocean.css

@@ -2891,15 +2891,43 @@
   color: #67697a;
   display: flex;
   font-family: "Nunito Sans";
-  font-size: 12px;
-  font-weight: 600;
+  gap: 4px;
   justify-content: left;
-  line-height: 1.5;
-  padding: 2px 4px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }
+.ods-tag--medium {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 12px;
+  padding: 4px 8px;
+}
+.ods-tag--medium__with-icon {
+  padding: 2px 8px 2px 6px;
+}
+.ods-tag--small {
+  font-size: 8px;
+  font-weight: 700;
+  line-height: 8px;
+  padding: 4px 4px;
+}
+.ods-tag--highlight__important {
+  color: white;
+  font-size: 10px;
+  font-weight: 800;
+  line-height: 10px;
+  padding: 4px 8px;
+  background-color: #ff726e;
+}
+.ods-tag--highlight__neutral {
+  color: white;
+  font-size: 10px;
+  font-weight: 800;
+  line-height: 10px;
+  padding: 4px 8px;
+  background-color: #5872f5;
+}
 .ods-tag--negative {
   background-color: #fff1f4;
 }
@@ -2959,7 +2987,6 @@
   min-width: 16px;
 }
 .ods-tag__content {
-  margin: 0 4px;
   white-space: nowrap;
 }
 
@@ -3907,8 +3934,13 @@
   top: 0;
   transition: all 335ms ease-out 0ms;
   visibility: hidden;
+}
+.ods-drawer--small {
   width: 378px;
 }
+.ods-drawer--large {
+  width: 476px;
+}
 .ods-drawer--right {
   left: auto;
   right: 0;
@@ -3937,7 +3969,7 @@
 
 .ods-drawer__content--header {
   display: flex;
-  height: 48px;
+  min-height: 48px;
   padding: 0 24px;
 }
 .ods-drawer__content--header--left {
@@ -3963,6 +3995,11 @@
 .ods-drawer__content--header .ods-btn--primary:hover {
   background-color: white;
 }
+@media (max-width: 767px) {
+  .ods-drawer__content--header {
+    padding: 0 16px;
+  }
+}
 
 .ods-snackbar {
   align-items: center;