@useblu/ocean-core 1.45.0 → 1.47.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.47.0](https://github.com/ocean-ds/ocean-web/compare/v1.46.3...v1.47.0) (2023-06-27)
+
+### Features
+
+- add orientation prop on shortcut ([#1071](https://github.com/ocean-ds/ocean-web/issues/1071)) ([05d96a1](https://github.com/ocean-ds/ocean-web/commit/05d96a1801a7dbb1dfa4e4b9e91bc0845cbb2884))
+
+## [1.46.2](https://github.com/ocean-ds/ocean-web/compare/v1.46.1...v1.46.2) (2023-06-22)
+
+### Bug Fixes
+
+- update CrossSellCad click event to be in button ([#1072](https://github.com/ocean-ds/ocean-web/issues/1072)) ([3e84280](https://github.com/ocean-ds/ocean-web/commit/3e842804981d95fa5821a0cdd07c123e4e63f956))
+
 # [1.45.0](https://github.com/ocean-ds/ocean-web/compare/v1.44.0...v1.45.0) (2023-06-02)
 
 ### Features

package/ocean.css

@@ -3206,7 +3206,6 @@
 
 .ods-cross-sell-card {
   border-radius: 8px;
-  cursor: pointer;
   min-height: 156px;
   width: 100%;
 }
@@ -4127,6 +4126,7 @@
   cursor: pointer;
   display: flex;
   flex-direction: column;
+  gap: 8px;
   padding: 16px;
   position: relative;
   transition: 200ms ease-in;
@@ -4145,37 +4145,28 @@
   color: #b6b9cc;
 }
 .ods-shortcut--tiny {
-  width: 80px;
+  min-width: 80px;
 }
-.ods-shortcut--tiny .ods-shortcut__content {
-  gap: 8px;
+.ods-shortcut--tiny.ods-shortcut--horizontal {
+  min-width: 100px;
 }
 .ods-shortcut--small {
-  width: 116px;
+  min-width: 116px;
 }
-.ods-shortcut--small .ods-shortcut__content {
-  gap: 8px;
-}
-.ods-shortcut--small .ods-shortcut__label {
-  align-items: flex-end;
-  display: flex;
-  height: 40px;
+.ods-shortcut--small.ods-shortcut--horizontal {
+  min-width: 140px;
 }
 .ods-shortcut--medium {
-  gap: 8px;
-  width: 158px;
+  min-width: 158px;
 }
-.ods-shortcut--medium .ods-shortcut__content {
-  gap: 16px;
+.ods-shortcut--medium.ods-shortcut--horizontal {
+  min-width: 200px;
 }
-.ods-shortcut--large {
+.ods-shortcut--medium .ods-shortcut__content--vertical {
   gap: 12px;
-  width: 200px;
 }
-.ods-shortcut--large .ods-shortcut__content {
-  align-items: center;
-  flex-direction: row;
-  gap: 12px;
+.ods-shortcut--full-width {
+  width: 100%;
 }
 .ods-shortcut__icon {
   color: #5872f5;
@@ -4184,8 +4175,15 @@
 }
 .ods-shortcut__content {
   display: flex;
+  gap: 8px;
+}
+.ods-shortcut__content--vertical {
   flex-direction: column;
 }
+.ods-shortcut__content--horizontal {
+  align-items: center;
+  flex-direction: row;
+}
 .ods-shortcut__label {
   color: #393b47;
   font-weight: 900;