@festo-ui/web-essentials 7.0.0-dev.304 → 7.0.0-dev.314

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 (58) hide show
  1. package/dist/css/festo-web-essentials.css +161 -193
  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 +5 -5
  6. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  7. package/dist/css/organisms/festo-web-essentials-organisms.min.css +1 -1
  8. package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
  9. package/dist/css/themes/flatpickr/festo.css +3 -3
  10. package/dist/css/themes/flatpickr/festo.css.map +1 -1
  11. package/dist/css/themes/flatpickr/festo.min.css +2 -2
  12. package/dist/css/themes/flatpickr/festo.min.css.map +1 -1
  13. package/dist/scss/_bottom-navigation.scss +2 -2
  14. package/dist/scss/_breadcrumb.scss +1 -1
  15. package/dist/scss/_button.scss +17 -17
  16. package/dist/scss/_checkbox.scss +5 -5
  17. package/dist/scss/_chips.scss +4 -4
  18. package/dist/scss/_list.scss +2 -2
  19. package/dist/scss/_navbar-menu.scss +4 -4
  20. package/dist/scss/_pagination.scss +2 -2
  21. package/dist/scss/_radio.scss +2 -2
  22. package/dist/scss/_root.scss +25 -48
  23. package/dist/scss/_scroll.scss +2 -2
  24. package/dist/scss/_search-input.scss +2 -2
  25. package/dist/scss/_segment.scss +6 -6
  26. package/dist/scss/_snackbar.scss +5 -5
  27. package/dist/scss/_stepper-horizontal.scss +2 -2
  28. package/dist/scss/_stepper-vertical.scss +2 -2
  29. package/dist/scss/_switch.scss +4 -4
  30. package/dist/scss/_text-link.scss +1 -1
  31. package/dist/scss/_tree.scss +7 -7
  32. package/dist/scss/_variables.scss +33 -54
  33. package/dist/scss/festo-web-essentials.scss +1 -1
  34. package/dist/scss/organisms/_footer.scss +5 -5
  35. package/dist/scss/themes/flatpickr/festo.scss +3 -3
  36. package/package.json +1 -1
  37. package/scss/_bottom-navigation.scss +2 -2
  38. package/scss/_breadcrumb.scss +1 -1
  39. package/scss/_button.scss +17 -17
  40. package/scss/_checkbox.scss +5 -5
  41. package/scss/_chips.scss +4 -4
  42. package/scss/_list.scss +2 -2
  43. package/scss/_navbar-menu.scss +4 -4
  44. package/scss/_pagination.scss +2 -2
  45. package/scss/_radio.scss +2 -2
  46. package/scss/_root.scss +25 -48
  47. package/scss/_scroll.scss +2 -2
  48. package/scss/_search-input.scss +2 -2
  49. package/scss/_segment.scss +6 -6
  50. package/scss/_snackbar.scss +5 -5
  51. package/scss/_stepper-horizontal.scss +2 -2
  52. package/scss/_stepper-vertical.scss +2 -2
  53. package/scss/_switch.scss +4 -4
  54. package/scss/_text-link.scss +1 -1
  55. package/scss/_tree.scss +7 -7
  56. package/scss/_variables.scss +33 -54
  57. package/scss/organisms/_footer.scss +5 -5
  58. package/scss/themes/flatpickr/festo.scss +2 -2
