@useblu/ocean-core 1.70.0 → 1.71.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 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

package/ocean.css

@@ -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;
 }