@useblu/ocean-core 1.68.1 → 1.70.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.70.0](https://github.com/ocean-ds/ocean-web/compare/v1.69.1...v1.70.0) (2024-12-04)
+
+### Features
+
+- update shortcut ([#1121](https://github.com/ocean-ds/ocean-web/issues/1121)) ([f4cd7f3](https://github.com/ocean-ds/ocean-web/commit/f4cd7f359132dfd3c85ed53962c118a9c83d0509))
+
+## [1.69.1](https://github.com/ocean-ds/ocean-web/compare/v1.69.0...v1.69.1) (2024-11-13)
+
+### Bug Fixes
+
+- checkbox border radius ([#1120](https://github.com/ocean-ds/ocean-web/issues/1120)) ([821429d](https://github.com/ocean-ds/ocean-web/commit/821429d660f275319657518cf77c1c828d3344bf))
+
+# [1.69.0](https://github.com/ocean-ds/ocean-web/compare/v1.68.1...v1.69.0) (2024-08-21)
+
+### Features
+
+- add optionally tag on card list item ([#1119](https://github.com/ocean-ds/ocean-web/issues/1119)) ([d300d12](https://github.com/ocean-ds/ocean-web/commit/d300d1282d6910555304f358bfd4dfe9d4991da3))
+
 ## [1.68.1](https://github.com/ocean-ds/ocean-web/compare/v1.68.0...v1.68.1) (2024-08-19)
 
 ### Bug Fixes

package/ocean.css

@@ -1512,6 +1512,19 @@
   position: absolute;
   width: 0;
 }
+.ods-checkbox__root-container {
+  display: flex;
+  flex-direction: column;
+}
+.ods-checkbox__root-container__error-message {
+  color: #f5456e;
+  font-family: "Nunito Sans";
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.5;
+  padding-top: 8px;
+  word-break: break-word;
+}
 .ods-checkbox__root {
   display: inline-flex;
   -webkit-user-select: none;
@@ -1530,7 +1543,7 @@
 .ods-checkbox__checkmark {
   background-color: white;
   border: solid 1px #aaadc0;
-  border-radius: 8px;
+  border-radius: 4px;
   box-sizing: border-box;
   cursor: pointer;
   height: 20px;
@@ -1560,12 +1573,13 @@
 }
 .ods-checkbox__checkmark--indeterminate::after {
   border: 0;
+  border-radius: 1px;
   border-top: 2px solid #fff;
   height: 0;
   margin: 0;
   position: absolute;
   transform: none;
-  width: 14px;
+  width: 12px;
 }
 .ods-checkbox:checked ~ .ods-checkbox__checkmark::after {
   display: block;
@@ -2074,7 +2088,7 @@
   box-sizing: border-box;
   color: white;
   display: flex;
-  font-weight: 700;
+  font-weight: 800;
   justify-content: center;
   white-space: nowrap;
   width: auto;
@@ -4523,7 +4537,7 @@
   align-items: flex-start;
   background-color: white;
   border: 1px solid #e0e2ee;
-  border-radius: 12px;
+  border-radius: 8px;
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -4536,8 +4550,11 @@
 .ods-shortcut:is(:hover, :focus) {
   background-color: #f3f5fe;
 }
+.ods-shortcut--blocked .ods-shortcut__content--horizontal, .ods-shortcut--with-badge .ods-shortcut__content--horizontal {
+  margin-right: 16px;
+}
 .ods-shortcut--disabled {
-  background-color: rgba(235, 236, 245, 0.64);
+  background-color: #f3f5fe;
   border-color: transparent;
   cursor: not-allowed;
 }
@@ -4552,11 +4569,14 @@
 .ods-shortcut--tiny.ods-shortcut--horizontal {
   min-width: 100px;
 }
+.ods-shortcut--tiny.ods-shortcut--horizontal.ods-shortcut--blocked, .ods-shortcut--tiny.ods-shortcut--horizontal.ods-shortcut--with-badge {
+  min-width: 116px;
+}
 .ods-shortcut--small {
   min-width: 116px;
 }
-.ods-shortcut--small.ods-shortcut--horizontal {
-  min-width: 140px;
+.ods-shortcut--small .ods-shortcut__content--vertical {
+  gap: 26px;
 }
 .ods-shortcut--medium {
   min-width: 158px;
@@ -4565,7 +4585,7 @@
   min-width: 200px;
 }
 .ods-shortcut--medium .ods-shortcut__content--vertical {
-  gap: 12px;
+  gap: 16px;
 }
 .ods-shortcut--full-width {
   width: 100%;
@@ -4587,11 +4607,7 @@
   flex-direction: row;
 }
 .ods-shortcut__label {
-  color: #393b47;
-  font-weight: 900;
-  height: -webkit-max-content;
-  height: -moz-max-content;
-  height: max-content;
+  height: 16px;
 }
 .ods-shortcut__description {
   font-size: 12px;
@@ -4632,6 +4648,12 @@
   height: 24px;
   width: 24px;
 }
+.ods-card-list-item__wrapper {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}
 .ods-card-list-item__content {
   display: flex;
   flex-direction: column;