@orangesk/orange-design-system 0.25.0 → 0.25.1

package/CHANGELOG.md

@@ -1,9 +1,18 @@
+## 0.25.1
+
+### 🐛 Bug fix
+
+- [3ff257c](https://github.com/orangesk/design-system/pull/384/commits/3ff257c8b2f9d248473dd1ce8be6b001fe733a79) hint input
+  in megamenu search hidden
+
 ## 0.25.0
 
 ### 🐛 Bug fix
+
 - [cf524a5](https://github.com/orangesk/design-system/pull/374/commits/cf524a5ceabe07013b18b6e33f801981f4017da1) patch-package moved to dependecies
 
 ### 🚀 New feature
+
 - [#378](https://github.com/orangesk/design-system/pull/378) hero component update
 
 ## 0.24.1

package/build/448.f13b539d.chunk.js

@@ -0,0 +1,2 @@
+(this["webpackJsonp@orangesk/orange-design-system"]=this["webpackJsonp@orangesk/orange-design-system"]||[]).push([[448],{1566:function(n,o){n.exports="// stylelint-disable max-nesting-depth\n\n.mm-search__hint {\n  display: none;\n}\n\n.mm-search {\n  @include appear-from-top();\n  position: absolute;\n  display: flex;\n  align-items: stretch;\n  top: 0;\n  left: 0;\n  order: -1;\n  width: 100%;\n  height: 100%;\n  max-width: calc(100% - 35px);\n  background-color: $black;\n\n  @include breakpoint('lg') {\n    max-width: calc(100% - 45px);\n    left: 50px;\n    padding-left: 20px;\n  }\n\n  &:not(.is-active) {\n    pointer-events: none;\n  }\n\n  &__container {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n    flex-wrap: nowrap;\n    align-items: stretch;\n    max-width: 100%;\n    padding: 10px 0;\n    background-color: $black;\n\n    @include breakpoint('lg') {\n      max-width: 700px;\n      padding-top: 15px;\n      padding-bottom: 15px;\n\n      .is-stuck & {\n        padding-top: 10px;\n        padding-bottom: 10px;\n      }\n    }\n  }\n\n  &__label {\n    color: _color('gray', 500);\n    position: absolute;\n    top: 50%;\n    left: 12px;\n    transform: translateY(-50%);\n  }\n\n  &__input-container {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  &__input {\n    height: 30px;\n    width: 100%;\n    margin: 0;\n    padding: 5px 10px;\n    border: 2px solid _color('gray', 500);\n    border-radius: 0;\n    background: $black;\n    font-size: 16px;\n    color: _color('white');\n    line-height: 1;\n    box-shadow: -5px 0 0 $black;\n    transition: box-shadow 0.2s ease-out;\n    appearance: none;\n\n    @include breakpoint('lg') {\n      height: 40px;\n      padding-left: 40px;\n      font-size: 18px;\n    }\n\n    &::-ms-clear {\n      display: none;\n      width: 0;\n      height: 0;\n    }\n\n    &::-webkit-search-cancel-button {\n      display: none;\n    }\n\n    &:focus {\n      border-color: _color('white');\n    }\n  }\n\n  &__button {\n    flex: 0 0 auto;\n    height: auto;\n    margin: 0;\n    border-color: _color('primary');\n    background-color: _color('primary');\n    font-size: 18px;\n    font-weight: bold;\n    color: _color('white');\n\n    &:hover,\n    &:focus {\n      background-color: _color('white');\n      border-color: _color('white');\n      color: $black;\n    }\n  }\n\n  .mm-btn {\n    padding-top: 8px;\n    padding-bottom: 8px;\n    margin-left: 15px;\n    height: auto;\n\n    @include breakpoint('md', 'down') {\n      padding: 0;\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  &__menu {\n    @include appear-from-top('--visible');\n\n    padding-bottom: 10px;\n    padding-left: 0;\n    background-color: $black;\n    color: $white;\n    list-style-type: none;\n\n    @include breakpoint('sm', 'down') {\n      width: calc(100vw - 20px);\n    }\n\n    @include breakpoint('lg') {\n      width: calc(100% - 15px);\n      max-height: calc(100vh - 111px);\n      padding-top: 0;\n      padding-bottom: 10px;\n      padding-left: 42px;\n    }\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      background: _color('black');\n      width: 100vw;\n      height: 100%;\n      top: 0;\n      z-index: -1;\n    }\n\n    &::before {\n      right: 100%;\n    }\n\n    &::after {\n      left: 100%;\n    }\n  }\n\n  &__option {\n    padding: 5px 0;\n    margin-bottom: 5px;\n    cursor: pointer;\n\n    @include breakpoint('lg') {\n      font-size: 18px;\n    }\n\n    &:hover,\n    &:focus {\n      color: $orange;\n    }\n\n    &:focus {\n      text-decoration: underline;\n    }\n\n    em {\n      font-style: normal;\n      color: _color('secondary');\n    }\n  }\n}\n"}}]);
+//# sourceMappingURL=448.f13b539d.chunk.js.map

package/build/448.f13b539d.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MegaMenu/styles/search.scss"],"names":["module","exports"],"mappings":"4IAAAA,EAAOC,QAAU","file":"448.f13b539d.chunk.js","sourcesContent":["module.exports = \"// stylelint-disable max-nesting-depth\\n\\n.mm-search__hint {\\n  display: none;\\n}\\n\\n.mm-search {\\n  @include appear-from-top();\\n  position: absolute;\\n  display: flex;\\n  align-items: stretch;\\n  top: 0;\\n  left: 0;\\n  order: -1;\\n  width: 100%;\\n  height: 100%;\\n  max-width: calc(100% - 35px);\\n  background-color: $black;\\n\\n  @include breakpoint('lg') {\\n    max-width: calc(100% - 45px);\\n    left: 50px;\\n    padding-left: 20px;\\n  }\\n\\n  &:not(.is-active) {\\n    pointer-events: none;\\n  }\\n\\n  &__container {\\n    position: relative;\\n    flex: 1 1 auto;\\n    display: flex;\\n    flex-wrap: nowrap;\\n    align-items: stretch;\\n    max-width: 100%;\\n    padding: 10px 0;\\n    background-color: $black;\\n\\n    @include breakpoint('lg') {\\n      max-width: 700px;\\n      padding-top: 15px;\\n      padding-bottom: 15px;\\n\\n      .is-stuck & {\\n        padding-top: 10px;\\n        padding-bottom: 10px;\\n      }\\n    }\\n  }\\n\\n  &__label {\\n    color: _color('gray', 500);\\n    position: absolute;\\n    top: 50%;\\n    left: 12px;\\n    transform: translateY(-50%);\\n  }\\n\\n  &__input-container {\\n    flex: 1 1 auto;\\n    min-width: 0;\\n  }\\n\\n  &__input {\\n    height: 30px;\\n    width: 100%;\\n    margin: 0;\\n    padding: 5px 10px;\\n    border: 2px solid _color('gray', 500);\\n    border-radius: 0;\\n    background: $black;\\n    font-size: 16px;\\n    color: _color('white');\\n    line-height: 1;\\n    box-shadow: -5px 0 0 $black;\\n    transition: box-shadow 0.2s ease-out;\\n    appearance: none;\\n\\n    @include breakpoint('lg') {\\n      height: 40px;\\n      padding-left: 40px;\\n      font-size: 18px;\\n    }\\n\\n    &::-ms-clear {\\n      display: none;\\n      width: 0;\\n      height: 0;\\n    }\\n\\n    &::-webkit-search-cancel-button {\\n      display: none;\\n    }\\n\\n    &:focus {\\n      border-color: _color('white');\\n    }\\n  }\\n\\n  &__button {\\n    flex: 0 0 auto;\\n    height: auto;\\n    margin: 0;\\n    border-color: _color('primary');\\n    background-color: _color('primary');\\n    font-size: 18px;\\n    font-weight: bold;\\n    color: _color('white');\\n\\n    &:hover,\\n    &:focus {\\n      background-color: _color('white');\\n      border-color: _color('white');\\n      color: $black;\\n    }\\n  }\\n\\n  .mm-btn {\\n    padding-top: 8px;\\n    padding-bottom: 8px;\\n    margin-left: 15px;\\n    height: auto;\\n\\n    @include breakpoint('md', 'down') {\\n      padding: 0;\\n      width: 30px;\\n      height: 30px;\\n    }\\n  }\\n\\n  &__menu {\\n    @include appear-from-top('--visible');\\n\\n    padding-bottom: 10px;\\n    padding-left: 0;\\n    background-color: $black;\\n    color: $white;\\n    list-style-type: none;\\n\\n    @include breakpoint('sm', 'down') {\\n      width: calc(100vw - 20px);\\n    }\\n\\n    @include breakpoint('lg') {\\n      width: calc(100% - 15px);\\n      max-height: calc(100vh - 111px);\\n      padding-top: 0;\\n      padding-bottom: 10px;\\n      padding-left: 42px;\\n    }\\n\\n    &::before,\\n    &::after {\\n      content: '';\\n      position: absolute;\\n      background: _color('black');\\n      width: 100vw;\\n      height: 100%;\\n      top: 0;\\n      z-index: -1;\\n    }\\n\\n    &::before {\\n      right: 100%;\\n    }\\n\\n    &::after {\\n      left: 100%;\\n    }\\n  }\\n\\n  &__option {\\n    padding: 5px 0;\\n    margin-bottom: 5px;\\n    cursor: pointer;\\n\\n    @include breakpoint('lg') {\\n      font-size: 18px;\\n    }\\n\\n    &:hover,\\n    &:focus {\\n      color: $orange;\\n    }\\n\\n    &:focus {\\n      text-decoration: underline;\\n    }\\n\\n    em {\\n      font-style: normal;\\n      color: _color('secondary');\\n    }\\n  }\\n}\\n\""],"sourceRoot":""}