@useblu/ocean-core 1.46.2 → 1.47.0

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,12 @@
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.47.0](https://github.com/ocean-ds/ocean-web/compare/v1.46.3...v1.47.0) (2023-06-27)
7
+
8
+ ### Features
9
+
10
+ - 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))
11
+
6
12
  ## [1.46.2](https://github.com/ocean-ds/ocean-web/compare/v1.46.1...v1.46.2) (2023-06-22)
7
13
 
8
14
  ### Bug Fixes
package/ocean.css CHANGED
@@ -4126,6 +4126,7 @@
4126
4126
  cursor: pointer;
4127
4127
  display: flex;
4128
4128
  flex-direction: column;
4129
+ gap: 8px;
4129
4130
  padding: 16px;
4130
4131
  position: relative;
4131
4132
  transition: 200ms ease-in;
@@ -4144,37 +4145,28 @@
4144
4145
  color: #b6b9cc;
4145
4146
  }
4146
4147
  .ods-shortcut--tiny {
4147
- width: 80px;
4148
+ min-width: 80px;
4148
4149
  }
4149
- .ods-shortcut--tiny .ods-shortcut__content {
4150
- gap: 8px;
4150
+ .ods-shortcut--tiny.ods-shortcut--horizontal {
4151
+ min-width: 100px;
4151
4152
  }
4152
4153
  .ods-shortcut--small {
4153
- width: 116px;
4154
- }
4155
- .ods-shortcut--small .ods-shortcut__content {
4156
- gap: 8px;
4154
+ min-width: 116px;
4157
4155
  }
4158
- .ods-shortcut--small .ods-shortcut__label {
4159
- align-items: flex-end;
4160
- display: flex;
4161
- height: 40px;
4156
+ .ods-shortcut--small.ods-shortcut--horizontal {
4157
+ min-width: 140px;
4162
4158
  }
4163
4159
  .ods-shortcut--medium {
4164
- gap: 8px;
4165
- width: 158px;
4160
+ min-width: 158px;
4166
4161
  }
4167
- .ods-shortcut--medium .ods-shortcut__content {
4168
- gap: 16px;
4162
+ .ods-shortcut--medium.ods-shortcut--horizontal {
4163
+ min-width: 200px;
4169
4164
  }
4170
- .ods-shortcut--large {
4165
+ .ods-shortcut--medium .ods-shortcut__content--vertical {
4171
4166
  gap: 12px;
4172
- width: 200px;
4173
4167
  }
4174
- .ods-shortcut--large .ods-shortcut__content {
4175
- align-items: center;
4176
- flex-direction: row;
4177
- gap: 12px;
4168
+ .ods-shortcut--full-width {
4169
+ width: 100%;
4178
4170
  }
4179
4171
  .ods-shortcut__icon {
4180
4172
  color: #5872f5;
@@ -4183,8 +4175,15 @@
4183
4175
  }
4184
4176
  .ods-shortcut__content {
4185
4177
  display: flex;
4178
+ gap: 8px;
4179
+ }
4180
+ .ods-shortcut__content--vertical {
4186
4181
  flex-direction: column;
4187
4182
  }
4183
+ .ods-shortcut__content--horizontal {
4184
+ align-items: center;
4185
+ flex-direction: row;
4186
+ }
4188
4187
  .ods-shortcut__label {
4189
4188
  color: #393b47;
4190
4189
  font-weight: 900;