@festo-ui/web-essentials 6.1.0-dev.284 → 6.1.0-dev.285

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 (15) hide show
  1. package/dist/css/festo-web-essentials.css +8 -1
  2. package/dist/css/festo-web-essentials.css.map +1 -1
  3. package/dist/css/festo-web-essentials.min.css +2 -2
  4. package/dist/css/festo-web-essentials.min.css.map +1 -1
  5. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  6. package/dist/css/themes/flatpickr/festo.css +1 -1
  7. package/dist/css/themes/flatpickr/festo.css.map +1 -1
  8. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  9. package/dist/scss/_root.scss +4 -0
  10. package/dist/scss/_variables.scss +18 -0
  11. package/dist/scss/festo-web-essentials.scss +1 -1
  12. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  13. package/package.json +1 -1
  14. package/scss/_root.scss +4 -0
  15. package/scss/_variables.scss +18 -0
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-darker);\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-darker);\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-darker);\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-darker);\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-darker);\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-menu-close.fwe-modal-image-gallery-close {\n padding-right: 0px;\n padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\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: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\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: 24px;\n padding-bottom: 24px;\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 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 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 }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: none;\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 max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\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.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-darker);\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-darker);\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-darker);\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-darker);\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-darker);\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-menu-close.fwe-modal-image-gallery-close {\n padding-right: 0px;\n padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n max-height: calc(100vh - 73px);\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: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\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: 24px;\n padding-bottom: 24px;\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 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 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 }\n .fwe-modal-image-gallery--with-container .fwe-image-gallery-header {\n margin-top: none;\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 max-width: 312px;\n width: 312px;\n min-width: 312px;\n margin-left: 24px;\n border-top: 1px solid var(--fwe-control-border);\n border-bottom: 1px solid var(--fwe-control-border);\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.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 v6.1.0-dev.284 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v6.1.0-dev.285 (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-dark);\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-dark);\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-dark);\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-dark);\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 v6.1.0-dev.284 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v6.1.0-dev.285 (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-dark)}.flatpickr-day.today{background-color:inherit;font-weight:var(--fwe-font-weight-bold);text-decoration:underline}.flatpickr-day.today:hover{color:var(--fwe-hero-dark)}.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/_root.scss CHANGED
@@ -75,6 +75,10 @@
75
75
  --fwe-breakpoint-#{$name}: #{$size};
76
76
  }
77
77
 
78
+ @each $name, $size in $grid-breakpoints-min {
79
+ --fwe-breakpoint-#{$name}: #{$size};
80
+ }
81
+
78
82
  @each $spacing, $space in $spacers {
79
83
  --fwe-spacer-#{$spacing}: #{$space};
80
84
  }
package/dist/scss/_variables.scss CHANGED
@@ -189,6 +189,24 @@ $grid-breakpoints: (
189
189
  xxl: $grid-breakpoint-xxl
190
190
  ) !default;
191
191
 
192
+ $breakpoint-xxs-min: $grid-breakpoint-xxs - 1;
193
+ $breakpoint-xs-min: $grid-breakpoint-xs - 1;
194
+ $breakpoint-sm-min: $grid-breakpoint-sm - 1;
195
+ $breakpoint-md-min: $grid-breakpoint-md - 1;
196
+ $breakpoint-lg-min: $grid-breakpoint-lg - 1;
197
+ $breakpoint-xl-min: $grid-breakpoint-xl - 1;
198
+ $breakpoint-xxl-min: $grid-breakpoint-xxl - 1;
199
+
200
+ $grid-breakpoints-min: (
201
+ xxs-min: $breakpoint-xxs-min,
202
+ xs-min: $breakpoint-xs-min,
203
+ sm-min: $breakpoint-sm-min,
204
+ md-min: $breakpoint-md-min,
205
+ lg-min: $breakpoint-lg-min,
206
+ xl-min: $breakpoint-xl-min,
207
+ xxl-min: $breakpoint-xxl-min
208
+ ) !default;
209
+
192
210
  $navbar-height: 64px;
193
211
  $navbar-bottom-box-height: 48px;
194
212
 
package/dist/scss/festo-web-essentials.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v6.1.0-dev.284 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v6.1.0-dev.285 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
package/dist/scss/themes/flatpickr/festo.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v6.1.0-dev.284 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v6.1.0-dev.285 (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": "6.1.0-dev.284",
3
+ "version": "6.1.0-dev.285",
4
4
  "description": "CSS framework and utils to build FESTO web applications",
5
5
  "keywords": [
6
6
  "css",
package/scss/_root.scss CHANGED
@@ -75,6 +75,10 @@
75
75
  --fwe-breakpoint-#{$name}: #{$size};
76
76
  }
77
77
 
78
+ @each $name, $size in $grid-breakpoints-min {
79
+ --fwe-breakpoint-#{$name}: #{$size};
80
+ }
81
+
78
82
  @each $spacing, $space in $spacers {
79
83
  --fwe-spacer-#{$spacing}: #{$space};
80
84
  }
package/scss/_variables.scss CHANGED
@@ -189,6 +189,24 @@ $grid-breakpoints: (
189
189
  xxl: $grid-breakpoint-xxl
190
190
  ) !default;
191
191
 
192
+ $breakpoint-xxs-min: $grid-breakpoint-xxs - 1;
193
+ $breakpoint-xs-min: $grid-breakpoint-xs - 1;
194
+ $breakpoint-sm-min: $grid-breakpoint-sm - 1;
195
+ $breakpoint-md-min: $grid-breakpoint-md - 1;
196
+ $breakpoint-lg-min: $grid-breakpoint-lg - 1;
197
+ $breakpoint-xl-min: $grid-breakpoint-xl - 1;
198
+ $breakpoint-xxl-min: $grid-breakpoint-xxl - 1;
199
+
200
+ $grid-breakpoints-min: (
201
+ xxs-min: $breakpoint-xxs-min,
202
+ xs-min: $breakpoint-xs-min,
203
+ sm-min: $breakpoint-sm-min,
204
+ md-min: $breakpoint-md-min,
205
+ lg-min: $breakpoint-lg-min,
206
+ xl-min: $breakpoint-xl-min,
207
+ xxl-min: $breakpoint-xxl-min
208
+ ) !default;
209
+
192
210
  $navbar-height: 64px;
193
211
  $navbar-bottom-box-height: 48px;
194
212