@useblu/ocean-core 1.31.4 → 1.34.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.34.0](https://github.com/ocean-ds/ocean-web/compare/v1.33.1...v1.34.0) (2022-08-03)
+
+### Features
+
+- **crosssellcard:** CustomIcon + increases the clickable area for the whole component ([#992](https://github.com/ocean-ds/ocean-web/issues/992)) ([7f16ad2](https://github.com/ocean-ds/ocean-web/commit/7f16ad209c8d6beb6a330270bb70209398aaa81e))
+
+# [1.33.0](https://github.com/ocean-ds/ocean-web/compare/v1.32.0...v1.33.0) (2022-07-07)
+
+### Features
+
+- add checkbox error state ([#982](https://github.com/ocean-ds/ocean-web/issues/982)) ([e36081e](https://github.com/ocean-ds/ocean-web/commit/e36081ec995356f5f7215d158bfcca66c24e1153))
+
+# [1.32.0](https://github.com/ocean-ds/ocean-web/compare/v1.31.4...v1.32.0) (2022-06-30)
+
+### Features
+
+- add cross sell card component ([#980](https://github.com/ocean-ds/ocean-web/issues/980)) ([6177870](https://github.com/ocean-ds/ocean-web/commit/61778709e2ac7d6f0f9daafce2f2888f09d84ccf))
+
 ## [1.31.4](https://github.com/ocean-ds/ocean-web/compare/v1.31.3...v1.31.4) (2022-06-28)
 
 **Note:** Version bump only for package @useblu/ocean-core

package/ocean.css

@@ -1497,6 +1497,9 @@
   transform: rotate(40deg);
   width: 6px;
 }
+.ods-checkbox__checkmark--error {
+  border-color: #f5456e;
+}
 .ods-checkbox__checkmark--indeterminate {
   align-items: center;
   display: flex;
@@ -3166,4 +3169,83 @@
   display: flex;
   justify-content: center;
 }
+
+.ods-cross-sell-card {
+  border-radius: 8px;
+  cursor: pointer;
+  min-height: 156px;
+  width: 100%;
+}
+.ods-cross-sell-card__content {
+  align-items: center;
+  background-color: #0025e0;
+  border: 1px solid #ebecf5;
+  border-bottom: 0;
+  border-radius: 8px 8px 0 0;
+  display: flex;
+  gap: 16px;
+  justify-content: center;
+  padding: 12px 24px;
+  transition: background 0.1s ease-in;
+}
+@media (max-width: 991.98px) {
+  .ods-cross-sell-card__content {
+    padding: 16px;
+  }
+}
+.ods-cross-sell-card__information {
+  width: 100%;
+}
+.ods-cross-sell-card__image {
+  min-height: 102px;
+  width: 102px;
+}
+@media (max-width: 991.98px) {
+  .ods-cross-sell-card__image {
+    min-height: 80px;
+    width: 80px;
+  }
+}
+.ods-cross-sell-card__description {
+  color: #b8c3ff;
+  margin-top: 4px;
+}
+.ods-cross-sell-card__cta {
+  align-items: center;
+  background: white;
+  border: 1px solid #ebecf5;
+  border-radius: 0 0 8px 8px;
+  border-top: 0;
+  color: #0025e0;
+  display: flex;
+  font-family: "Nunito Sans";
+  font-size: 14px;
+  font-weight: 700;
+  gap: 8px;
+  height: 48px;
+  justify-content: space-between;
+  padding-left: 24px;
+  padding-right: 24px;
+  transition: background 0.1s ease-in;
+  width: 100%;
+}
+@media (max-width: 991.98px) {
+  .ods-cross-sell-card__cta {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+.ods-cross-sell-card__cta:hover {
+  background: #f7f9ff;
+  cursor: pointer;
+}
+.ods-cross-sell-card__cta:active {
+  background: #ebecf5;
+}
+.ods-cross-sell-card__cta:focus-visible {
+  outline: #0025e0 auto 1px;
+}
+.ods-cross-sell-card__cta-icon svg {
+  color: #0025e0;
+}
 /*# sourceMappingURL=ocean.css.map */