@useblu/ocean-core 1.53.0 → 1.54.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.54.0](https://github.com/ocean-ds/ocean-web/compare/v1.53.0...v1.54.0) (2024-03-25)
7
+
8
+ ### Features
9
+
10
+ - 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))
11
+
6
12
  # [1.53.0](https://github.com/ocean-ds/ocean-web/compare/v1.52.2...v1.53.0) (2024-03-21)
7
13
 
8
14
  ### Features
package/ocean.css CHANGED
@@ -4435,21 +4435,36 @@
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
+ }
4448
+ .ods-chips__options--content {
4449
+ align-items: flex-start;
4443
4450
  display: flex;
4444
4451
  flex-direction: column;
4445
4452
  max-height: 200px;
4453
+ -ms-overflow-style: none;
4446
4454
  overflow-y: auto;
4447
- padding: 4px;
4448
- position: absolute;
4449
4455
  scrollbar-width: none;
4450
- top: 38px;
4451
4456
  width: 220px;
4452
4457
  }
4458
+ .ods-chips__options--content--columns-2 {
4459
+ display: grid;
4460
+ grid-template-columns: repeat(2, 1fr);
4461
+ width: 296px;
4462
+ }
4463
+ .ods-chips__options--content--columns-3 {
4464
+ display: grid;
4465
+ grid-template-columns: repeat(3, 1fr);
4466
+ width: 436px;
4467
+ }
4453
4468
  .ods-chips__options::-webkit-scrollbar {
4454
4469
  display: none;
4455
4470
  }
@@ -4461,6 +4476,7 @@
4461
4476
  display: flex;
4462
4477
  font-size: 14px;
4463
4478
  font-weight: 400;
4479
+ gap: 8px;
4464
4480
  min-height: 40px;
4465
4481
  padding: 8px 12px;
4466
4482
  width: 100%;
@@ -4470,4 +4486,11 @@
4470
4486
  border-radius: 4px;
4471
4487
  color: #0025e0;
4472
4488
  }
4489
+ .ods-chips__options--footer {
4490
+ border-top: 1px solid #ebecf5;
4491
+ display: flex;
4492
+ flex-direction: row;
4493
+ justify-content: space-between;
4494
+ padding: 16px 16px 16px 8px;
4495
+ }
4473
4496
  /*# sourceMappingURL=ocean.css.map */