package/dist/css/themes/flatpickr/festo.min.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v7.0.0-dev.304 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v7.0.0-dev.314 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
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)}}
5
+ */.fng-flatpickr span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flatpickr-calendar{display:none;text-align:center;animation:none;direction:ltr;border:0;font-size:var(--fwe-font-size-md);line-height:font-size-md10px;position:absolute;box-sizing:border-box;touch-action:manipulation}.flatpickr-calendar.open{max-height:640px;width:324px;background:var(--fwe-white);box-shadow:0 1px 8px rgba(0,0,0,.3);border-radius:8px;padding:12px;padding-bottom:48px;display:inline-block;z-index:var(--fwe-z-index-dropdown)}.flatpickr-calendar.animate.open{animation:none}.flatpickr-calendar.inline{display:block;position:relative;top:2px;box-shadow:none;background:inherit}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:var(--fwe-z-index-dropdown);display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 var(--fwe-gray-200),5px 0 0 var(--fwe-gray-200)}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid var(--fwe-gray-200)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:unset;height:0;width:0;left:32px}.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:32px}.flatpickr-calendar:before{border-width:7px;margin:0 -7px}.flatpickr-calendar:after{border-width:6px;margin:0 -6px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(0,0,0,.15)}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--fwe-white)}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--fwe-border)}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--fwe-white)}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;color:var(--fwe-text);fill:var(--fwe-text);height:42px;margin-top:12px;line-height:24px;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:42px;z-index:3;color:var(--fwe-text)}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:var(--fwe-text-light)}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:var(--fwe-hero)}.flatpickr-months .flatpickr-next-month{padding:24px 20px 0 0;right:0}.flatpickr-months .flatpickr-prev-month{left:0;padding:24px 0 0 20px}.numInputWrapper{position:relative;height:auto}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input[type=number]{-moz-appearance:textfield}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;font-weight:var(--fwe-font-weight-bold)}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:-8px;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;box-sizing:border-box}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--fwe-text);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--fwe-text);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:var(--fwe-font-size-base);font-weight:var(--fwe-font-weight-normal);position:absolute;width:75%;left:12.5%;padding:7px 0 0 0;line-height:calc(var(--fwe-font-size-base) + 8px);height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:var(--fwe-font-weight-bold);color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{color:var(--fwe-hero)}.flatpickr-current-month select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;background-image:url("data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:70%;border:none;color:inherit;cursor:pointer;line-height:24px;margin:-1px 0 0 0;outline:0;padding-left:8px;padding-right:16px}.flatpickr-current-month select:hover{color:var(--fwe-hero);background-image:url("data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>")}.flatpickr-current-month select option{color:var(--fwe-text)!important}.flatpickr-current-month .numInputWrapper{width:60px;display:inline-block}.flatpickr-current-month .numInputWrapper input{background:0 0;box-sizing:border-box;color:inherit;cursor:text;margin-left:16px;display:inline-block;line-height:24px;border:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month .numInputWrapper:hover{color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowUp:hover:after{border-bottom-color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowDown:hover:after{border-top-color:var(--fwe-hero)}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-monthDropdown-months{font-weight:var(--fwe-font-weight-bold)}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:0}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{border-bottom:1px solid var(--fwe-border);background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:48px;margin-bottom:4px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:var(--fwe-font-size-md);background:0 0;color:var(--fwe-text-light);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:var(--fwe-font-weight-normal)}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:304px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:304px;min-width:304px;max-width:304px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 var(--fwe-gray-200)}.flatpickr-day{background:0 0;border:2px;border-radius:150px;box-sizing:border-box;color:var(--fwe-text);cursor:pointer;font-weight:var(--fwe-font-weight-normal);width:14.2857143%;flex-basis:14.2857143%;max-width:33px;height:33px;line-height:33px;margin:4px;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus{cursor:pointer;outline:0;background:var(--fwe-gray-200);border-color:var(--fwe-gray-200);font-weight:var(--fwe-font-weight-bold)}.flatpickr-day:hover{cursor:pointer;outline:0;color:var(--fwe-hero-hover)}.flatpickr-day.today{background-color:inherit;font-weight:var(--fwe-font-weight-bold);text-decoration:underline}.flatpickr-day.today:hover{color:var(--fwe-hero-hover)}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:var(--fwe-white);box-shadow:none;color:var(--fwe-hero);border:2px solid var(--fwe-hero);font-weight:var(--fwe-font-weight-bold);line-height:28px}.flatpickr-day.endRange.flatpickr-disabled,.flatpickr-day.endRange.inRange.flatpickr-disabled,.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.endRange:focus.flatpickr-disabled,.flatpickr-day.endRange:hover.flatpickr-disabled,.flatpickr-day.selected.flatpickr-disabled,.flatpickr-day.selected.inRange.flatpickr-disabled,.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,.flatpickr-day.selected:focus.flatpickr-disabled,.flatpickr-day.selected:hover.flatpickr-disabled,.flatpickr-day.startRange.flatpickr-disabled,.flatpickr-day.startRange.inRange.flatpickr-disabled,.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.startRange:focus.flatpickr-disabled,.flatpickr-day.startRange:hover.flatpickr-disabled{color:var(--fwe-text-disabled);background:var(--fwe-control-disabled)}.flatpickr-day.startRange.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;box-shadow:10px 0 0 var(--fwe-hero)}.flatpickr-day.selected.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange:not(.inRange):not(.startRange),.flatpickr-day.selected.endRange:not(.inRange):not(.startRange){border-radius:50px;position:relative}.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before{content:"";position:absolute;height:calc(100% + 4px);z-index:-1;width:42px;background-color:var(--fwe-gray-200);left:-26px;top:-2px}.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.endRange,.flatpickr-day.startRange.endRange{border-radius:50px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before{content:"";position:absolute;height:100%;z-index:-1;width:24px;background-color:var(--fwe-gray-200);left:16px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange:not(.startRange){box-shadow:none;position:relative}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100)}.flatpickr-day.inRange:not(.startRange)::before{content:"";position:absolute;height:100%;z-index:-1;width:48px;background-color:var(--fwe-gray-200);left:-28px}.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-100)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100);background:var(--fwe-gray-100)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 var(--fwe-hero),5px 0 0 var(--fwe-hero)}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 var(--fwe-gray-200)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--fwe-control-border)}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--fwe-control-border)}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--fwe-text);font-size:var(--fwe-font-size-md);position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:var(--fwe-font-weight-bold)}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:var(--fwe-font-weight-normal)}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:var(--fwe-text);font-weight:var(--fwe-font-weight-bold);width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:var(--fwe-font-weight-normal)}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:var(--fwe-white)}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
6
6
  /*# sourceMappingURL=festo.min.css.map */
package/dist/css/themes/flatpickr/festo.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["dist/css/themes/flatpickr/festo.css"],"names":[],"mappings":"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","sourcesContent":["/*!\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 -moz-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 -moz-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 -webkit-appearance: none;\n -moz-appearance: none;\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 -webkit-appearance: textfield;\n -moz-appearance: textfield;\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 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 -webkit-appearance: textfield;\n -moz-appearance: textfield;\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 -moz-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 */"]}
1
+ {"version":3,"sources":["dist/css/themes/flatpickr/festo.css"],"names":[],"mappings":"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","sourcesContent":["/*!\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 -moz-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 -moz-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 -webkit-appearance: none;\n -moz-appearance: none;\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 -webkit-appearance: textfield;\n -moz-appearance: textfield;\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 flex-basis: 14.2857143%;\n max-width: 33px;\n height: 33px;\n line-height: 33px;\n margin: 4px;\n display: inline-block;\n position: relative;\n justify-content: center;\n text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: var(--fwe-gray-200);\n border-color: var(--fwe-gray-200);\n font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n cursor: pointer;\n outline: 0;\n color: var(--fwe-hero-hover);\n}\n\n.flatpickr-day.today {\n background-color: inherit;\n font-weight: var(--fwe-font-weight-bold);\n text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n color: var(--fwe-hero-hover);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: var(--fwe-white);\n box-shadow: none;\n color: var(--fwe-hero);\n border: 2px solid var(--fwe-hero);\n font-weight: var(--fwe-font-weight-bold);\n line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n color: var(--fwe-text-disabled);\n background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n border-radius: 50px;\n box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n border-radius: 50px;\n position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: calc(100% + 4px);\n z-index: -1;\n width: 42px;\n background-color: var(--fwe-gray-200);\n left: -26px;\n top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 24px;\n background-color: var(--fwe-gray-200);\n left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n box-shadow: none;\n position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n content: \"\";\n position: absolute;\n height: 100%;\n z-index: -1;\n width: 48px;\n background-color: var(--fwe-gray-200);\n left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n border-radius: 0;\n box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n border-radius: 0;\n box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(57, 57, 57, 0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n\n.flatpickr-innerContainer {\n display: block;\n display: flex;\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n box-sizing: border-box;\n}\n\n.flatpickr-time {\n text-align: center;\n outline: 0;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n box-sizing: border-box;\n overflow: hidden;\n display: flex;\n}\n\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n\n.flatpickr-time input {\n background: transparent;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: var(--fwe-text);\n font-size: var(--fwe-font-size-md);\n position: relative;\n box-sizing: border-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\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 -moz-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 */"]}
package/dist/scss/_bottom-navigation.scss CHANGED
@@ -18,7 +18,7 @@
18
18
  background: none;
