@useblu/ocean-core 1.24.0 → 1.26.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.26.1](https://github.com/ocean-ds/ocean-web/compare/v1.26.0...v1.26.1) (2022-01-18)
+
+**Note:** Version bump only for package @useblu/ocean-core
+
+# [1.26.0](https://github.com/ocean-ds/ocean-web/compare/v1.25.2...v1.26.0) (2021-12-17)
+
+### Features
+
+- new component topbar ([#863](https://github.com/ocean-ds/ocean-web/issues/863)) ([4fd2beb](https://github.com/ocean-ds/ocean-web/commit/4fd2beb1d6fe0f556f11a0876ac1e37d6f2ae4fa))
+
+## [1.25.1](https://github.com/ocean-ds/ocean-web/compare/v1.25.0...v1.25.1) (2021-11-16)
+
+**Note:** Version bump only for package @useblu/ocean-core
+
+# [1.25.0](https://github.com/ocean-ds/ocean-web/compare/v1.24.0...v1.25.0) (2021-11-05)
+
+### Bug Fixes
+
+- double select z-index problem ([#840](https://github.com/ocean-ds/ocean-web/issues/840)) ([775e054](https://github.com/ocean-ds/ocean-web/commit/775e054860b5330638fba27e45a72ee1d3a5f8b9))
+
+### Features
+
+- create new component search ([#841](https://github.com/ocean-ds/ocean-web/issues/841)) ([f9b966e](https://github.com/ocean-ds/ocean-web/commit/f9b966e2f0c32af5d90aebc6da8aca2d00bec98b))
+
 # [1.24.0](https://github.com/ocean-ds/ocean-web/compare/v1.22.0...v1.24.0) (2021-10-27)
 
 ### Features

package/ocean.css

@@ -1120,6 +1120,15 @@
   border-width: 2px;
   margin: 0;
 }
+.ods-input--left {
+  flex-direction: row-reverse;
+}
+.ods-input--left input {
+  padding: 0 0 0 10px;
+}
+.ods-input--left .ods-input__adornment {
+  padding: 0 0 0 16px;
+}
 .ods-input--disabled {
   background-color: #ebecf5;
   border-color: #ebecf5;
@@ -1129,6 +1138,9 @@
   color: #b6b9cc;
   cursor: not-allowed;
 }
+.ods-input--disabled--text .ods-input__adornment {
+  opacity: 0.3;
+}
 .ods-input--disabled:hover, .ods-input--disabled:focus, .ods-input--disabled:active {
   border-color: #ebecf5;
 }
@@ -1437,6 +1449,7 @@
 }
 .ods-select__listbox-wrapper {
   position: relative;
+  z-index: 2;
 }
 .ods-select__listbox {
   background-color: white;
@@ -2171,6 +2184,7 @@
 }
 .ods-progress__primary svg {
   display: block;
+  stroke-width: 8px;
 }
 .ods-progress__primary svg circle {
   stroke: rgba(255, 255, 255, 0.4);
@@ -2189,6 +2203,7 @@
   stroke: white;
   stroke-dasharray: 80px, 200px;
   stroke-dashoffset: 0;
+  stroke-width: 8px;
 }
 .ods-progress--md {
   height: 24px;
@@ -2442,4 +2457,141 @@
 .ods-sub-header__title strong {
   font-weight: 900;
 }
+
+.ods-search {
+  align-items: center;
+  background-color: white;
+  border: 1px solid #d8dae8;
+  border-radius: 4px;
+  display: flex;
+  height: 46px;
+  margin: 1px;
+  width: auto !important;
+}
+.ods-search input {
+  border: 0;
+  border-radius: 4px;
+  box-sizing: border-box;
+  color: #393b47;
+  font-size: 16px;
+  font-weight: 400;
+  height: 100%;
+  line-height: 1.1;
+  outline: none;
+  padding: 0 16px;
+  width: 100%;
+}
+.ods-search input::-moz-placeholder {
+  color: #d8dae8;
+}
+.ods-search input:-ms-input-placeholder {
+  color: #d8dae8;
+}
+.ods-search input::placeholder {
+  color: #d8dae8;
+}
+.ods-search:hover, .ods-search:focus, .ods-search:active {
+  border-color: #5872f5;
+  border-width: 2px;
+  margin: 0;
+}
+.ods-search svg {
+  color: #d8dae8;
+}
+.ods-search--filled {
+  border-color: #b8c3ff;
+}
+.ods-search--filled svg {
+  color: #0025e0;
+}
+.ods-search--disabled {
+  background-color: #ebecf5;
+  border-color: #ebecf5;
+  cursor: not-allowed;
+}
+.ods-search--disabled input {
+  color: #b6b9cc;
+  cursor: not-allowed;
+}
+.ods-search--disabled:hover, .ods-search--disabled:focus, .ods-search--disabled:active {
+  border-color: #ebecf5;
+}
+.ods-search__adornment {
+  line-height: 0;
+  padding-left: 16px;
+  width: auto !important;
+}
+.ods-search__clean {
+  cursor: pointer;
+  line-height: 0;
+  padding-right: 16px;
+  width: 24px;
+}
+.ods-search__clean svg {
+  color: #393b47;
+}
+
+.ods-topbar {
+  align-items: center;
+  display: grid;
+  flex-wrap: wrap;
+  font-family: "Avenir";
+  font-size: 20px;
+  grid-template-columns: 3rem auto 3rem;
+  padding: 10px 5px;
+  width: 100%;
+}
+.ods-topbar-scroll-bar {
+  box-shadow: 0 4px 8px rgba(12, 13, 20, 0.08);
+}
+.ods-topbar-light {
+  color: #fff;
+}
+.ods-topbar-light .ods-topbar-title span {
+  color: #fff;
+}
+.ods-topbar-default {
+  color: #0025e0;
+}
+.ods-topbar-default .ods-topbar-title {
+  padding-top: 0;
+}
+.ods-topbar-default .ods-topbar-title span {
+  color: #67697a;
+}
+.ods-topbar-extend {
+  display: flex;
+  grid-template-columns: 50% 50% auto;
+}
+.ods-topbar-extend .ods-topbar-title {
+  padding-top: 4rem;
+}
+.ods-topbar-extend .ods-topbar-search {
+  width: 50%;
+}
+.ods-topbar-prev {
+  line-height: 0;
+  width: 50%;
+}
+.ods-topbar-prev svg {
+  cursor: pointer;
+}
+.ods-topbar-title {
+  font-weight: 800;
+  line-height: 1.1;
+  width: 100%;
+}
+.ods-topbar-title span {
+  color: #67697a;
+  display: block;
+  font-size: 12px;
+  font-weight: 600;
+}
+.ods-topbar-search {
+  line-height: 0;
+  text-align: right;
+}
+.ods-topbar-search svg {
+  cursor: pointer;
+}
 /*# sourceMappingURL=ocean.css.map */