@useblu/ocean-core 1.29.1 → 1.30.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,24 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.30.1](https://github.com/ocean-ds/ocean-web/compare/v1.30.0...v1.30.1) (2022-03-11)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **textarea:** add width 100% to textarea ([#940](https://github.com/ocean-ds/ocean-web/issues/940)) ([075cc1a](https://github.com/ocean-ds/ocean-web/commit/075cc1a34b704fecfb563cc645a8f93b8437c7f7))
11
+
12
+ # [1.30.0](https://github.com/ocean-ds/ocean-web/compare/v1.29.3...v1.30.0) (2022-03-10)
13
+
14
+ ### Features
15
+
16
+ - **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))
17
+
18
+ ## [1.29.3](https://github.com/ocean-ds/ocean-web/compare/v1.29.2...v1.29.3) (2022-03-07)
19
+
20
+ ### Bug Fixes
21
+
22
+ - **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))
23
+
6
24
  ## [1.29.1](https://github.com/ocean-ds/ocean-web/compare/v1.29.0...v1.29.1) (2022-02-24)
7
25
 
8
26
  ### Bug Fixes
package/ocean.css CHANGED
@@ -1046,9 +1046,6 @@
1046
1046
  display: flex;
1047
1047
  flex-direction: column;
1048
1048
  font-family: "Nunito Sans";
1049
- }
1050
- .ods-form-control__element--blocked :first-child {
1051
- box-sizing: border-box;
1052
1049
  width: 100%;
1053
1050
  }
1054
1051
  .ods-form-control__helper-text {
@@ -1109,6 +1106,9 @@
1109
1106
  .ods-input input::placeholder {
1110
1107
  color: #d8dae8;
1111
1108
  }
1109
+ .ods-input__number-controls {
1110
+ cursor: pointer;
1111
+ }
1112
1112
  .ods-input__adornment {
1113
1113
  align-items: center;
1114
1114
  display: flex;
@@ -1151,6 +1151,29 @@
1151
1151
  border-color: #f5456e;
1152
1152
  }
1153
1153
 
1154
+ .ods-input--amount {
1155
+ width: 100%;
1156
+ }
1157
+ .ods-input--amount input {
1158
+ -webkit-appearance: none;
1159
+ -moz-appearance: none;
1160
+ appearance: none;
1161
+ display: block;
1162
+ margin: 0;
1163
+ text-align: center;
1164
+ }
1165
+ .ods-input--amount__stepper-controls {
1166
+ align-items: center;
1167
+ cursor: pointer;
1168
+ display: block;
1169
+ }
1170
+ .ods-input--amount__stepper-controls_plus {
1171
+ padding-right: 4px;
1172
+ }
1173
+ .ods-input--amount__stepper-controls_minus {
1174
+ padding-left: 4px;
1175
+ }
1176
+
1154
1177
  .ods-textarea {
1155
1178
  background-color: white;
1156
1179
  border: 1px solid #d8dae8;
@@ -1164,6 +1187,7 @@
1164
1187
  outline: none;
1165
1188
  padding: 16px;
1166
1189
  resize: none;
1190
+ width: 100%;
1167
1191
  }
1168
1192
  .ods-textarea::-moz-placeholder {
1169
1193
  color: #d8dae8;
@@ -1989,7 +2013,7 @@
1989
2013
  transition: background-color 0.1s ease-out;
1990
2014
  width: 48px;
1991
2015
  }
1992
- .ods-icon-btn:hover, .ods-icon-btn:focus {
2016
+ .ods-icon-btn:hover {
1993
2017
  background: #f7f9ff;
1994
2018
  color: #0025e0;
1995
2019
  }
@@ -2011,12 +2035,11 @@
2011
2035
  width: 48px;
2012
2036
  }
2013
2037
  .ods-icon-btn--disabled {
2014
- background-color: #ebecf5;
2015
2038
  color: #b6b9cc;
2016
2039
  cursor: not-allowed;
2017
2040
  }
2018
- .ods-icon-btn--disabled:hover, .ods-icon-btn--disabled:focus {
2019
- background-color: #ebecf5;
2041
+ .ods-icon-btn--disabled:hover {
2042
+ background-color: inherit;
2020
2043
  color: #b6b9cc;
2021
2044
  }
2022
2045
 
@@ -2457,18 +2480,21 @@
2457
2480
  .ods-badge--medium .ods-badge__content {
2458
2481
  font-size: 12px;
2459
2482
  height: 24px;
2483
+ line-height: 24px;
2460
2484
  min-width: 24px;
2461
2485
  width: 24px;
2462
2486
  }
2463
2487
  .ods-badge--small .ods-badge__content {
2464
2488
  font-size: 10px;
2465
2489
  height: 16px;
2490
+ line-height: 16px;
2466
2491
  min-width: 16px;
2467
2492
  }
2468
2493
  .ods-badge--tiny .ods-badge__content {
2469
2494
  display: block;
2470
2495
  font-size: 10px;
2471
2496
  height: 8px;
2497
+ line-height: 8px;
2472
2498
  min-width: 8px;
2473
2499
  overflow: hidden;
2474
2500
  width: 8px;