19
19
  border: none;
20
20
  outline: none;
21
- color: $icon-gray;
21
+ color: $hero-gray;
22
22
  position: relative;
23
23
  :after {
24
24
  content: "";
@@ -38,7 +38,7 @@
38
38
  }
39
39
  }
40
40
  &:active {
41
- color: $hero-darker;
41
+ color: $hero-active;
42
42
  }
43
43
  }
44
44
  }
package/dist/scss/_breadcrumb.scss CHANGED
@@ -23,7 +23,7 @@
23
23
  color: $hero;
24
24
  }
25
25
  &:active {
26
- color: $hero-darker;
26
+ color: $hero-active;
27
27
  }
28
28
  cursor: pointer;
29
29
  }
package/dist/scss/_button.scss CHANGED
@@ -10,8 +10,8 @@ button.fwe-btn {
10
10
  font-size: $font-size-base;
11
11
  padding: 4px 16px;
12
12
  min-height: 32px;
13
- color: $btn-text;
14
- background: $btn;
13
+ color: $text;
14
+ background: $control;
15
15
  border-radius: $control-border-radius;
16
16
  cursor: pointer;
17
17
  border: none;
@@ -23,12 +23,12 @@ button.fwe-btn {
23
23
  }
24
24
 
25
25
  &:hover {
26
- color: $btn-text-hover;
27
- background: $btn-hover;
26
+ color: $text;
27
+ background: $control-hover;
28
28
  }
29
29
 
30
30
  &:active {
31
- background: $btn-active;
31
+ background: $control-active;
32
32
  }
33
33
 
34
34
  &:focus {
@@ -38,27 +38,27 @@ button.fwe-btn {
38
38
  &:disabled,
39
39
  &.fwe-disabled {
40
40
  cursor: default;
41
- background: $btn-disabled;
42
- color: $btn-text-disabled;
41
+ background: $control-disabled;
42
+ color: $text-disabled;
43
43
  }
44
44
 
45
45
  &.fwe-btn-hero {
46
- color: $btn-hero-text;
47
- background: $btn-hero;
46
+ color: $white;
47
+ background: $hero;
48
48
 
49
49
  &:hover {
50
- color: $btn-hero-text-hover;
51
- background: $btn-hero-hover;
50
+ color: $white;
51
+ background: $hero-hover;
52
52
  }
53
53
 
54
54
  &:active {
55
- background: $btn-hero-active;
55
+ background: $hero-active;
56
56
  }
57
57
 
58
58
  &:disabled,
59
59
  &.fwe-disabled {
60
- background: $btn-hero-disabled;
61
- color: $btn-hero-text-disabled;
60
+ background: $control-disabled;
61
+ color: $text-disabled;
62
62
  }
63
63
  }
64
64
 
@@ -83,17 +83,17 @@ button.fwe-btn {
83
83
 
84
84
  &:hover {
85
85
  background: none;
86
- color: $hero-dark;
86
+ color: $hero-hover;
87
87
  }
88
88
 
89
89
  &:active {
90
90
  background: none;
91
- color: $hero-dark;
91
+ color: $hero-hover;
92
92
  }
93
93
 
94
94
  &:disabled,
95
95
  &.fwe-disabled {
96
- color: $btn-text-disabled;
96
+ color: $text-disabled;
97
97
  }
98
98
  }
99
99
 
package/dist/scss/_checkbox.scss CHANGED
@@ -119,7 +119,7 @@ label.fwe-checkbox {
119
119
  }
120
120
 
121
121
  &:active ~ .fwe-checkbox-checkmark {
122
- background-color: $control-dark;
122
+ background-color: $control-hover;
123
123
  }
124
124
 
125
125
  &:checked ~ .fwe-checkbox-checkmark {
@@ -128,13 +128,13 @@ label.fwe-checkbox {
128
128
  }
129
129
 
130
130
  &:hover:checked:not(:disabled) ~ .fwe-checkbox-checkmark {
131
- background-color: $hero-dark;
132
- border-color: $hero-dark;
131
+ background-color: $hero-hover;
132
+ border-color: $hero-hover;
133
133
  }
134
134
 
135
135
  &:active:checked ~ .fwe-checkbox-checkmark {
136
- background-color: $hero-darker;
137
- border-color: $hero-darker;
136
+ background-color: $hero-active;
137
+ border-color: $hero-active;
138
138
  }
139
139
 
140
140
  &:checked ~ .fwe-checkbox-checkmark:before {
package/dist/scss/_chips.scss CHANGED
@@ -64,12 +64,12 @@
64
64
  margin-right: 8px;
65
65
  }
66
66
  &:hover {
67
- background: $control-dark;
68
- border: 1px solid $control-dark;
67
+ background: $control-hover;
68
+ border: 1px solid $control-hover;
69
69
  }
70
70
  &:active {
71
- background: $control-darker;
72
- border: 1px solid $control-darker;
71
+ background: $control-active;
72
+ border: 1px solid $control-active;
73
73
  }
74
74
  &.fwe-selected {
75
75
  cursor: default;
package/dist/scss/_list.scss CHANGED
@@ -86,7 +86,7 @@ ul.fwe-list-group {
86
86
  &.fwe-disabled {
87
87
  color: $text-disabled;
88
88
  &::before {
89
- background-color: $control-dark;
89
+ background-color: $control-hover;
90
90
  }
91
91
  }
92
92
  }
@@ -171,7 +171,7 @@ ul.fwe-list-group {
171
171
  &.fwe-disabled {
172
172
  color: $text-disabled;
173
173
  &::before {
174
- background-color: $control-dark;
174
+ background-color: $control-hover;
175
175
  }
176
176
  }
177
177
  }
package/dist/scss/_navbar-menu.scss CHANGED
@@ -232,16 +232,16 @@
232
232
  &:hover {
233
233
  &.fwe-warning {
234
234
  color: $white;
235
- background: $orange-dark;
235
+ background: $orange-hover;
236
236
  &::before {
237
- background: $orange-dark;
237
+ background: $orange-hover;
238
238
  }
239
239
  }
240
240
  &.fwe-error {
241
241
  color: $white;
242
- background: $red-dark;
242
+ background: $red-hover;
243
243
  &::before {
244
- background: $red-dark;
244
+ background: $red-hover;
245
245
  }
246
246
  }
247
247
  }
package/dist/scss/_pagination.scss CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  &:active {
30
30
  &::before {
31
- background-color: $hero-dark;
31
+ background-color: $hero-hover;
32
32
  }
33
33
  }
34
34
 
@@ -66,7 +66,7 @@
66
66
  background: $control-border;
67
67
  border-radius: 50%;
68
68
  &:hover {
69
- background: $control-border-dark;
69
+ background: $control-border-hover;
70
70
  }
71
71
  &.fwe-selected {
72
72
  background: $hero;
package/dist/scss/_radio.scss CHANGED
@@ -138,11 +138,11 @@ label.fwe-radio {
138
138
  }
139
139
 
140
140
  &:hover:checked:not(:disabled) ~ .fwe-radio-checkmark::after {
141
- border-color: $hero-dark;
141
+ border-color: $hero-hover;
142
142
  }
143
143
 
144
144
  &:active ~ .fwe-radio-checkmark::before {
145
- border-color: $control-dark;
145
+ border-color: $control-hover;
146
146
  background-color: $white;
147
147
  }
148
148
 
package/dist/scss/_root.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --fwe-black: #000000;
3
3
  --fwe-white: #ffffff;
4
- --fwe-white-dark: #ededed;
4
+ --fwe-white-hover: #ededed;
5
5
  --fwe-caerul: #0091dc;
6
6
  --fwe-sucaerul: #dcebf6;
7
7
  --fwe-sucanul: #f2f3f5;
@@ -11,65 +11,42 @@
11
11
  --fwe-gray-300: #d8dce1;
12
12
  --fwe-gray-400: #b6bec6;
13
13
 
14
- --fwe-icon-black: #333333;
15
- --fwe-icon-white: #ffffff;
16
- --fwe-icon-gray: #a3b2bc;
17
- --fwe-icon-hero: #0091dc;
18
- --fwe-icon-hero-light: #c8e6fa;
19
-
20
- --fwe-green: #80ca3d;
21
- --fwe-yellow: #ffd600;
22
- --fwe-orange: #ff9600;
23
- --fwe-red: #d50000;
24
- --fwe-green-dark: #73b637;
25
- --fwe-yellow-dark: #e6c100;
26
- --fwe-orange-dark: #e68700;
27
- --fwe-red-dark: #c00000;
28
-
29
- // button vars
30
- --fwe-btn: #d8dce1;
31
- --fwe-btn-hover: #c7cbcf;
32
- --fwe-btn-active: #b7babe;
33
- --fwe-btn-disabled: #e6e9ec;
34
- --fwe-btn-text: #333333;
35
- --fwe-btn-text-hover: #333333;
36
- --fwe-btn-text-disabled: #b9babb;
37
-
38
- --fwe-btn-hero: #0091dc;
39
- --fwe-btn-hero-hover: #0587cb;
40
- --fwe-btn-hero-active: #0a7eba;
41
- --fwe-btn-hero-disabled: #e6e9ec;
42
- --fwe-btn-hero-text: #ffffff;
43
- --fwe-btn-hero-text-hover: #ffffff;
44
- --fwe-btn-hero-text-disabled: #b9babb;
45
-
46
- // control colors
47
14
  --fwe-text: #333333;
48
15
  --fwe-text-light: #b6bec6;
49
16
  --fwe-text-disabled: #b9babb;
50
17
 
51
18
  --fwe-hero: #0091dc;
52
- --fwe-hero-dark: #0587cb;
53
- --fwe-hero-darker: #0a7eba;
19
+ --fwe-hero-hover: #0587cb;
20
+ --fwe-hero-active: #0a7eba;
21
+ --fwe-hero-gray: #a3b2bc;
22
+ --fwe-hero-bg: #c8e6fa;
23
+
24
+ --fwe-green: #80ca3d;
25
+ --fwe-yellow: #ffd600;
26
+ --fwe-orange: #ff9600;
27
+ --fwe-red: #d50000;
28
+ --fwe-green-hover: #73b637;
29
+ --fwe-yellow-hover: #e6c100;
30
+ --fwe-orange-hover: #e68700;
31
+ --fwe-red-hover: #c00000;
32
+ --fwe-orange-active: #d6820a;
33
+ --fwe-red-active: #b50a0a;
34
+ --fwe-orange-bg: #fbf0e1;
35
+ --fwe-red-bg: #f7e1e1;
54
36
 
55
37
  --fwe-control: #d8dce1;
56
- --fwe-control-dark: #c7cbcf; // 90% * --fwe-gray-300 + 10% * #333333
57
- --fwe-control-darker: #b7babe; // 80% * --fwe-gray-300 + 20% * #333333
38
+ --fwe-control-hover: #c7cbcf;
39
+ --fwe-control-active: #b7babe; // 80% * --fwe-gray-300 + 20% * #333333
58
40
  --fwe-control-disabled: #e6e9ec; // 64% * --fwe-gray-300 + 36% * #FFFFFF
59
-
60
- --fwe-control-border: #b6bec6;
61
- --fwe-control-border-dark: #a9b0b7; // 90% * --fwe-gray-400 + 10% * #333333
62
- --fwe-control-border-darker: #9ca2a9; // 80% * --fwe-gray-400 + 20% * #333333
63
- --fwe-control-scrollbar: #d2d5d9; // 80% * --fwe-control-dark + 20% * #FFFFFF
64
-
65
- --fwe-background: #f2f3f5;
41
+ --fwe-control-border: #b6bec6; // OK
42
+ --fwe-control-border-hover: #a9b0b7; // 90% * --fwe-gray-400 + 10% * #333333
43
+ --fwe-control-border-active: #9ca2a9; // 80% * --fwe-gray-400 + 20% * #333333
44
+ --fwe-control-scrollbar: #d2d5d9; // 80% * --fwe-control-hover + 20% * #FFFFFF
66
45
 
67
46
  --fwe-border: #d8dce1;
68
47
  --fwe-border-disabled: #e6e9ec; // 64% * --fwe-gray-300 + 36% * #FFFFFF
69
48
 
70
- --fwe-snackbar-info-bg: #c8e6fa;
71
- --fwe-snackbar-warning-bg: #fbf0e1;
72
- --fwe-snackbar-error-bg: #f7e1e1;
49
+ --fwe-background: #f2f3f5;
73
50
 
74
51
  @each $name, $size in $grid-breakpoints {
75
52
  --fwe-breakpoint-#{$name}: #{$size};
package/dist/scss/_scroll.scss CHANGED
@@ -6,12 +6,12 @@
6
6
  // styles for js scrollbar (simplebar.js)
7
7
  /* stylelint-disable */
8
8
  .simplebar-scrollbar::before {
9
- background-color: $control-dark;
9
+ background-color: $control-hover;
10
10
  }
11
11
 
12
12
  .simplebar-dragging {
13
13
  .simplebar-scrollbar::before {
14
- background-color: $control-darker;
14
+ background-color: $control-active;
15
15
  }
16
16
  }
17
17
 
package/dist/scss/_search-input.scss CHANGED
@@ -30,10 +30,10 @@
30
30
  background: $control;
31
31
  border-radius: 50%;
32
32
  &:hover {
33
- background: $control-dark;
33
+ background: $control-hover;
34
34
  }
35
35
  &:active {
36
- background: $control-darker;
36
+ background: $control-active;
37
37
  }
38
38
  }
39
39
 
package/dist/scss/_segment.scss CHANGED
@@ -27,16 +27,16 @@
27
27
  text-align: center;
28
28
  cursor: pointer;
29
29
  border: 1px solid $gray-300;
30
- color: $icon-gray;
30
+ color: $hero-gray;
31
31
  background-color: $white;
32
32
 
33
33
  &:hover {
34
- color: $hero-darker;
35
- border-color: $hero-darker;
36
- border-right: 1px solid $hero-darker;
34
+ color: $hero-active;
35
+ border-color: $hero-active;
36
+ border-right: 1px solid $hero-active;
37
37
  + .fwe-segment-input {
38
38
  + .fwe-segment-label {
39
- border-left: 1px solid $hero-darker;
39
+ border-left: 1px solid $hero-active;
40
40
  }
41
41
  }
42
42
  }
@@ -104,7 +104,7 @@
104
104
  .fwe-segment-input {
105
105
  &:checked {
106
106
  + .fwe-segment-label {
107
- background-color: $icon-hero-light;
107
+ background-color: $sucaerul;
108
108
  color: $caerul;
109
109
  border-color: $caerul;
110
110
  }
package/dist/scss/_snackbar.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .fwe-snackbar {
2
2
  padding: $spacer-xs;
3
- background-color: $snackbar-info-bg;
3
+ background-color: $hero-bg;
4
4
  border: 1px solid $hero;
5
5
  border-radius: $control-border-radius;
6
6
  margin: auto;
@@ -67,7 +67,7 @@
67
67
 
68
68
  &.fwe-snackbar-warning {
69
69
  border-color: $orange;
70
- background-color: $snackbar-warning-bg;
70
+ background-color: $orange-bg;
71
71
  span::before {
72
72
  background-color: $orange;
73
73
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTIyLjQgMTkuODYgMTMuMjczIDIuNzQzYTEuNDQxIDEuNDQxIDAgMCAwLTIuNTQ0IDBMMS42IDE5Ljg2YTEuNDQxIDEuNDQxIDAgMCAwIDEuMjcyIDIuMTJIMjEuMTNhMS40NDEgMS40NDEgMCAwIDAgMS4yNzItMi4xMlpNMTEgN2gydjhoLTJabTIuMDA1IDExLjk2NWgtMi4wMXYtMi4wMWgyLjAxWiIvPjwvZz48L3N2Zz4=");
@@ -85,7 +85,7 @@
85
85
 
86
86
  &.fwe-snackbar-error {
87
87
  border-color: $red;
88
- background-color: $snackbar-error-bg;
88
+ background-color: $red-bg;
89
89
  span::before {
90
90
  background-color: $red;
91
91
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTEyIDFhMTEgMTEgMCAxIDAgMTEgMTFBMTEgMTEgMCAwIDAgMTIgMVptNS43IDE1LjItMS41IDEuNS00LjItNC4zLTQuMiA0LjMtMS41LTEuNSA0LjMtNC4yLTQuMy00LjIgMS41LTEuNSA0LjIgNC4zIDQuMi00LjMgMS41IDEuNS00LjMgNC4yWiIvPjwvZz48L3N2Zz4=");
@@ -119,7 +119,7 @@
119
119
  .fwe-snackbar-close-btn {
120
120
  background-color: $text;
121
121
  &:hover {
122
- background-color: $hero-dark;
122
+ background-color: $hero-hover;
123
123
  }
124
124
  }
125
125
  .fwe-snackbar-separator {
@@ -128,7 +128,7 @@
128
128
  .fwe-snackbar-link-btn {
129
129
  color: $hero;
130
130
  &:hover {
131
- color: $hero-dark;
131
+ color: $hero-hover;
132
132
  }
133
133
  }
134
134
  }