@useblu/ocean-core 1.53.0 → 1.54.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,18 @@
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.54.1](https://github.com/ocean-ds/ocean-web/compare/v1.54.0...v1.54.1) (2024-03-26)
7
+
8
+ ### Bug Fixes
9
+
10
+ - adjust optins columns ([#1093](https://github.com/ocean-ds/ocean-web/issues/1093)) ([b49ed7c](https://github.com/ocean-ds/ocean-web/commit/b49ed7cc28408a1cce4a2f6366b7c8799bff563e))
11
+
12
+ # [1.54.0](https://github.com/ocean-ds/ocean-web/compare/v1.53.0...v1.54.0) (2024-03-25)
13
+
14
+ ### Features
15
+
16
+ - add multi choice options on chips ([#1092](https://github.com/ocean-ds/ocean-web/issues/1092)) ([fc239e5](https://github.com/ocean-ds/ocean-web/commit/fc239e5e66b556c2c1580aab1735077e378e17c7))
17
+
6
18
  # [1.53.0](https://github.com/ocean-ds/ocean-web/compare/v1.52.2...v1.53.0) (2024-03-21)
7
19
 
8
20
  ### Features
package/ocean.css CHANGED
@@ -4435,21 +4435,41 @@
4435
4435
  margin: 0;
4436
4436
  }
4437
4437
  .ods-chips__options {
4438
- -ms-overflow-style: none;
4439
- align-items: flex-start;
4440
4438
  background: white;
4441
4439
  border: 1px solid #ebecf5;
4442
- border-radius: 10px;
4440
+ border-radius: 4px;
4441
+ box-shadow: 0 8px 16px rgba(12, 13, 20, 0.08);
4442
+ display: flex;
4443
+ flex-direction: column;
4444
+ padding: 4px 0;
4445
+ position: absolute;
4446
+ top: 38px;
4447
+ width: auto;
4448
+ }
4449
+ .ods-chips__options--content {
4450
+ align-items: flex-start;
4443
4451
  display: flex;
4444
4452
  flex-direction: column;
4445
4453
  max-height: 200px;
4454
+ -ms-overflow-style: none;
4446
4455
  overflow-y: auto;
4447
- padding: 4px;
4448
- position: absolute;
4449
4456
  scrollbar-width: none;
4450
- top: 38px;
4451
4457
  width: 220px;
4452
4458
  }
4459
+ .ods-chips__options--content--columns-2 {
4460
+ display: grid;
4461
+ grid-column-gap: 20px;
4462
+ grid-template-columns: repeat(2, 1fr);
4463
+ min-width: 296px;
4464
+ width: auto;
4465
+ }
4466
+ .ods-chips__options--content--columns-3 {
4467
+ display: grid;
4468
+ grid-column-gap: 20px;
4469
+ grid-template-columns: repeat(3, 1fr);
4470
+ min-width: 436px;
4471
+ width: auto;
4472
+ }
4453
4473
  .ods-chips__options::-webkit-scrollbar {
4454
4474
  display: none;
4455
4475
  }
@@ -4461,8 +4481,10 @@
4461
4481
  display: flex;
4462
4482
  font-size: 14px;
4463
4483
  font-weight: 400;
4484
+ gap: 8px;
4464
4485
  min-height: 40px;
4465
4486
  padding: 8px 12px;
4487
+ text-wrap: nowrap;
4466
4488
  width: 100%;
4467
4489
  }
4468
4490
  .ods-chips__options--option:hover {
@@ -4470,4 +4492,11 @@
4470
4492
  border-radius: 4px;
4471
4493
  color: #0025e0;
4472
4494
  }
4495
+ .ods-chips__options--footer {
4496
+ border-top: 1px solid #ebecf5;
4497
+ display: flex;
4498
+ flex-direction: row;
4499
+ justify-content: space-between;
4500
+ padding: 16px 16px 16px 8px;
4501
+ }
4473
4502
  /*# sourceMappingURL=ocean.css.map */