@useblu/ocean-core 1.59.2 → 1.60.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,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.60.0](https://github.com/ocean-ds/ocean-web/compare/v1.59.3...v1.60.0) (2024-06-13)
7
+
8
+ ### Features
9
+
10
+ - add tag size variant ([#1104](https://github.com/ocean-ds/ocean-web/issues/1104)) ([90e4a71](https://github.com/ocean-ds/ocean-web/commit/90e4a716c21902069d4260c0e6e71bf62f8f48c7))
11
+
12
+ ## [1.59.3](https://github.com/ocean-ds/ocean-web/compare/v1.59.2...v1.59.3) (2024-06-06)
13
+
14
+ ### Bug Fixes
15
+
16
+ - adjust alert content ([#1103](https://github.com/ocean-ds/ocean-web/issues/1103)) ([af0acce](https://github.com/ocean-ds/ocean-web/commit/af0acce751bfd2980665fe2530a8d6b8f4ac25db))
17
+
6
18
  ## [1.59.2](https://github.com/ocean-ds/ocean-web/compare/v1.59.1...v1.59.2) (2024-06-05)
7
19
 
8
20
  ### Bug Fixes
package/ocean.css CHANGED
@@ -1851,6 +1851,7 @@
1851
1851
  }
1852
1852
  .ods-alert__text {
1853
1853
  display: flex;
1854
+ flex: 1;
1854
1855
  flex-direction: column;
1855
1856
  }
1856
1857
  .ods-alert__icon {
@@ -2890,15 +2891,43 @@
2890
2891
  color: #67697a;
2891
2892
  display: flex;
2892
2893
  font-family: "Nunito Sans";
2893
- font-size: 12px;
2894
- font-weight: 600;
2894
+ gap: 4px;
2895
2895
  justify-content: left;
2896
- line-height: 1.5;
2897
- padding: 2px 4px;
2898
2896
  width: -webkit-fit-content;
2899
2897
  width: -moz-fit-content;
2900
2898
  width: fit-content;
2901
2899
  }
2900
+ .ods-tag--medium {
2901
+ font-size: 12px;
2902
+ font-weight: 600;
2903
+ line-height: 12px;
2904
+ padding: 4px 8px;
2905
+ }
2906
+ .ods-tag--medium__with-icon {
2907
+ padding: 2px 8px 2px 6px;
2908
+ }
2909
+ .ods-tag--small {
2910
+ font-size: 8px;
2911
+ font-weight: 700;
2912
+ line-height: 8px;
2913
+ padding: 4px 4px;
2914
+ }
2915
+ .ods-tag--highlight__important {
2916
+ color: white;
2917
+ font-size: 10px;
2918
+ font-weight: 800;
2919
+ line-height: 10px;
2920
+ padding: 4px 8px;
2921
+ background-color: #ff726e;
2922
+ }
2923
+ .ods-tag--highlight__neutral {
2924
+ color: white;
2925
+ font-size: 10px;
2926
+ font-weight: 800;
2927
+ line-height: 10px;
2928
+ padding: 4px 8px;
2929
+ background-color: #5872f5;
2930
+ }
2902
2931
  .ods-tag--negative {
2903
2932
  background-color: #fff1f4;
2904
2933
  }
@@ -2958,7 +2987,6 @@
2958
2987
  min-width: 16px;
2959
2988
  }
2960
2989
  .ods-tag__content {
2961
- margin: 0 4px;
2962
2990
  white-space: nowrap;
2963
2991
  }
2964
2992