@useblu/ocean-core 1.29.0 → 1.30.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.30.0](https://github.com/ocean-ds/ocean-web/compare/v1.29.3...v1.30.0) (2022-03-10)
+
+### Features
+
+- **stepper:** adds new stepper component ([#934](https://github.com/ocean-ds/ocean-web/issues/934)) ([6445c19](https://github.com/ocean-ds/ocean-web/commit/6445c192881c853a2a3befeef0289c7f967c9546))
+
+## [1.29.3](https://github.com/ocean-ds/ocean-web/compare/v1.29.2...v1.29.3) (2022-03-07)
+
+### Bug Fixes
+
+- **badge:** adjust line heigh in every size ([#929](https://github.com/ocean-ds/ocean-web/issues/929)) ([003595e](https://github.com/ocean-ds/ocean-web/commit/003595e2b0140b51b1712214b50bfff619bd7125))
+
+## [1.29.1](https://github.com/ocean-ds/ocean-web/compare/v1.29.0...v1.29.1) (2022-02-24)
+
+### Bug Fixes
+
+- **button:** add hover transition to icon button variant. ([#923](https://github.com/ocean-ds/ocean-web/issues/923)) ([c3b94d6](https://github.com/ocean-ds/ocean-web/commit/c3b94d66f278a286c76731c5114562da0a671b30))
+
 # [1.29.0](https://github.com/ocean-ds/ocean-web/compare/v1.28.0...v1.29.0) (2022-02-24)
 
 ### Features

package/ocean.css

@@ -1046,9 +1046,6 @@
   display: flex;
   flex-direction: column;
   font-family: "Nunito Sans";
-}
-.ods-form-control__element--blocked :first-child {
-  box-sizing: border-box;
   width: 100%;
 }
 .ods-form-control__helper-text {
@@ -1109,6 +1106,9 @@
 .ods-input input::placeholder {
   color: #d8dae8;
 }
+.ods-input__number-controls {
+  cursor: pointer;
+}
 .ods-input__adornment {
   align-items: center;
   display: flex;
@@ -1151,6 +1151,29 @@
   border-color: #f5456e;
 }
 
+.ods-input--amount {
+  width: 100%;
+}
+.ods-input--amount input {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  display: block;
+  margin: 0;
+  text-align: center;
+}
+.ods-input--amount__stepper-controls {
+  align-items: center;
+  cursor: pointer;
+  display: block;
+}
+.ods-input--amount__stepper-controls_plus {
+  padding-right: 4px;
+}
+.ods-input--amount__stepper-controls_minus {
+  padding-left: 4px;
+}
+
 .ods-textarea {
   background-color: white;
   border: 1px solid #d8dae8;
@@ -1986,9 +2009,10 @@
   justify-content: center;
   line-height: 1;
   outline: none;
+  transition: background-color 0.1s ease-out;
   width: 48px;
 }
-.ods-icon-btn:hover, .ods-icon-btn:focus {
+.ods-icon-btn:hover {
   background: #f7f9ff;
   color: #0025e0;
 }
@@ -2010,12 +2034,11 @@
   width: 48px;
 }
 .ods-icon-btn--disabled {
-  background-color: #ebecf5;
   color: #b6b9cc;
   cursor: not-allowed;
 }
-.ods-icon-btn--disabled:hover, .ods-icon-btn--disabled:focus {
-  background-color: #ebecf5;
+.ods-icon-btn--disabled:hover {
+  background-color: inherit;
   color: #b6b9cc;
 }
 
@@ -2456,18 +2479,21 @@
 .ods-badge--medium .ods-badge__content {
   font-size: 12px;
   height: 24px;
+  line-height: 24px;
   min-width: 24px;
   width: 24px;
 }
 .ods-badge--small .ods-badge__content {
   font-size: 10px;
   height: 16px;
+  line-height: 16px;
   min-width: 16px;
 }
 .ods-badge--tiny .ods-badge__content {
   display: block;
   font-size: 10px;
   height: 8px;
+  line-height: 8px;
   min-width: 8px;
   overflow: hidden;
   width: 8px;