@useblu/ocean-core 1.19.0 → 1.21.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.21.1](https://github.com/ocean-ds/ocean-web/compare/v1.21.0...v1.21.1) (2021-10-20)
+
+### Bug Fixes
+
+- adding className on CarouselDotList component ([#831](https://github.com/ocean-ds/ocean-web/issues/831)) ([f2bd8c1](https://github.com/ocean-ds/ocean-web/commit/f2bd8c16a2f4f744a2834b57998275131e8a263f))
+
+# [1.21.0](https://github.com/ocean-ds/ocean-web/compare/v1.20.1...v1.21.0) (2021-10-19)
+
+### Features
+
+- carousel component ([#825](https://github.com/ocean-ds/ocean-web/issues/825)) ([8663ef5](https://github.com/ocean-ds/ocean-web/commit/8663ef543ef6b5182228b84222954c630540874b))
+
+## [1.20.1](https://github.com/ocean-ds/ocean-web/compare/v1.20.0...v1.20.1) (2021-10-19)
+
+### Bug Fixes
+
+- **tag component nowrap:** nowrap in correct classname ([#829](https://github.com/ocean-ds/ocean-web/issues/829)) ([b8adb0f](https://github.com/ocean-ds/ocean-web/commit/b8adb0fec22a516daa3013eb7b2cb0846a551b2a))
+
+# [1.20.0](https://github.com/ocean-ds/ocean-web/compare/v1.19.2...v1.20.0) (2021-10-18)
+
+### Features
+
+- **tab component:** add new prop to set icon off and icon content nowrap ([#826](https://github.com/ocean-ds/ocean-web/issues/826)) ([4e47c7f](https://github.com/ocean-ds/ocean-web/commit/4e47c7fc8a1cdcc3eb9e46d1814667b9aa2686b6))
+
 # [1.19.0](https://github.com/ocean-ds/ocean-web/compare/v1.18.1...v1.19.0) (2021-09-06)
 
 ### Features

package/ocean.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /* stylelint-disable max-nesting-depth, scss/selector-no-redundant-nesting-selector */
 /* stylelint-disable scss/at-extend-no-missing-placeholder */
 .ods-container {
@@ -1626,6 +1627,203 @@
   line-height: 1.5;
 }
 
+.slick-slider {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+  -webkit-tap-highlight-color: transparent;
+  touch-action: pan-y;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+.slick-list {
+  display: block;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list {
+  transform: translate3d(0, 0, 0);
+}
+
+.slick-track {
+  display: flex;
+  left: 0;
+  margin-bottom: 15px;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  top: 0;
+}
+
+.slick-track > div:not(:first-child) {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+
+.slick-track > div:first-child {
+  margin-left: 4px;
+  margin-right: 8px;
+}
+
+.slick-track > div:last-child {
+  margin-right: 8px;
+}
+
+.slick-slide {
+  display: block;
+  float: left;
+  height: 100%;
+  min-height: 1px;
+}
+
+@media (max-width: 767.98px) {
+  .slick-arrow {
+    display: none !important;
+  }
+}
+
+.slick-next {
+  background: white;
+  border: 1px solid #d8dae8;
+  border-radius: 100%;
+  color: #0025e0;
+  font-size: 0;
+  height: 30px;
+  line-height: 0;
+  outline: none;
+  padding: 0;
+  position: absolute;
+  right: -10px;
+  top: 45%;
+  transform: translate(0, -50%);
+  width: 30px;
+}
+
+.slick-prev {
+  background: white;
+  border: 1px solid #d8dae8;
+  border-radius: 100%;
+  color: #0025e0;
+  font-size: 0;
+  height: 30px;
+  left: -10px;
+  line-height: 0;
+  outline: none;
+  padding: 0;
+  position: absolute;
+  right: -10px;
+  top: 45%;
+  transform: translate(0, -50%);
+  width: 30px;
+  z-index: 1;
+}
+
+.slick-prev:hover,
+.slick-next:hover {
+  background: #f7f9ff;
+  cursor: pointer;
+  outline: none;
+}
+
+.slick-prev:active,
+.slick-next:active {
+  background: #ebecf5;
+}
+
+.slick-prev::before,
+.slick-next::before {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: 1;
+}
+
+.slick-arrow > path {
+  transform: scale(0.9);
+}
+
+.slick-prev > path {
+  transform-origin: left;
+}
+
+.slick-next > path {
+  transform-origin: right;
+}
+
+.ods-carousel-dots {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  list-style: none;
+  position: absolute;
+  width: 100%;
+}
+
+.ods-carousel-dots ul {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  -webkit-margin-after: 0;
+          margin-block-end: 0;
+  -webkit-margin-before: 0;
+          margin-block-start: 0;
+  -webkit-padding-start: 0;
+          padding-inline-start: 0;
+}
+
+.ods-carousel-dots li {
+  cursor: pointer;
+  display: inline-block;
+  height: 20px;
+  position: relative;
+  width: 12px;
+}
+
+.ods-carousel-dots li button {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  color: transparent;
+  cursor: pointer;
+  display: flex;
+  display: block;
+  font-size: 0;
+  height: 20px;
+  justify-content: center;
+  line-height: 0;
+  outline: none;
+  padding: 5px;
+  width: 20px;
+}
+
+.ods-carousel-dots li button::before {
+  align-items: center;
+  color: #d8dae8;
+  content: "•";
+  display: flex;
+  font-size: 24px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  height: 20px;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  text-align: center;
+  top: 0;
+  width: 20px;
+}
+
+.ods-carousel-dots .slick-active button::before {
+  color: #0025e0;
+}
+
 .ods-divider {
   border: 0;
   border-top: 1px solid #ebecf5;
@@ -2149,6 +2347,7 @@
 }
 .ods-tag__content {
   margin: 0 4px;
+  white-space: nowrap;
 }
 
 .ods-sub-header {