@useblu/ocean-core 1.46.2 → 1.47.1

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.1](https://github.com/ocean-ds/ocean-web/compare/v1.47.0...v1.47.1) (2023-07-03)
+
+### Bug Fixes
+
+- Center checkbox icon ([#1074](https://github.com/ocean-ds/ocean-web/issues/1074)) ([6441262](https://github.com/ocean-ds/ocean-web/commit/6441262c2382bf544a0097e8ce9d235a61a284f6))
+
+# [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

package/ocean.css

@@ -1511,11 +1511,12 @@
 .ods-checkbox__checkmark::after {
   border: solid #fff;
   border-width: 0 2px 2px 0;
+  box-sizing: border-box;
   content: "";
   display: none;
   height: 10px;
-  margin-left: 5px;
-  margin-top: 1px;
+  margin-left: 6px;
+  margin-top: 3px;
   transform: rotate(40deg);
   width: 6px;
 }
@@ -4126,6 +4127,7 @@
   cursor: pointer;
   display: flex;
   flex-direction: column;
+  gap: 8px;
   padding: 16px;
   position: relative;
   transition: 200ms ease-in;
@@ -4144,37 +4146,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;
@@ -4183,8 +4176,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;