@useblu/ocean-core 1.31.0 → 1.31.4

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.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
+
+- **checkbox:** add min-width and min-height to checkbox ([#964](https://github.com/ocean-ds/ocean-web/issues/964)) ([425eaf6](https://github.com/ocean-ds/ocean-web/commit/425eaf689cb837ac3f0f0634570e1a989e970310))
+
 # [1.31.0](https://github.com/ocean-ds/ocean-web/compare/v1.30.4...v1.31.0) (2022-04-06)
 
 ### Features

package/ocean.css

@@ -1481,8 +1481,10 @@
   border-radius: 4px;
   box-sizing: border-box;
   cursor: pointer;
-  height: 24px;
-  width: 24px;
+  height: 20px;
+  min-height: 20px;
+  min-width: 20px;
+  width: 20px;
 }
 .ods-checkbox__checkmark::after {
   border: solid #fff;
@@ -1490,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;
 }
@@ -1556,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;
@@ -1584,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;
@@ -1600,7 +1602,7 @@
   box-sizing: border-box;
   cursor: pointer;
   left: 0;
-  padding: 3px;
+  padding: 2px;
   position: absolute;
   right: 0;
   top: 0;
@@ -1611,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;