@useblu/ocean-core 1.37.2 → 1.38.3

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.38.3](https://github.com/ocean-ds/ocean-web/compare/v1.38.2...v1.38.3) (2022-12-08)
+
+### Bug Fixes
+
+- remove input margin ([#1045](https://github.com/ocean-ds/ocean-web/issues/1045)) ([b6de455](https://github.com/ocean-ds/ocean-web/commit/b6de455319ef90bfbcdf3df74557788b3f21daea))
+
+# [1.38.0](https://github.com/ocean-ds/ocean-web/compare/v1.37.2...v1.38.0) (2022-11-10)
+
+### Features
+
+- add doughnut chart component ([#1037](https://github.com/ocean-ds/ocean-web/issues/1037)) ([df268fb](https://github.com/ocean-ds/ocean-web/commit/df268fb9fdb7cbcb5b297d87e64cd42c6c260ad0))
+
 ## [1.37.2](https://github.com/ocean-ds/ocean-web/compare/v1.37.1...v1.37.2) (2022-11-09)
 
 ### Bug Fixes

package/ocean.css

@@ -1399,7 +1399,6 @@
   padding: 0 16px;
 }
 .ods-input--left .ods-input__adornment {
-  margin-right: -12px;
   padding: 0 0 0 16px;
 }
 .ods-input--right .ods-input__adornment {
@@ -3598,4 +3597,100 @@
 .ods-date__selectedMiddle {
   background-color: rgba(176, 245, 245, 0.24);
 }
+
+.ods-chart {
+  padding-bottom: 16px;
+  width: 100%;
+}
+.ods-chart__title-and-subtitle {
+  margin-bottom: 24px;
+  width: 100%;
+}
+.ods-chart__title-and-subtitle .ods-typography__heading4 {
+  color: #393b47;
+  margin-bottom: 4px;
+}
+.ods-chart__canvas {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 24px;
+  position: relative;
+  width: 100%;
+}
+.ods-chart__canvas canvas {
+  margin: 0 auto;
+}
+.ods-chart__canvas__center-legend {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: 40px;
+  justify-content: center;
+  position: absolute;
+  width: 96px;
+}
+.ods-chart__canvas__center-legend .ods-typography__heading2 {
+  align-items: center;
+  color: #393b47;
+  display: flex;
+  font-family: "Nunito Sans";
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.1;
+  text-align: center;
+}
+.ods-chart__canvas__center-legend .ods-typography__description {
+  align-items: center;
+  color: #67697a;
+  display: flex;
+  font-family: "Nunito Sans";
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.5;
+  text-align: center;
+}
+.ods-chart__legend {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+}
+.ods-chart__legend__row {
+  align-items: center;
+  display: flex;
+  height: 38px;
+  justify-content: space-between;
+  padding: 8px 0;
+  width: 100%;
+}
+.ods-chart__legend__row:not(:last-child) {
+  border-bottom: 1px solid #ebecf5;
+}
+.ods-chart__legend__row__description {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.ods-chart__legend__row__description-circle {
+  border-radius: 8px;
+  height: 8px;
+  margin-right: 8px;
+  width: 8px;
+}
+.ods-chart__legend__row__percent {
+  align-items: center;
+  color: #393b47;
+  display: flex;
+  font-family: "Nunito Sans";
+  font-size: 14px;
+  font-weight: 600;
+  height: 21px;
+  line-height: 1.5;
+}
+.ods-chart__legend__row__description-level-2 {
+  color: #b6b9cc;
+  margin-left: 16px;
+}
 /*# sourceMappingURL=ocean.css.map */