@festo-ui/web-essentials 9.0.0-dev.677 → 9.0.0-dev.679

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 (38) hide show
  1. package/README.md +10 -1
  2. package/dist/css/festo-web-essentials.css +34 -2146
  3. package/dist/css/festo-web-essentials.css.map +1 -1
  4. package/dist/css/festo-web-essentials.min.css +11 -11
  5. package/dist/css/festo-web-essentials.min.css.map +1 -1
  6. package/dist/css/light/festo-web-essentials-light.css +0 -39
  7. package/dist/css/light/festo-web-essentials-light.css.map +1 -1
  8. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  9. package/dist/css/themes/flatpickr/festo.css +1 -1
  10. package/dist/css/themes/flatpickr/festo.css.map +1 -1
  11. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  12. package/dist/scss/_button.scss +0 -3
  13. package/dist/scss/_chips.scss +0 -3
  14. package/dist/scss/_fonts.scss +0 -25
  15. package/dist/scss/_root.scss +0 -3
  16. package/dist/scss/_text-input.scss +0 -1
  17. package/dist/scss/_variables.scss +0 -3
  18. package/dist/scss/festo-web-essentials.scss +1 -2
  19. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  20. package/package.json +7 -6
  21. package/scss/_button.scss +0 -3
  22. package/scss/_chips.scss +0 -3
  23. package/scss/_fonts.scss +0 -25
  24. package/scss/_root.scss +0 -3
  25. package/scss/_text-input.scss +0 -1
  26. package/scss/_variables.scss +0 -3
  27. package/scss/festo-web-essentials.scss +0 -1
  28. package/dist/css/fonts/festo_icons-16.woff2 +0 -0
  29. package/dist/css/fonts/festo_icons-24.woff2 +0 -0
  30. package/dist/css/fonts/festo_icons-32.woff2 +0 -0
  31. package/dist/fonts/festo_icons-16.woff2 +0 -0
  32. package/dist/fonts/festo_icons-24.woff2 +0 -0
  33. package/dist/fonts/festo_icons-32.woff2 +0 -0
  34. package/dist/scss/_icons.scss +0 -1579
  35. package/dist/scss/fonts/festo_icons-16.woff2 +0 -0
  36. package/dist/scss/fonts/festo_icons-24.woff2 +0 -0
  37. package/dist/scss/fonts/festo_icons-32.woff2 +0 -0
  38. package/scss/_icons.scss +0 -1579
