@useblu/ocean-core 1.69.1 → 1.71.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.71.0](https://github.com/ocean-ds/ocean-web/compare/v1.70.1...v1.71.0) (2024-12-06)
+
+### Features
+
+- create text list item ([#1123](https://github.com/ocean-ds/ocean-web/issues/1123)) ([ae17cd7](https://github.com/ocean-ds/ocean-web/commit/ae17cd7b094ee696a88fd981e67b3326ff3c9b40))
+
+# [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

package/ocean.css

@@ -2088,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;
@@ -3201,6 +3201,94 @@
   white-space: nowrap;
 }
 
+.ods-text-list-item-selectable .ods-checkbox__root,
+.ods-text-list-item-selectable .ods-radio__root {
+  align-items: center;
+  background-color: white;
+  padding: 16px;
+}
+.ods-text-list-item-selectable .ods-checkbox__root:hover, .ods-text-list-item-selectable .ods-checkbox__root:focus,
+.ods-text-list-item-selectable .ods-radio__root:hover,
+.ods-text-list-item-selectable .ods-radio__root:focus {
+  background-color: #f3f5fe;
+  cursor: pointer;
+}
+.ods-text-list-item-selectable .ods-checkbox__label,
+.ods-text-list-item-selectable .ods-radio__label {
+  padding-left: 16px;
+  width: 100%;
+}
+
+.ods-text-list-item {
+  align-items: center;
+  align-items: flex-start;
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  min-width: 320px;
+  padding: 16px;
+  width: 100%;
+}
+.ods-text-list-item--with-action {
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 16px 8px 16px 16px;
+}
+.ods-text-list-item--with-action svg {
+  color: #aaadc0;
+  height: 20px;
+  width: 20px;
+}
+.ods-text-list-item--with-action:hover, .ods-text-list-item--with-action:focus {
+  background-color: #f3f5fe;
+  cursor: pointer;
+}
+.ods-text-list-item--selectable {
+  background-color: transparent;
+  padding: 0;
+}
+.ods-text-list-item--wide {
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.ods-text-list-item--wide .ods-text-list-item__info-text.ods-typography__description {
+  margin-top: 0;
+}
+.ods-text-list-item__default-content {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+}
+.ods-text-list-item__info-text.ods-typography__description {
+  margin-top: 8px;
+}
+.ods-text-list-item__info-text--neutral.ods-typography__description {
+  color: #393b47;
+}
+.ods-text-list-item__info-text--positive.ods-typography__description {
+  color: #2da94f;
+}
+.ods-text-list-item .ods-typography__paragraph {
+  align-items: center;
+  color: #0c0d14;
+  display: flex;
+  gap: 4px;
+}
+.ods-text-list-item .ods-typography__captionbold {
+  margin-top: 8px;
+}
+.ods-text-list-item .ods-tag--medium {
+  max-height: 20px;
+}
+
+.ods-text-list-item--button {
+  background-color: transparent;
+  border: hidden;
+  padding: 0;
+}
+
 .ods-typography {
   margin: 0;
 }
@@ -4537,7 +4625,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;
@@ -4550,8 +4638,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;
 }
@@ -4566,11 +4657,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;
@@ -4579,7 +4673,7 @@
   min-width: 200px;
 }
 .ods-shortcut--medium .ods-shortcut__content--vertical {
-  gap: 12px;
+  gap: 16px;
 }
 .ods-shortcut--full-width {
   width: 100%;
@@ -4601,11 +4695,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;