@useblu/ocean-core 1.48.1 → 1.50.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.50.0](https://github.com/ocean-ds/ocean-web/compare/v1.49.0...v1.50.0) (2023-09-27)
+
+### Features
+
+- create card list item ([#1082](https://github.com/ocean-ds/ocean-web/issues/1082)) ([21f665b](https://github.com/ocean-ds/ocean-web/commit/21f665bc6e793bfc672687adb028e61f57a955c4))
+
+# [1.49.0](https://github.com/ocean-ds/ocean-web/compare/v1.48.1...v1.49.0) (2023-09-01)
+
+### Features
+
+- center chevron with content ([#1081](https://github.com/ocean-ds/ocean-web/issues/1081)) ([0f1370b](https://github.com/ocean-ds/ocean-web/commit/0f1370b3de8cc6dff7b9499620428c0685771827))
+
 ## [1.48.1](https://github.com/ocean-ds/ocean-web/compare/v1.48.0...v1.48.1) (2023-08-30)
 
 ### Bug Fixes

package/ocean.css

@@ -3712,7 +3712,7 @@
 .ods-breadcrumb svg {
   color: #b6b9cc;
 }
-.ods-breadcrumb div {
+.ods-breadcrumb__item {
   align-items: center;
   display: flex;
   gap: 4px;
@@ -4214,4 +4214,103 @@
   height: 100%;
   width: 100%;
 }
+
+.ods-card-list-item {
+  align-items: center;
+  border: 1px solid #ebecf5;
+  border-radius: 8px;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  padding: 16px;
+  transition: 200ms;
+  width: 320px;
+}
+.ods-card-list-item__leading-icon {
+  background-color: #f7f9ff;
+  border-radius: 50%;
+  box-sizing: content-box;
+  color: #5872f5;
+  height: 24px;
+  padding: 8px;
+  transition: 200ms;
+  width: 24px;
+}
+.ods-card-list-item__leading-icon svg {
+  height: 24px;
+  width: 24px;
+}
+.ods-card-list-item__content {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.ods-card-list-item__content__title {
+  color: #0c0d14;
+  font-family: "Nunito Sans";
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1.5;
+}
+.ods-card-list-item__content__description {
+  color: #67697a;
+  font-family: "Nunito Sans";
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5;
+}
+.ods-card-list-item__content__caption {
+  color: #67697a;
+  font-family: "Nunito Sans";
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.5;
+  margin-top: 4px;
+}
+.ods-card-list-item__action {
+  background-color: transparent;
+  color: #b6b9cc;
+  height: 20px;
+  width: 20px;
+}
+.ods-card-list-item__action:hover {
+  background-color: transparent;
+}
+.ods-card-list-item__action svg {
+  height: 20px;
+  width: 20px;
+}
+.ods-card-list-item:hover:not(.ods-card-list-item--disabled) {
+  background-color: #f7f9ff;
+}
+.ods-card-list-item:hover:not(.ods-card-list-item--disabled):not(.ods-card-list-item--size-small) .ods-card-list-item__leading-icon {
+  background-color: rgba(184, 195, 255, 0.16);
+}
+.ods-card-list-item--disabled {
+  cursor: not-allowed;
+}
+.ods-card-list-item--disabled .ods-card-list-item__content__title,
+.ods-card-list-item--disabled .ods-card-list-item__content__description,
+.ods-card-list-item--disabled .ods-card-list-item__content__caption {
+  color: #b6b9cc;
+}
+.ods-card-list-item--disabled .ods-card-list-item__leading-icon,
+.ods-card-list-item--disabled .ods-card-list-item__action {
+  color: #d8dae8;
+}
+.ods-card-list-item--size-small .ods-card-list-item__content__title {
+  font-size: 14px;
+}
+.ods-card-list-item--size-small .ods-card-list-item__content__description {
+  font-size: 12px;
+}
+.ods-card-list-item--size-small .ods-card-list-item__leading-icon {
+  background-color: transparent;
+  padding: 0;
+}
+.ods-card-list-item--full-width {
+  width: 100%;
+}
 /*# sourceMappingURL=ocean.css.map */