@useblu/ocean-core 1.31.2 → 1.32.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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
+
+## [1.31.3](https://github.com/ocean-ds/ocean-web/compare/v1.31.2...v1.31.3) (2022-05-24)
+
+### Bug Fixes
+
+- **checkbox:** fix checkmark position ([#967](https://github.com/ocean-ds/ocean-web/issues/967)) ([f897612](https://github.com/ocean-ds/ocean-web/commit/f897612ff6c30dcc2ea7914618633f55c51d5e3a))
+
 ## [1.31.2](https://github.com/ocean-ds/ocean-web/compare/v1.31.1...v1.31.2) (2022-05-24)
 
 ### Bug Fixes

package/ocean.css

@@ -1492,8 +1492,8 @@
   content: "";
   display: none;
   height: 10px;
-  margin-left: 7px;
-  margin-top: 3px;
+  margin-left: 5px;
+  margin-top: 1px;
   transform: rotate(40deg);
   width: 6px;
 }
@@ -1558,11 +1558,11 @@
   border-radius: 50%;
   box-sizing: border-box;
   cursor: pointer;
-  height: 24px;
-  width: 24px;
+  height: 20px;
+  width: 20px;
 }
 .ods-radio:checked ~ .ods-radio__checkmark {
-  border-width: 8px;
+  border-width: 6px;
 }
 .ods-radio:checked:not(:disabled) ~ .ods-radio__checkmark {
   border-color: #13bdbd;
@@ -1586,9 +1586,9 @@
 }
 .ods-switch__root {
   display: inline-block;
-  height: 24px;
+  height: 20px;
   position: relative;
-  width: 44px;
+  width: 40px;
 }
 .ods-switch__root:hover .ods-switch__slider {
   background-color: #f7f9ff;
@@ -1602,7 +1602,7 @@
   box-sizing: border-box;
   cursor: pointer;
   left: 0;
-  padding: 3px;
+  padding: 2px;
   position: absolute;
   right: 0;
   top: 0;
@@ -1613,9 +1613,9 @@
   border-radius: 50%;
   content: "";
   display: block;
-  height: 16px;
+  height: 14px;
   transition: all 0.2s ease;
-  width: 16px;
+  width: 14px;
 }
 .ods-switch:checked + .ods-switch__slider::before {
   background-color: white;
@@ -3166,4 +3166,81 @@
   display: flex;
   justify-content: center;
 }
+
+.ods-cross-sell-card {
+  border-radius: 8px;
+  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;
+}
+@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 {
+  color: #0025e0;
+}
 /*# sourceMappingURL=ocean.css.map */