@orangesk/orange-design-system 0.25.0 → 0.25.1

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.
Files changed (21) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/build/448.f13b539d.chunk.js +2 -0
  3. package/build/448.f13b539d.chunk.js.map +1 -0
  4. package/build/app.js +1 -1
  5. package/build/hello-world.html +1 -1
  6. package/build/index.html +1 -1
  7. package/build/lib/megamenu.css +1 -1
  8. package/build/lib/megamenu.css.map +1 -1
  9. package/build/mega-menu-b2b-signed-in.html +1 -1
  10. package/build/mega-menu-b2b.html +1 -1
  11. package/build/mega-menu-signed-in.html +1 -1
  12. package/build/mega-menu.html +1 -1
  13. package/build/{precache-manifest.9e1ee045900a2879cc07293e220def50.js → precache-manifest.0655d1e57b2ee047d0b367a7cf4100fe.js} +14 -14
  14. package/build/styleguide.css +1 -1
  15. package/build/styleguide.css.map +1 -1
  16. package/build/styleguide.js +1 -1
  17. package/build/styleguide.js.map +1 -1
  18. package/package.json +1 -1
  19. package/src/components/MegaMenu/styles/search.scss +4 -0
  20. package/build/448.e7f8d9e2.chunk.js +0 -2
  21. package/build/448.e7f8d9e2.chunk.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orangesk/orange-design-system",
3
- "version": "0.25.0",
3
+ "version": "0.25.1",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/MegaMenu/styles/search.scss CHANGED
@@ -1,5 +1,9 @@
1
1
  // stylelint-disable max-nesting-depth
2
2
 
3
+ .mm-search__hint {
4
+ display: none;
5
+ }
6
+
3
7
  .mm-search {
4
8
  @include appear-from-top();
5
9
  position: absolute;
package/build/448.e7f8d9e2.chunk.js DELETED
@@ -1,2 +0,0 @@
1
- (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 {\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"}}]);
2
- //# sourceMappingURL=448.e7f8d9e2.chunk.js.map
package/build/448.e7f8d9e2.chunk.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["components/MegaMenu/styles/search.scss"],"names":["module","exports"],"mappings":"4IAAAA,EAAOC,QAAU","file":"448.e7f8d9e2.chunk.js","sourcesContent":["module.exports = \"// stylelint-disable max-nesting-depth\\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":""}