package/dist/css/organisms/festo-web-essentials-organisms.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/_mixins.scss","../../../scss/organisms/_footer.scss","festo-web-essentials-organisms.css","../../../scss/_variables.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss","../../../scss/organisms/_header-modul.scss","../../../scss/organisms/_image-gallery.scss","../../../scss/organisms/_login.scss","../../../scss/organisms/_side-menu.scss"],"names":[],"mappings":"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","file":"festo-web-essentials-organisms.css","sourcesContent":[null,null,null,"/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n/* a screen reader friendly approach */\nfooter.fwe-footer .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid var(--fwe-control-border-active);\n margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fwe-control-border-active);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n padding-top: 8px;\n max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n color: var(--fwe-control-border-active);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n color: var(--fwe-control-border-active);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: var(--fwe-control-border-active);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: hidden;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale,\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale {\n font-size: 24px;\n margin-right: 0px;\n padding-right: 0px;\n padding-top: 3px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery .fwe-image-gallery-close-btn {\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n min-width: 32px;\n cursor: pointer;\n background: var(--fwe-white);\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+\");\n}\n.fwe-modal-image-gallery .fwe-image-gallery-close-btn:hover {\n background: var(--fwe-hero);\n}\n.fwe-modal-image-gallery .fwe-image-gallery-scale-btn {\n width: 24px;\n height: 24px;\n padding: 0;\n border: none;\n min-width: 24px;\n cursor: pointer;\n background: var(--fwe-white);\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=\");\n}\n.fwe-modal-image-gallery .fwe-image-gallery-scale-btn:hover {\n background: var(--fwe-hero);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n max-height: calc(100vh - 161px);\n}\n.fwe-modal-image-gallery--with-container {\n border-top: none;\n border-bottom: none;\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 48px;\n padding-bottom: 24px;\n}\n.fwe-image-gallery-content h3 {\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: white;\n -webkit-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n -webkit-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: white;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {\n cursor: default;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: white;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active {\n cursor: default;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n position: relative;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n position: absolute;\n top: 0px;\n right: 0px;\n width: 312px;\n margin-top: 0px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 640px;\n }\n .fwe-image-gallery-container {\n flex-direction: row;\n }\n .fwe-image-gallery-container .fwe-image-gallery {\n width: 984px;\n }\n .fwe-image-gallery-container .fwe-image-gallery-content {\n margin-top: 35px;\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: none;\n border-bottom: none;\n }\n}\n.fwe-login-layout {\n position: fixed;\n background: var(--fwe-background);\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.fwe-login-layout .fwe-login-background {\n top: 64px;\n position: absolute;\n height: calc(100vh - 64px);\n width: 100vw;\n object-fit: cover;\n object-position: center;\n}\n.fwe-login-layout .fwe-login-container {\n height: calc(100vh - 64px);\n overflow: auto;\n display: flex;\n align-items: center;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form {\n z-index: 1;\n margin-left: 20%;\n width: 432px;\n background: var(--fwe-white);\n padding: 48px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n margin: 0px 0px 48px 0px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: row-reverse;\n}\n@media (max-width: 375px) {\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@media (max-width: 600px), (max-height: 600px) {\n .fwe-login-layout .fwe-login-container {\n background-color: var(--fwe-white);\n position: unset;\n left: unset;\n top: unset;\n width: 100vw;\n align-items: stretch;\n }\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n margin-left: 0px;\n width: 100%;\n }\n .fwe-login-layout .fwe-login-background {\n display: none;\n }\n}\n\n/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fwe-side-menu {\n flex-shrink: 0;\n width: 240px;\n display: flex;\n flex-direction: column;\n}\n.fwe-side-menu .fwe-side-menu-item {\n border-left: 1px solid var(--fwe-border);\n line-height: 1.2;\n display: flex;\n align-items: center;\n height: 42px;\n cursor: pointer;\n margin-left: -1px;\n color: var(--fwe-text);\n padding: 0px 8px 0px 16px;\n position: relative;\n}\n.fwe-side-menu .fwe-side-menu-item::before {\n position: absolute;\n content: \"\";\n top: 0px;\n left: -1px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s, height 0.2s;\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active {\n color: var(--fwe-hero);\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active::before {\n width: 4px;\n}\n@media (max-width: 900px) {\n .fwe-side-menu {\n width: 190px;\n }\n}\n.fwe-side-menu--horizontal {\n display: flex;\n flex-direction: row;\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n}\n@-moz-document url-prefix() {\n .fwe-side-menu--horizontal {\n scrollbar-width: thin;\n scrollbar-color: var(--fwe-control-scrollbar) transparent;\n }\n}\n@media (pointer: fine) {\n .fwe-side-menu--horizontal::-webkit-scrollbar {\n width: 14px;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-track {\n background: transparent;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-thumb {\n overflow: visible;\n background-color: var(--fwe-control-scrollbar);\n border: 3px solid rgba(242, 243, 245, 0);\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border-radius: 8px;\n }\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item {\n border: unset;\n height: 48px;\n padding: 0px 16px;\n margin: 0px;\n white-space: nowrap;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item::before {\n top: unset;\n right: 16px;\n left: 16px;\n width: unset;\n height: 0px;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item.fwe-active::before {\n width: unset;\n height: 4px;\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null,null,null,null,null]}
1
+ {"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/_mixins.scss","../../../scss/organisms/_footer.scss","festo-web-essentials-organisms.css","../../../scss/_variables.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss","../../../scss/organisms/_header-modul.scss","../../../scss/organisms/_image-gallery.scss","../../../scss/organisms/_login.scss","../../../scss/organisms/_side-menu.scss"],"names":[],"mappings":"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","file":"festo-web-essentials-organisms.css","sourcesContent":[null,null,null,"/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n/* a screen reader friendly approach */\nfooter.fwe-footer .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid var(--fwe-control-border-active);\n margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fwe-control-border-active);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n padding-top: 8px;\n max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n color: var(--fwe-control-border-active);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n color: var(--fwe-control-border-active);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: var(--fwe-control-border-active);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: var(--fwe-font-size-small);\n padding-top: 24px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n display: flex;\n flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n order: 2;\n background-color: var(--fwe-sucanul);\n padding-top: 16px;\n padding-bottom: 13px;\n padding-left: 20px;\n padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n font-size: 12px;\n line-height: 14px;\n margin-bottom: 4px;\n font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n order: 1;\n background-color: var(--fwe-hero);\n min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n .fwe-teaser-verbox h2 {\n padding-top: 48px;\n }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n .fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n.fwe-header-modul-container {\n display: flex;\n flex-direction: column;\n padding-top: 32px;\n padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n order: 2;\n position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n margin-top: 0;\n margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n font-size: var(--fwe-font-size-xl);\n line-height: 32px;\n color: var(--fwe-text-light);\n margin: 0;\n padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n position: absolute;\n bottom: 0;\n right: 0;\n content: \"\";\n width: 28px;\n height: 10px;\n background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n min-height: 111px;\n background-color: var(--fwe-hero);\n order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 132px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-bottom: 6px;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 268px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 352px;\n }\n}\n@media only screen and (min-width: 1281px) {\n .fwe-header-modul-container {\n flex-direction: row;\n }\n .fwe-header-modul-container .fwe-header-modul-content {\n order: 1;\n width: 41.6666666667%;\n margin-right: 24px;\n }\n .fwe-header-modul-container .fwe-header-modul-content h1,\n .fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n margin-top: 0;\n }\n .fwe-header-modul-container .fwe-header-modul-media {\n order: 2;\n min-height: 293px;\n flex: 1;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-modul-container .fwe-header-modul-media {\n min-height: 400px;\n }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n background: transparent;\n box-shadow: none;\n padding: 0px;\n position: fixed;\n width: 288px;\n max-width: unset;\n max-height: 100vh;\n overflow-x: hidden;\n overflow-y: hidden;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-up.fwe-modal-image-gallery-scale,\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-arrows-scale-down.fwe-modal-image-gallery-scale {\n font-size: 24px;\n margin-right: 0px;\n padding-right: 0px;\n padding-top: 3px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery .fwe-image-gallery-close-btn {\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n min-width: 32px;\n cursor: pointer;\n background: var(--fwe-white);\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxLjQ4IDkuMSAxNiAxNC41OSAxMC41MSA5LjEgOS4xIDEwLjUyIDE0LjU4IDE2IDkuMSAyMS40OWwxLjQxIDEuNDFMMTYgMTcuNDJsNS40OCA1LjQ4IDEuNDItMS40MUwxNy40MSAxNmw1LjQ5LTUuNDgtMS40Mi0xLjQyeiIgZGF0YS1uYW1lPSJjb250ZW50Ii8+PC9zdmc+\");\n}\n.fwe-modal-image-gallery .fwe-image-gallery-close-btn:hover {\n background: var(--fwe-hero);\n}\n.fwe-modal-image-gallery .fwe-image-gallery-scale-btn {\n width: 24px;\n height: 24px;\n padding: 0;\n border: none;\n min-width: 24px;\n cursor: pointer;\n background: var(--fwe-white);\n mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBkPSJtMTguMTAxIDQgMi44MjggMi44MjgtNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMgNC4yNDMtNC4yNDNMMjggMTMuODk5VjRoLTkuODk5ek0xMS4wNzEgMTYuNjg2bC00LjI0MyA0LjI0M0w0IDE4LjEwMVYyOGg5LjlsLTIuODI5LTIuODI4IDQuMjQzLTQuMjQzLTQuMjQzLTQuMjQzeiIvPjwvZz48L3N2Zz4=\");\n}\n.fwe-modal-image-gallery .fwe-image-gallery-scale-btn:hover {\n background: var(--fwe-hero);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n max-height: calc(100vh - 161px);\n}\n.fwe-modal-image-gallery--with-container {\n border-top: none;\n border-bottom: none;\n}\n.fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: 18px;\n}\n\n.fwe-image-gallery-container {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fwe-image-gallery-content {\n color: var(--fwe-white);\n padding-top: 48px;\n padding-bottom: 24px;\n}\n.fwe-image-gallery-content h3 {\n font-weight: var(--fwe-font-weight-bold);\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.fwe-image-gallery-header {\n display: flex;\n align-items: center;\n margin-bottom: 24px;\n margin-top: 0px;\n}\n\n.fwe-image-gallery {\n width: 100%;\n height: 288px;\n background-color: white;\n -webkit-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n margin-top: 24px;\n -webkit-user-select: none;\n user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n width: 100%;\n height: 64px;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n position: relative;\n background-size: cover;\n background-position: center;\n width: 88px;\n margin-right: 8px;\n height: 64px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n display: block;\n object-fit: cover;\n width: 88px;\n height: 56px;\n background-color: white;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active {\n cursor: default;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n position: relative;\n height: 64px;\n width: 88px;\n min-width: 88px;\n margin-right: 8px;\n opacity: 0.33;\n transition: opacity 0.3s;\n cursor: pointer;\n}\n.fwe-image-gallery-thumbs-nail img {\n position: absolute;\n height: 56px;\n width: 88px;\n min-width: 88px;\n background: white;\n object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n position: absolute;\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: var(--fwe-hero);\n bottom: 0px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active {\n cursor: default;\n}\n\n@media only screen and (min-width: 375px) {\n .fwe-modal-image-gallery {\n width: 342px;\n max-height: 90vh;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 342px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-modal-image-gallery {\n width: 696px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 465px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-modal-image-gallery {\n width: 960px;\n min-height: 726px;\n }\n .fwe-modal-image-gallery--with-container {\n width: 1320px;\n border-top: none;\n border-bottom: none;\n position: relative;\n }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n position: absolute;\n top: 0px;\n right: 0px;\n width: 312px;\n margin-top: 0px;\n }\n .fwe-image-gallery,\n .fwe-image-gallery-content {\n height: 640px;\n }\n .fwe-image-gallery-container {\n flex-direction: row;\n }\n .fwe-image-gallery-container .fwe-image-gallery {\n width: 984px;\n }\n .fwe-image-gallery-container .fwe-image-gallery-content {\n margin-top: 35px;\n max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: none;\n border-bottom: none;\n }\n}\n.fwe-login-layout {\n position: fixed;\n background: var(--fwe-background);\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.fwe-login-layout .fwe-login-background {\n top: 64px;\n position: absolute;\n height: calc(100vh - 64px);\n width: 100vw;\n object-fit: cover;\n object-position: center;\n}\n.fwe-login-layout .fwe-login-container {\n height: calc(100vh - 64px);\n overflow: auto;\n display: flex;\n align-items: center;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form {\n z-index: 1;\n margin-left: 20%;\n width: 432px;\n background: var(--fwe-white);\n padding: 48px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n margin: 0px 0px 48px 0px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n flex-direction: row-reverse;\n}\n@media (max-width: 375px) {\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@media (max-width: 600px), (max-height: 600px) {\n .fwe-login-layout .fwe-login-container {\n background-color: var(--fwe-white);\n position: unset;\n left: unset;\n top: unset;\n width: 100vw;\n align-items: stretch;\n }\n .fwe-login-layout .fwe-login-container .fwe-login-form {\n margin-left: 0px;\n width: 100%;\n }\n .fwe-login-layout .fwe-login-background {\n display: none;\n }\n}\n\n/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fwe-side-menu {\n flex-shrink: 0;\n width: 240px;\n display: flex;\n flex-direction: column;\n}\n.fwe-side-menu .fwe-side-menu-item {\n border-left: 1px solid var(--fwe-border);\n line-height: 1.2;\n display: flex;\n align-items: center;\n height: 42px;\n cursor: pointer;\n margin-left: -1px;\n color: var(--fwe-text);\n padding: 0px 8px 0px 16px;\n position: relative;\n}\n.fwe-side-menu .fwe-side-menu-item::before {\n position: absolute;\n content: \"\";\n top: 0px;\n left: -1px;\n bottom: 0px;\n width: 0px;\n background: var(--fwe-hero);\n transition: width 0.2s, height 0.2s;\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active {\n color: var(--fwe-hero);\n}\n.fwe-side-menu .fwe-side-menu-item.fwe-active::before {\n width: 4px;\n}\n@media (max-width: 900px) {\n .fwe-side-menu {\n width: 190px;\n }\n}\n.fwe-side-menu--horizontal {\n display: flex;\n flex-direction: row;\n width: 100%;\n overflow-y: hidden;\n overflow-x: auto;\n}\n@-moz-document url-prefix() {\n .fwe-side-menu--horizontal {\n scrollbar-width: thin;\n scrollbar-color: var(--fwe-control-scrollbar) transparent;\n }\n}\n@media (pointer: fine) {\n .fwe-side-menu--horizontal::-webkit-scrollbar {\n width: 14px;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-track {\n background: transparent;\n }\n .fwe-side-menu--horizontal::-webkit-scrollbar-thumb {\n overflow: visible;\n background-color: var(--fwe-control-scrollbar);\n border: 3px solid rgba(242, 243, 245, 0);\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border-radius: 8px;\n }\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item {\n border: unset;\n height: 48px;\n padding: 0px 16px;\n margin: 0px;\n white-space: nowrap;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item::before {\n top: unset;\n right: 16px;\n left: 16px;\n width: unset;\n height: 0px;\n}\n.fwe-side-menu--horizontal .fwe-side-menu-item.fwe-active::before {\n width: unset;\n height: 4px;\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null,null,null,null,null]}
package/dist/css/themes/flatpickr/festo.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v9.0.0-dev.677 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v9.0.0-dev.679 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
package/dist/css/themes/flatpickr/festo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","festo.css","../../../../scss/_variables.scss"],"names":[],"mappings":"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","file":"festo.css","sourcesContent":[null,"/*!\n * Festo UI - Web Essentials v5.0.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.flatpickr-calendar {\n display: none;\n text-align: center;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: var(--fwe-font-size-md);\n line-height: font-size-md10px;\n position: absolute;\n box-sizing: border-box;\n touch-action: manipulation;\n}\n\n.flatpickr-calendar.open {\n max-height: 640px;\n width: 324px;\n background: var(--fwe-white);\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n padding: 12px;\n padding-bottom: 48px;\n display: inline-block;\n z-index: var(--fwe-z-index-dropdown);\n}\n\n.flatpickr-calendar.animate.open {\n animation: none;\n}\n\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px;\n box-shadow: none;\n background: inherit;\n}\n\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n z-index: var(--fwe-z-index-dropdown);\n display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n box-shadow: -2px 0 0 var(--fwe-gray-200), 5px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n}\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid var(--fwe-gray-200);\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: unset;\n height: 0;\n width: 0;\n left: 32px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n left: auto;\n right: 32px;\n}\n\n.flatpickr-calendar:before {\n border-width: 7px;\n margin: 0 -7px;\n}\n\n.flatpickr-calendar:after {\n border-width: 6px;\n margin: 0 -6px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: rgba(0, 0, 0, 0.15);\n}\n\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: var(--fwe-white);\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: var(--fwe-border);\n}\n\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: var(--fwe-white);\n}\n\n.flatpickr-calendar:focus {\n outline: 0;\n}\n\n.flatpickr-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.flatpickr-months {\n display: flex;\n}\n.flatpickr-months .flatpickr-month {\n background: transparent;\n color: var(--fwe-text);\n fill: var(--fwe-text);\n height: 42px;\n margin-top: 12px;\n line-height: 24px;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 42px;\n z-index: 3;\n color: var(--fwe-text);\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n position: relative;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n width: 14px;\n height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n transition: fill 0.1s;\n fill: inherit;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n display: none;\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: var(--fwe-text-light);\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n fill: var(--fwe-hero);\n}\n.flatpickr-months .flatpickr-next-month {\n padding: 24px 20px 0px 0px;\n right: 0;\n}\n.flatpickr-months .flatpickr-prev-month {\n left: 0;\n padding: 24px 0px 0px 20px;\n}\n\n.numInputWrapper {\n position: relative;\n height: auto;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover */\n -webkit-appearance: none;\n margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n -moz-appearance: textfield; /* Firefox */\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block;\n}\n\n.numInputWrapper input {\n width: 100%;\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.numInputWrapper input::-ms-clear {\n display: none;\n}\n\n.numInputWrapper span {\n position: absolute;\n right: -8px;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n box-sizing: border-box;\n}\n.numInputWrapper span:after {\n display: block;\n content: \"\";\n position: absolute;\n}\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid var(--fwe-text);\n top: 26%;\n}\n.numInputWrapper span.arrowDown {\n top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid var(--fwe-text);\n top: 40%;\n}\n\n.numInputWrapper span svg {\n width: inherit;\n height: auto;\n}\n\n.numInputWrapper span svg path {\n fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover span {\n opacity: 1;\n}\n\n.flatpickr-current-month {\n font-size: var(--fwe-font-size-base);\n font-weight: var(--fwe-font-weight-normal);\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 7px 0 0 0;\n line-height: calc(var(--fwe-font-size-base) + 8px);\n height: 34px;\n display: inline-block;\n text-align: center;\n transform: translate3d(0, 0, 0);\n}\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: var(--fwe-font-weight-bold);\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n color: var(--fwe-hero);\n}\n.flatpickr-current-month select {\n appearance: none;\n background: transparent;\n background-image: url(\"data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n background-repeat: no-repeat;\n background-position-x: 100%;\n background-position-y: 70%;\n border: none;\n color: inherit;\n cursor: pointer;\n line-height: 24px;\n margin: -1px 0 0 0;\n outline: none;\n padding-left: 8px;\n padding-right: 16px;\n}\n.flatpickr-current-month select:hover {\n color: var(--fwe-hero);\n background-image: url(\"data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n}\n.flatpickr-current-month select option {\n color: var(--fwe-text) !important;\n}\n\n.flatpickr-current-month .numInputWrapper {\n width: 60px;\n display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper input {\n background: transparent;\n box-sizing: border-box;\n color: inherit;\n cursor: text;\n margin-left: 16px;\n display: inline-block;\n line-height: 24px;\n border: 0;\n appearance: textfield;\n}\n.flatpickr-current-month .numInputWrapper:hover {\n color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowUp:hover:after {\n border-bottom-color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowDown:hover:after {\n border-top-color: var(--fwe-hero);\n}\n\n.flatpickr-current-month input.cur-year:focus {\n outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0, 0, 0, 0.5);\n background: transparent;\n pointer-events: none;\n}\n\n.flatpickr-monthDropdown-months {\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n background-color: transparent;\n outline: none;\n padding: 0;\n}\n\n.flatpickr-weekdays {\n border-bottom: 1px solid var(--fwe-border);\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 100%;\n display: flex;\n align-items: center;\n height: 48px;\n margin-bottom: 4px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n display: flex;\n flex: 1;\n}\n\nspan.flatpickr-weekday {\n cursor: default;\n font-size: var(--fwe-font-size-md);\n background: transparent;\n color: var(--fwe-text-light);\n line-height: 1;\n margin: 0;\n text-align: center;\n display: block;\n flex: 1;\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: flex-start;\n width: 304px;\n}\n\n.flatpickr-days:focus {\n outline: 0;\n}\n\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 304px;\n min-width: 304px;\n max-width: 304px;\n box-sizing: border-box;\n display: inline-block;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n box-shadow: -1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-day {\n background: none;\n border: 2px;\n border-radius: 150px;\n box-sizing: border-box;\n color: var(--fwe-text);\n cursor: pointer;\n font-weight: var(--fwe-font-weight-normal);\n width: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 33px;\n height: 33px;\n line-height: 33px;\n margin: 4px;\n display: inline-block;\n position: relative;\n justify-content: center;\n text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: var(--fwe-gray-200);\n border-color: var(--fwe-gray-200);\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n cursor: pointer;\n outline: 0;\n color: var(--fwe-hero-hover);\n}\n\n.flatpickr-day.today {\n background-color: inherit;\n font-weight: var(--fwe-font-weight-bold);\n text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n color: var(--fwe-hero-hover);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: var(--fwe-white);\n box-shadow: none;\n color: var(--fwe-hero);\n border: 2px solid var(--fwe-hero);\n font-weight: var(--fwe-font-weight-bold);\n line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n color: var(--fwe-text-disabled);\n background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n border-radius: 50px;\n position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: calc(100% + 4px);\n z-index: -1;\n width: 42px;\n background-color: var(--fwe-gray-200);\n left: -26px;\n top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 24px;\n background-color: var(--fwe-gray-200);\n left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n box-shadow: none;\n position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 48px;\n background-color: var(--fwe-gray-200);\n left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n border-radius: 0;\n box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n\n.flatpickr-innerContainer {\n display: block;\n display: flex;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n box-sizing: border-box;\n}\n\n.flatpickr-time {\n text-align: center;\n outline: 0;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n box-sizing: border-box;\n overflow: hidden;\n display: flex;\n}\n\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n\n.flatpickr-time input {\n background: transparent;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: var(--fwe-text);\n font-size: var(--fwe-font-size-md);\n position: relative;\n box-sizing: border-box;\n appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:focus {\n outline: 0;\n border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n float: left;\n line-height: inherit;\n color: var(--fwe-text);\n font-weight: var(--fwe-font-weight-bold);\n width: 2%;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: var(--fwe-white);\n}\n\n.flatpickr-input[readonly] {\n cursor: pointer;\n}\n\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n\n/*# sourceMappingURL=festo.css.map */\n",null]}
1
+ {"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","festo.css","../../../../scss/_variables.scss"],"names":[],"mappings":"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","file":"festo.css","sourcesContent":[null,"/*!\n * Festo UI - Web Essentials v5.0.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.flatpickr-calendar {\n display: none;\n text-align: center;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: var(--fwe-font-size-md);\n line-height: font-size-md10px;\n position: absolute;\n box-sizing: border-box;\n touch-action: manipulation;\n}\n\n.flatpickr-calendar.open {\n max-height: 640px;\n width: 324px;\n background: var(--fwe-white);\n box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n padding: 12px;\n padding-bottom: 48px;\n display: inline-block;\n z-index: var(--fwe-z-index-dropdown);\n}\n\n.flatpickr-calendar.animate.open {\n animation: none;\n}\n\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px;\n box-shadow: none;\n background: inherit;\n}\n\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n z-index: var(--fwe-z-index-dropdown);\n display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n box-shadow: -2px 0 0 var(--fwe-gray-200), 5px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n}\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid var(--fwe-gray-200);\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: unset;\n height: 0;\n width: 0;\n left: 32px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n left: auto;\n right: 32px;\n}\n\n.flatpickr-calendar:before {\n border-width: 7px;\n margin: 0 -7px;\n}\n\n.flatpickr-calendar:after {\n border-width: 6px;\n margin: 0 -6px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: rgba(0, 0, 0, 0.15);\n}\n\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: var(--fwe-white);\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: var(--fwe-border);\n}\n\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: var(--fwe-white);\n}\n\n.flatpickr-calendar:focus {\n outline: 0;\n}\n\n.flatpickr-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.flatpickr-months {\n display: flex;\n}\n.flatpickr-months .flatpickr-month {\n background: transparent;\n color: var(--fwe-text);\n fill: var(--fwe-text);\n height: 42px;\n margin-top: 12px;\n line-height: 24px;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 42px;\n z-index: 3;\n color: var(--fwe-text);\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n position: relative;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n width: 14px;\n height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n transition: fill 0.1s;\n fill: inherit;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n display: none;\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: var(--fwe-text-light);\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n fill: var(--fwe-hero);\n}\n.flatpickr-months .flatpickr-next-month {\n padding: 24px 20px 0px 0px;\n right: 0;\n}\n.flatpickr-months .flatpickr-prev-month {\n left: 0;\n padding: 24px 0px 0px 20px;\n}\n\n.numInputWrapper {\n position: relative;\n height: auto;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover */\n -webkit-appearance: none;\n margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n -moz-appearance: textfield; /* Firefox */\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block;\n}\n\n.numInputWrapper input {\n width: 100%;\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.numInputWrapper input::-ms-clear {\n display: none;\n}\n\n.numInputWrapper span {\n position: absolute;\n right: -8px;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n box-sizing: border-box;\n}\n.numInputWrapper span:after {\n display: block;\n content: \"\";\n position: absolute;\n}\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid var(--fwe-text);\n top: 26%;\n}\n.numInputWrapper span.arrowDown {\n top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid var(--fwe-text);\n top: 40%;\n}\n\n.numInputWrapper span svg {\n width: inherit;\n height: auto;\n}\n\n.numInputWrapper span svg path {\n fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover span {\n opacity: 1;\n}\n\n.flatpickr-current-month {\n font-size: var(--fwe-font-size-base);\n font-weight: var(--fwe-font-weight-normal);\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 7px 0 0 0;\n line-height: calc(var(--fwe-font-size-base) + 8px);\n height: 34px;\n display: inline-block;\n text-align: center;\n transform: translate3d(0, 0, 0);\n}\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: var(--fwe-font-weight-bold);\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n color: var(--fwe-hero);\n}\n.flatpickr-current-month select {\n appearance: none;\n background: transparent;\n background-image: url(\"data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n background-repeat: no-repeat;\n background-position-x: 100%;\n background-position-y: 70%;\n border: none;\n color: inherit;\n cursor: pointer;\n line-height: 24px;\n margin: -1px 0 0 0;\n outline: none;\n padding-left: 8px;\n padding-right: 16px;\n}\n.flatpickr-current-month select:hover {\n color: var(--fwe-hero);\n background-image: url(\"data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n}\n.flatpickr-current-month select option {\n color: var(--fwe-text) !important;\n}\n\n.flatpickr-current-month .numInputWrapper {\n width: 60px;\n display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper input {\n background: transparent;\n box-sizing: border-box;\n color: inherit;\n cursor: text;\n margin-left: 16px;\n display: inline-block;\n line-height: 24px;\n border: 0;\n appearance: textfield;\n}\n.flatpickr-current-month .numInputWrapper:hover {\n color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowUp:hover:after {\n border-bottom-color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowDown:hover:after {\n border-top-color: var(--fwe-hero);\n}\n\n.flatpickr-current-month input.cur-year:focus {\n outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0, 0, 0, 0.5);\n background: transparent;\n pointer-events: none;\n}\n\n.flatpickr-monthDropdown-months {\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n background-color: transparent;\n outline: none;\n padding: 0;\n}\n\n.flatpickr-weekdays {\n border-bottom: 1px solid var(--fwe-border);\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 100%;\n display: flex;\n align-items: center;\n height: 48px;\n margin-bottom: 4px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n display: flex;\n flex: 1;\n}\n\nspan.flatpickr-weekday {\n cursor: default;\n font-size: var(--fwe-font-size-md);\n background: transparent;\n color: var(--fwe-text-light);\n line-height: 1;\n margin: 0;\n text-align: center;\n display: block;\n flex: 1;\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: flex-start;\n width: 304px;\n}\n\n.flatpickr-days:focus {\n outline: 0;\n}\n\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 304px;\n min-width: 304px;\n max-width: 304px;\n box-sizing: border-box;\n display: inline-block;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n transform: translate3d(0, 0, 0);\n opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n box-shadow: -1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-day {\n background: none;\n border: 2px;\n border-radius: 150px;\n box-sizing: border-box;\n color: var(--fwe-text);\n cursor: pointer;\n font-weight: var(--fwe-font-weight-normal);\n width: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 33px;\n height: 33px;\n line-height: 33px;\n margin: 4px;\n display: inline-block;\n position: relative;\n justify-content: center;\n text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: var(--fwe-gray-200);\n border-color: var(--fwe-gray-200);\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n cursor: pointer;\n outline: 0;\n color: var(--fwe-hero-hover);\n}\n\n.flatpickr-day.today {\n background-color: inherit;\n font-weight: var(--fwe-font-weight-bold);\n text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n color: var(--fwe-hero-hover);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: var(--fwe-white);\n box-shadow: none;\n color: var(--fwe-hero);\n border: 2px solid var(--fwe-hero);\n font-weight: var(--fwe-font-weight-bold);\n line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n color: var(--fwe-text-disabled);\n background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n border-radius: 50px;\n position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: calc(100% + 4px);\n z-index: -1;\n width: 42px;\n background-color: var(--fwe-gray-200);\n left: -26px;\n top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 24px;\n background-color: var(--fwe-gray-200);\n left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n box-shadow: none;\n position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 48px;\n background-color: var(--fwe-gray-200);\n left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n border-radius: 0;\n box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n\n.flatpickr-innerContainer {\n display: block;\n display: flex;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n box-sizing: border-box;\n}\n\n.flatpickr-time {\n text-align: center;\n outline: 0;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n box-sizing: border-box;\n overflow: hidden;\n display: flex;\n}\n\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n\n.flatpickr-time input {\n background: transparent;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: var(--fwe-text);\n font-size: var(--fwe-font-size-md);\n position: relative;\n box-sizing: border-box;\n appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:focus {\n outline: 0;\n border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n float: left;\n line-height: inherit;\n color: var(--fwe-text);\n font-weight: var(--fwe-font-weight-bold);\n width: 2%;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: var(--fwe-white);\n}\n\n.flatpickr-input[readonly] {\n cursor: pointer;\n}\n\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n\n/*# sourceMappingURL=festo.css.map */\n",null]}
package/dist/css/themes/flatpickr/festo.min.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v9.0.0-dev.677 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v9.0.0-dev.679 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */.fng-flatpickr span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flatpickr-calendar{display:none;text-align:center;animation:none;direction:ltr;border:0;font-size:var(--fwe-font-size-md);line-height:font-size-md10px;position:absolute;box-sizing:border-box;touch-action:manipulation}.flatpickr-calendar.open{max-height:640px;width:324px;background:var(--fwe-white);box-shadow:0 1px 8px rgba(0,0,0,.3);border-radius:8px;padding:12px;padding-bottom:48px;display:inline-block;z-index:var(--fwe-z-index-dropdown)}.flatpickr-calendar.animate.open{animation:none}.flatpickr-calendar.inline{display:block;position:relative;top:2px;box-shadow:none;background:inherit}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:var(--fwe-z-index-dropdown);display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 var(--fwe-gray-200),5px 0 0 var(--fwe-gray-200)}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid var(--fwe-gray-200)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:unset;height:0;width:0;left:32px}.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:32px}.flatpickr-calendar:before{border-width:7px;margin:0 -7px}.flatpickr-calendar:after{border-width:6px;margin:0 -6px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(0,0,0,.15)}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--fwe-white)}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--fwe-border)}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--fwe-white)}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;color:var(--fwe-text);fill:var(--fwe-text);height:42px;margin-top:12px;line-height:24px;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:42px;z-index:3;color:var(--fwe-text)}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:var(--fwe-text-light)}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:var(--fwe-hero)}.flatpickr-months .flatpickr-next-month{padding:24px 20px 0 0;right:0}.flatpickr-months .flatpickr-prev-month{left:0;padding:24px 0 0 20px}.numInputWrapper{position:relative;height:auto}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input[type=number]{-moz-appearance:textfield}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;font-weight:var(--fwe-font-weight-bold)}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:-8px;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;box-sizing:border-box}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--fwe-text);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--fwe-text);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:var(--fwe-font-size-base);font-weight:var(--fwe-font-weight-normal);position:absolute;width:75%;left:12.5%;padding:7px 0 0 0;line-height:calc(var(--fwe-font-size-base) + 8px);height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:var(--fwe-font-weight-bold);color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{color:var(--fwe-hero)}.flatpickr-current-month select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;background-image:url("data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:70%;border:none;color:inherit;cursor:pointer;line-height:24px;margin:-1px 0 0 0;outline:0;padding-left:8px;padding-right:16px}.flatpickr-current-month select:hover{color:var(--fwe-hero);background-image:url("data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>")}.flatpickr-current-month select option{color:var(--fwe-text)!important}.flatpickr-current-month .numInputWrapper{width:60px;display:inline-block}.flatpickr-current-month .numInputWrapper input{background:0 0;box-sizing:border-box;color:inherit;cursor:text;margin-left:16px;display:inline-block;line-height:24px;border:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month .numInputWrapper:hover{color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowUp:hover:after{border-bottom-color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowDown:hover:after{border-top-color:var(--fwe-hero)}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-monthDropdown-months{font-weight:var(--fwe-font-weight-bold)}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:0}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{border-bottom:1px solid var(--fwe-border);background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:48px;margin-bottom:4px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:var(--fwe-font-size-md);background:0 0;color:var(--fwe-text-light);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:var(--fwe-font-weight-normal)}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:304px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:304px;min-width:304px;max-width:304px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 var(--fwe-gray-200)}.flatpickr-day{background:0 0;border:2px;border-radius:150px;box-sizing:border-box;color:var(--fwe-text);cursor:pointer;font-weight:var(--fwe-font-weight-normal);width:14.2857143%;flex-basis:14.2857143%;max-width:33px;height:33px;line-height:33px;margin:4px;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus{cursor:pointer;outline:0;background:var(--fwe-gray-200);border-color:var(--fwe-gray-200);font-weight:var(--fwe-font-weight-bold)}.flatpickr-day:hover{cursor:pointer;outline:0;color:var(--fwe-hero-hover)}.flatpickr-day.today{background-color:inherit;font-weight:var(--fwe-font-weight-bold);text-decoration:underline}.flatpickr-day.today:hover{color:var(--fwe-hero-hover)}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:var(--fwe-white);box-shadow:none;color:var(--fwe-hero);border:2px solid var(--fwe-hero);font-weight:var(--fwe-font-weight-bold);line-height:28px}.flatpickr-day.endRange.flatpickr-disabled,.flatpickr-day.endRange.inRange.flatpickr-disabled,.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.endRange:focus.flatpickr-disabled,.flatpickr-day.endRange:hover.flatpickr-disabled,.flatpickr-day.selected.flatpickr-disabled,.flatpickr-day.selected.inRange.flatpickr-disabled,.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,.flatpickr-day.selected:focus.flatpickr-disabled,.flatpickr-day.selected:hover.flatpickr-disabled,.flatpickr-day.startRange.flatpickr-disabled,.flatpickr-day.startRange.inRange.flatpickr-disabled,.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.startRange:focus.flatpickr-disabled,.flatpickr-day.startRange:hover.flatpickr-disabled{color:var(--fwe-text-disabled);background:var(--fwe-control-disabled)}.flatpickr-day.startRange.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;box-shadow:10px 0 0 var(--fwe-hero)}.flatpickr-day.selected.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange:not(.inRange):not(.startRange),.flatpickr-day.selected.endRange:not(.inRange):not(.startRange){border-radius:50px;position:relative}.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before{content:"";position:absolute;height:calc(100% + 4px);z-index:-1;width:42px;background-color:var(--fwe-gray-200);left:-26px;top:-2px}.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.endRange,.flatpickr-day.startRange.endRange{border-radius:50px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before{content:"";position:absolute;height:100%;z-index:-1;width:24px;background-color:var(--fwe-gray-200);left:16px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange:not(.startRange){box-shadow:none;position:relative}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100)}.flatpickr-day.inRange:not(.startRange)::before{content:"";position:absolute;height:100%;z-index:-1;width:48px;background-color:var(--fwe-gray-200);left:-28px}.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-100)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100);background:var(--fwe-gray-100)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 var(--fwe-hero),5px 0 0 var(--fwe-hero)}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 var(--fwe-gray-200)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--fwe-control-border)}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--fwe-control-border)}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--fwe-text);font-size:var(--fwe-font-size-md);position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:var(--fwe-font-weight-bold)}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:var(--fwe-font-weight-normal)}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:var(--fwe-text);font-weight:var(--fwe-font-weight-bold);width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:var(--fwe-font-weight-normal)}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:var(--fwe-white)}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
package/dist/scss/_button.scss CHANGED
@@ -105,9 +105,6 @@ button.fwe-btn {
105
105
  i[class^="fwe-icon-"],
106
106
  i[class*=" fwe-icon-"] {
107
107
  font-size: 24px;
108
- &:before {
109
- font-family: variables.$font-family-icons-24 !important;
110
- }
111
108
  }
112
109
  }
113
110
 
package/dist/scss/_chips.scss CHANGED
@@ -9,9 +9,6 @@
9
9
  i[class*=" fwe-icon-"],
10
10
  .fwe-svg-icon {
11
11
  font-size: 24px;
12
- &:before {
13
- font-family: variables.$font-family-icons-24 !important;
14
- }
15
12
  }
16
13
  &.fwe-selected {
17
14
  &.fwe-category {
package/dist/scss/_fonts.scss CHANGED
@@ -15,31 +15,6 @@
15
15
  font-weight: bold;
16
16
  }
17
17
 
18
- /* Festo Icon Font */
19
- @font-face {
20
- font-family: "festo_icons-16";
21
- src: url("../fonts/festo_icons-16.woff2") format("woff2");
22
- font-weight: normal;
23
- font-style: normal;
24
- font-display: block;
25
- }
26
-
27
- @font-face {
28
- font-family: "festo_icons-24";
29
- src: url("../fonts/festo_icons-24.woff2") format("woff2");
30
- font-weight: normal;
31
- font-style: normal;
32
- font-display: block;
33
- }
34
-
35
- @font-face {
36
- font-family: "festo_icons-32";
37
- src: url("../fonts/festo_icons-32.woff2") format("woff2");
38
- font-weight: normal;
39
- font-style: normal;
40
- font-display: block;
41
- }
42
-
43
18
  .fwe-font-size-small {
44
19
  font-size: variables.$font-size-small;
45
20
  }
package/dist/scss/_root.scss CHANGED
@@ -64,9 +64,6 @@
64
64
 
65
65
  --fwe-font-family-sans-serif: "Festo", "Trebuchet MS", Arial, sans-serif;
66
66
  --fwe-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
67
- --fwe-font-family-icons-16: "festo_icons-16";
68
- --fwe-font-family-icons-24: "festo_icons-24";
69
- --fwe-font-family-icons-32: "festo_icons-32";
70
67
 
71
68
  --fwe-font-weight-normal: 400;
72
69
  --fwe-font-weight-bold: 700;
package/dist/scss/_text-input.scss CHANGED
@@ -116,7 +116,6 @@ label.fwe-input-text {
116
116
  color: transparent;
117
117
  background: none;
118
118
  display: block;
119
- font-family: variables.$font-family-icons-16;
120
119
  width: 16px;
121
120
  height: 16px;
122
121
  position: absolute;
package/dist/scss/_variables.scss CHANGED
@@ -121,9 +121,6 @@ $badge-colors: map.merge(
121
121
 
122
122
  $font-family-sans-serif: var(--fwe-font-family-sans-serif) !default;
123
123
  $font-family-monospace: var(--fwe-font-family-monospace) !default;
124
- $font-family-icons-16: var(--fwe-font-family-icons-16) !default;
125
- $font-family-icons-24: var(--fwe-font-family-icons-24) !default;
126
- $font-family-icons-32: var(--fwe-font-family-icons-32) !default;
127
124
 
128
125
  $font-family-base: $font-family-sans-serif !default;
129
126
 
package/dist/scss/festo-web-essentials.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v9.0.0-dev.677 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v9.0.0-dev.679 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
@@ -8,7 +8,6 @@
8
8
  @use "variables";
9
9
  @use "mixins";
10
10
  @use "fonts";
11
- @use "icons";
12
11
  @use "colors";
13
12
 
14
13
  @use "type";
package/dist/scss/themes/flatpickr/festo.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v9.0.0-dev.677 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v9.0.0-dev.679 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@festo-ui/web-essentials",
3
- "version": "9.0.0-dev.677",
3
+ "version": "9.0.0-dev.679",
4
4
  "description": "CSS framework and utils to build FESTO web applications",
5
5
  "keywords": [
6
6
  "css",
@@ -18,7 +18,7 @@
18
18
  "main": "jest.config.js",
19
19
  "style": "dist/css/festo-web-essentials.css",
20
20
  "files": [
21
- "dist/{scss,fonts,css,js}/**/*.{scss,css,js,map,eot,svg,ttf,woff,woff2,otf}",
21
+ "dist/{scss,css,js}/**/*.{scss,css,js,map}",
22
22
  "scss"
23
23
  ],
24
24
  "scripts": {
@@ -34,19 +34,20 @@
34
34
  "fwe:css:minify": "cleancss -O1 --format breakWith=lf --source-map --source-map-inline-sources --output dist/css/festo-web-essentials.min.css dist/css/festo-web-essentials.css",
35
35
  "fwe:css:minify:flatpickr": "cleancss -O1 --format breakWith=lf --source-map --source-map-inline-sources --output dist/css/themes/flatpickr/festo.min.css dist/css/themes/flatpickr/festo.css",
36
36
  "fwe:css:minify:organisms": "cleancss -O1 --format breakWith=lf --source-map --source-map-inline-sources --output dist/css/organisms/festo-web-essentials-organisms.min.css dist/css/organisms/festo-web-essentials-organisms.css",
37
- "fwe:copy": "npm-run-all fwe:copy:scss fwe:copy:fonts fwe:copy:fonts:css fwe:copy:fonts:scss",
37
+ "fwe:copy": "npm-run-all fwe:copy:scss",
38
38
  "fwe:copy:scss": "copyfiles -V \"scss/**/*\" dist/",
39
- "fwe:copy:fonts": "copyfiles -V \"fonts/*\" dist/",
40
- "fwe:copy:fonts:css": "copyfiles -V \"fonts/*\" dist/css/",
41
- "fwe:copy:fonts:scss": "copyfiles -V \"fonts/*\" dist/scss/",
42
39
  "fwe:build-storybook": "storybook build -c .storybook -o storybook-static",
43
40
  "fwe:version": "npm version"
44
41
  },
42
+ "peerDependencies": {
43
+ "@festo-ui/icon-font": "*"
44
+ },
45
45
  "devDependencies": {
46
46
  "@babel/core": "^7.20.12",
47
47
  "@babel/preset-env": "^7.22.14",
48
48
  "@babel/preset-typescript": "^7.22.11",
49
49
  "@cyclonedx/cyclonedx-npm": "^1.19.3",
50
+ "@festo-ui/icon-font": "*",
50
51
  "@storybook/addon-docs": "^9.1.10",
51
52
  "@storybook/addon-links": "^9.1.10",
52
53
  "@storybook/cli": "^9.1.10",
package/scss/_button.scss CHANGED
@@ -105,9 +105,6 @@ button.fwe-btn {
105
105
  i[class^="fwe-icon-"],
106
106
  i[class*=" fwe-icon-"] {
107
107
  font-size: 24px;
108
- &:before {
109
- font-family: variables.$font-family-icons-24 !important;
110
- }
111
108
  }
112
109
  }
113
110
 
package/scss/_chips.scss CHANGED
@@ -9,9 +9,6 @@
9
9
  i[class*=" fwe-icon-"],
10
10
  .fwe-svg-icon {
11
11
  font-size: 24px;
12
- &:before {
13
- font-family: variables.$font-family-icons-24 !important;
14
- }
15
12
  }
16
13
  &.fwe-selected {
17
14
  &.fwe-category {
package/scss/_fonts.scss CHANGED
@@ -15,31 +15,6 @@
15
15
  font-weight: bold;
16
16
  }
17
17
 
18
- /* Festo Icon Font */
19
- @font-face {
20
- font-family: "festo_icons-16";
21
- src: url("../fonts/festo_icons-16.woff2") format("woff2");
22
- font-weight: normal;
23
- font-style: normal;
24
- font-display: block;
25
- }
26
-
27
- @font-face {
28
- font-family: "festo_icons-24";
29
- src: url("../fonts/festo_icons-24.woff2") format("woff2");
30
- font-weight: normal;
31
- font-style: normal;
32
- font-display: block;
33
- }
34
-
35
- @font-face {
36
- font-family: "festo_icons-32";
37
- src: url("../fonts/festo_icons-32.woff2") format("woff2");
38
- font-weight: normal;
39
- font-style: normal;
40
- font-display: block;
41
- }
42
-
43
18
  .fwe-font-size-small {
44
19
  font-size: variables.$font-size-small;
45
20
  }
package/scss/_root.scss CHANGED
@@ -64,9 +64,6 @@
64
64
 
65
65
  --fwe-font-family-sans-serif: "Festo", "Trebuchet MS", Arial, sans-serif;
66
66
  --fwe-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
67
- --fwe-font-family-icons-16: "festo_icons-16";
68
- --fwe-font-family-icons-24: "festo_icons-24";
69
- --fwe-font-family-icons-32: "festo_icons-32";
70
67
 
71
68
  --fwe-font-weight-normal: 400;
72
69
  --fwe-font-weight-bold: 700;
package/scss/_text-input.scss CHANGED
@@ -116,7 +116,6 @@ label.fwe-input-text {
116
116
  color: transparent;
117
117
  background: none;
118
118
  display: block;
119
- font-family: variables.$font-family-icons-16;
120
119
  width: 16px;
121
120
  height: 16px;
122
121
  position: absolute;
package/scss/_variables.scss CHANGED
@@ -121,9 +121,6 @@ $badge-colors: map.merge(
121
121
 
122
122
  $font-family-sans-serif: var(--fwe-font-family-sans-serif) !default;
123
123
  $font-family-monospace: var(--fwe-font-family-monospace) !default;
124
- $font-family-icons-16: var(--fwe-font-family-icons-16) !default;
125
- $font-family-icons-24: var(--fwe-font-family-icons-24) !default;
126
- $font-family-icons-32: var(--fwe-font-family-icons-32) !default;
127
124
 
128
125
  $font-family-base: $font-family-sans-serif !default;
129
126
 
package/scss/festo-web-essentials.scss CHANGED
@@ -8,7 +8,6 @@
8
8
  @use "variables";
9
9
  @use "mixins";
10
10
  @use "fonts";
11
- @use "icons";
12
11
  @use "colors";
13
12
 
14
13
  @use "type";
package/dist/css/fonts/festo_icons-16.woff2 DELETED
Binary file
package/dist/css/fonts/festo_icons-24.woff2 DELETED
Binary file
package/dist/css/fonts/festo_icons-32.woff2 DELETED
Binary file
package/dist/fonts/festo_icons-16.woff2 DELETED
Binary file
package/dist/fonts/festo_icons-24.woff2 DELETED
Binary file
package/dist/fonts/festo_icons-32.woff2 DELETED
Binary file