@swisspost/design-system-styles 8.9.3 → 8.10.0

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 (14) hide show
  1. package/components/datepicker.css +1 -1
  2. package/components/datepicker.scss +17 -0
  3. package/index.css +1 -1
  4. package/intranet.css +1 -1
  5. package/package.json +3 -3
  6. package/post-external.css +1 -1
  7. package/post-internal.css +1 -1
  8. package/tokens/temp/channel.scss +1 -1
  9. package/tokens/temp/components.scss +1 -1
  10. package/tokens/temp/core.scss +1 -1
  11. package/tokens/temp/device.scss +1 -1
  12. package/tokens/temp/index.scss +1 -1
  13. package/tokens/temp/mode.scss +1 -1
  14. package/tokens/temp/theme.scss +1 -1
package/components/datepicker.css CHANGED
@@ -1 +1 @@
1
- ngb-datepicker{--bs-light: var(--post-light)}ngb-datepicker.dropdown-menu{box-shadow:0 0 8px 0 #333}ngb-datepicker-navigation{justify-content:space-between}ngb-datepicker-navigation button.ngb-dp-arrow-btn{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}ngb-datepicker-navigation button.ngb-dp-arrow-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){ngb-datepicker-navigation button.ngb-dp-arrow-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){ngb-datepicker-navigation button.ngb-dp-arrow-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){ngb-datepicker-navigation button.ngb-dp-arrow-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}ngb-datepicker-navigation-select.ngb-dp-navigation-select{flex:0 1 auto}ngb-datepicker-navigation-select.ngb-dp-navigation-select select{padding-right:2.25rem;border:0;background-position:right}ngb-datepicker-navigation-select.ngb-dp-navigation-select select+select{margin-left:.5rem}ngb-datepicker .ngb-dp-arrow{flex-grow:0;height:auto}ngb-datepicker .ngb-dp-arrow span{flex-shrink:0}.ngb-dp-header{font-size:1.25rem;font-weight:700}.ngb-dp-header .ngb-dp-month-name{padding-top:.3rem;color:#000 !important;font:inherit}.ngb-dp-navigation-select .form-select{background-color:rgba(0,0,0,0);font:inherit;min-width:-moz-fit-content;min-width:fit-content}span.ngb-dp-navigation-chevron{border-width:.09em .09em 0 0}.ngb-dp-weekday{color:rgba(var(--post-contrast-color-rgb), 0.6) !important;font-size:1rem;font-style:normal !important;line-height:1.5 !important;width:40px !important;height:auto !important;font-weight:normal}.ngb-dp-weekdays{border-bottom:0 !important}.ngb-dp-day{width:auto !important;height:auto !important}.ngb-dp-day.hidden{flex-grow:1}.ngb-dp-day{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.ngb-dp-day:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-dp-day:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.ngb-dp-day:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-dp-day:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.ngb-dp-day>[ngbDatepickerDayView]{width:40px !important;height:40px !important;line-height:40px}.ngb-dp-day>[ngbDatepickerDayView].active:not(.bg-primary){outline:none}.ngb-dp-day>.text-white{color:#000 !important}.ngb-dp-day>.btn-light,.ngb-dp-day>.btn-light:hover{background:none}.ngb-dp-day>.btn-light:hover{background-color:#faf9f8}.ngb-dp-day>.btn-light:not(:disabled):not(.disabled):active,.ngb-dp-day>.btn-light:not(:disabled):not(.disabled).active{background-color:rgba(0,0,0,0)}.ngb-dp-day>.btn-light.bg-primary.text-white{background-color:#fc0 !important}.ngb-dp-open{display:flex;align-items:center;justify-content:center;position:absolute;z-index:5;top:2px;right:2px;bottom:2px;height:3.25rem;width:3.25rem;background:rgba(0,0,0,0)}.ngb-dp-open .pi-calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2 18.67h.8c.93 0 2.27-.27 2.27-1.47 0-1.07-.8-1.47-1.87-1.47-.8 0-1.47.27-2 .53l-.13-1.2c.67-.27 1.6-.4 2.27-.4 1.6 0 3.07.8 3.07 2.53 0 1.2-.93 1.87-2 2.13 1.2.27 2.13.93 2.13 2.27 0 2.13-1.87 2.67-3.6 2.67-.8 0-1.6-.13-2.13-.4l.13-1.2c.53.27 1.2.53 2 .53 1.07 0 2.27-.4 2.27-1.6 0-1.33-1.07-1.73-2.27-1.73h-.93v-1.2zm9.07-2.4-1.47 1.2-.67-.93 2.27-1.87h1.2V24h-1.33zm5.06-13.6V1.33H24v1.33H8V1.33H6.67v1.33H1.33v28h29.33v-28zm4 26.67H2.67V10.67h26.67zm-26.67-20V4h4v1.33H8V4h16v1.33h1.33V4h4v5.33H2.67z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2 18.67h.8c.93 0 2.27-.27 2.27-1.47 0-1.07-.8-1.47-1.87-1.47-.8 0-1.47.27-2 .53l-.13-1.2c.67-.27 1.6-.4 2.27-.4 1.6 0 3.07.8 3.07 2.53 0 1.2-.93 1.87-2 2.13 1.2.27 2.13.93 2.13 2.27 0 2.13-1.87 2.67-3.6 2.67-.8 0-1.6-.13-2.13-.4l.13-1.2c.53.27 1.2.53 2 .53 1.07 0 2.27-.4 2.27-1.6 0-1.33-1.07-1.73-2.27-1.73h-.93v-1.2zm9.07-2.4-1.47 1.2-.67-.93 2.27-1.87h1.2V24h-1.33zm5.06-13.6V1.33H24v1.33H8V1.33H6.67v1.33H1.33v28h29.33v-28zm4 26.67H2.67V10.67h26.67zm-26.67-20V4h4v1.33H8V4h16v1.33h1.33V4h4v5.33H2.67z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngb-dp-open .pi-calendar,.ngb-dp-open .pi-3203,.ngb-dp-open post-icon{width:22px;height:22px;transform:none}.ngb-dp-open{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.ngb-dp-open:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-dp-open:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.ngb-dp-open:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-dp-open:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-control-rg~.ngb-dp-open{height:2.75rem;width:2.75rem}.form-floating>.ngb-dp-open,.form-control-lg~.ngb-dp-open{height:calc(4.6875rem - 4px);width:2.875rem}.form-floating>.ngb-dp-open .pi-3203,.form-floating>.ngb-dp-open .pi-calendar,.form-floating>.ngb-dp-open post-icon,.form-control-lg~.ngb-dp-open .pi-3203,.form-control-lg~.ngb-dp-open .pi-calendar,.form-control-lg~.ngb-dp-open post-icon{width:24px;height:24px}.form-control-sm~.ngb-dp-open{height:1.75rem}input[ngbDatepicker]::-ms-clear{display:none}input[ngbDatepicker]~.ngb-dp-open{border:0}.form-floating>input[ngbDatepicker]~label:first-of-type,input[ngbDatepicker].form-control-lg~label:first-of-type{left:0 !important}input[ngbDatepicker]+ngb-datepicker .ngb-dp-header{padding:1rem}input[ngbDatepicker]+ngb-datepicker .ngb-dp-weekdays{margin-bottom:1rem;padding:0 1rem 1rem}input[ngbDatepicker]+ngb-datepicker .ngb-dp-week{padding-right:1rem !important;padding-left:1rem !important}input[ngbDatepicker]+ngb-datepicker .ngb-dp-week:last-child{padding-bottom:1rem}.form-control[ngbdatepicker]{padding-right:3rem}.form-control[ngbdatepicker].is-invalid,.form-control[ngbdatepicker].is-valid,.form-control[ngbdatepicker].show-ng-validation.ng-touched.ng-invalid,.form-control[ngbdatepicker].show-ng-validation.ng-touched.ng-valid{background-position:calc(100% - 3.25rem) center}.form-control[ngbdatepicker].is-invalid{padding-right:5rem}.form-floating>.form-control[ngbdatepicker],.form-control[ngbdatepicker].form-control-lg{padding-right:4rem}.form-floating>.form-control[ngbdatepicker].is-invalid,.form-floating>.form-control[ngbdatepicker].is-valid,.form-floating>.form-control[ngbdatepicker].show-ng-validation.ng-touched.ng-invalid,.form-floating>.form-control[ngbdatepicker].show-ng-validation.ng-touched.ng-valid,.form-control[ngbdatepicker].form-control-lg.is-invalid,.form-control[ngbdatepicker].form-control-lg.is-valid,.form-control[ngbdatepicker].form-control-lg.show-ng-validation.ng-touched.ng-invalid,.form-control[ngbdatepicker].form-control-lg.show-ng-validation.ng-touched.ng-valid{background-position:calc(100% - 2.875rem) center !important}.form-floating>.form-control[ngbdatepicker].is-invalid,.form-control[ngbdatepicker].form-control-lg.is-invalid{padding-right:6rem}.form-control[ngbdatepicker].form-control-rg{padding-right:2.5rem}.form-control[ngbdatepicker].form-control-rg.is-invalid,.form-control[ngbdatepicker].form-control-rg.is-valid,.form-control[ngbdatepicker].form-control-rg.show-ng-validation.ng-touched.ng-invalid,.form-control[ngbdatepicker].form-control-rg.show-ng-validation.ng-touched.ng-valid{background-position:calc(100% - 2.75rem) center}.form-control[ngbdatepicker].form-control-rg.is-invalid{padding-right:4.5rem}.form-control[ngbdatepicker].form-control-sm{padding-right:2rem}.form-control[ngbdatepicker].form-control-sm.is-invalid,.form-control[ngbdatepicker].form-control-sm.is-valid,.form-control[ngbdatepicker].form-control-sm.show-ng-validation.ng-touched.ng-invalid,.form-control[ngbdatepicker].form-control-sm.show-ng-validation.ng-touched.ng-valid{background-position:calc(100% - 1.5rem) center}.form-control[ngbdatepicker].form-control-sm.is-invalid{padding-right:3.5rem}
1
+ ngb-datepicker{--bs-light: var(--post-light)}ngb-datepicker.dropdown-menu{box-shadow:0 0 8px 0 #333}ngb-datepicker-navigation{justify-content:space-between;min-height:48px}ngb-datepicker-navigation button.ngb-dp-arrow-btn{margin:0;border-radius:0;min-width:3rem}ngb-datepicker-navigation button.ngb-dp-arrow-btn{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}ngb-datepicker-navigation button.ngb-dp-arrow-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){ngb-datepicker-navigation button.ngb-dp-arrow-btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){ngb-datepicker-navigation button.ngb-dp-arrow-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){ngb-datepicker-navigation button.ngb-dp-arrow-btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}ngb-datepicker-navigation button.ngb-dp-arrow-btn:disabled{display:none}ngb-datepicker-navigation .ngb-dp-arrow-next .ngb-dp-navigation-chevron{margin-right:.5rem}ngb-datepicker-navigation .ngb-dp-arrow-prev .ngb-dp-navigation-chevron{margin-left:.5rem}ngb-datepicker-navigation-select.ngb-dp-navigation-select{flex:0 1 auto}ngb-datepicker-navigation-select.ngb-dp-navigation-select select{padding-right:2.25rem;border:0;background-position:right}ngb-datepicker-navigation-select.ngb-dp-navigation-select select+select{margin-left:.5rem}ngb-datepicker .ngb-dp-arrow{flex-grow:0;height:auto;margin:0 8px}ngb-datepicker .ngb-dp-arrow span{flex-shrink:0}.ngb-dp-header{font-size:1.25rem;font-weight:700}.ngb-dp-header .ngb-dp-month-name{padding-top:.3rem;color:#000 !important;font:inherit}.ngb-dp-navigation-select .form-select{background-color:rgba(0,0,0,0);font:inherit;min-width:-moz-fit-content;min-width:fit-content}span.ngb-dp-navigation-chevron{border-width:.09em .09em 0 0}.ngb-dp-weekday{color:rgba(var(--post-contrast-color-rgb), 0.6) !important;font-size:1rem;font-style:normal !important;line-height:1.5 !important;width:40px !important;height:auto !important;font-weight:normal}.ngb-dp-weekdays{border-bottom:0 !important}.ngb-dp-day{width:auto !important;height:auto !important}.ngb-dp-day.hidden{flex-grow:1}.ngb-dp-day{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.ngb-dp-day:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-dp-day:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.ngb-dp-day:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-dp-day:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.ngb-dp-day>[ngbDatepickerDayView]{width:40px !important;height:40px !important;line-height:40px}.ngb-dp-day>[ngbDatepickerDayView].active:not(.bg-primary){outline:none}.ngb-dp-day>.text-white{color:#000 !important}.ngb-dp-day>.btn-light,.ngb-dp-day>.btn-light:hover{background:none}.ngb-dp-day>.btn-light:hover{background-color:#faf9f8}.ngb-dp-day>.btn-light:not(:disabled):not(.disabled):active,.ngb-dp-day>.btn-light:not(:disabled):not(.disabled).active{background-color:rgba(0,0,0,0)}.ngb-dp-day>.btn-light.bg-primary.text-white{background-color:#fc0 !important}.ngb-dp-open{display:flex;align-items:center;justify-content:center;position:absolute;z-index:5;top:2px;right:2px;bottom:2px;height:3.25rem;width:3.25rem;background:rgba(0,0,0,0)}.ngb-dp-open .pi-calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2 18.67h.8c.93 0 2.27-.27 2.27-1.47 0-1.07-.8-1.47-1.87-1.47-.8 0-1.47.27-2 .53l-.13-1.2c.67-.27 1.6-.4 2.27-.4 1.6 0 3.07.8 3.07 2.53 0 1.2-.93 1.87-2 2.13 1.2.27 2.13.93 2.13 2.27 0 2.13-1.87 2.67-3.6 2.67-.8 0-1.6-.13-2.13-.4l.13-1.2c.53.27 1.2.53 2 .53 1.07 0 2.27-.4 2.27-1.6 0-1.33-1.07-1.73-2.27-1.73h-.93v-1.2zm9.07-2.4-1.47 1.2-.67-.93 2.27-1.87h1.2V24h-1.33zm5.06-13.6V1.33H24v1.33H8V1.33H6.67v1.33H1.33v28h29.33v-28zm4 26.67H2.67V10.67h26.67zm-26.67-20V4h4v1.33H8V4h16v1.33h1.33V4h4v5.33H2.67z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2 18.67h.8c.93 0 2.27-.27 2.27-1.47 0-1.07-.8-1.47-1.87-1.47-.8 0-1.47.27-2 .53l-.13-1.2c.67-.27 1.6-.4 2.27-.4 1.6 0 3.07.8 3.07 2.53 0 1.2-.93 1.87-2 2.13 1.2.27 2.13.93 2.13 2.27 0 2.13-1.87 2.67-3.6 2.67-.8 0-1.6-.13-2.13-.4l.13-1.2c.53.27 1.2.53 2 .53 1.07 0 2.27-.4 2.27-1.6 0-1.33-1.07-1.73-2.27-1.73h-.93v-1.2zm9.07-2.4-1.47 1.2-.67-.93 2.27-1.87h1.2V24h-1.33zm5.06-13.6V1.33H24v1.33H8V1.33H6.67v1.33H1.33v28h29.33v-28zm4 26.67H2.67V10.67h26.67zm-26.67-20V4h4v1.33H8V4h16v1.33h1.33V4h4v5.33H2.67z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngb-dp-open .pi-calendar,.ngb-dp-open .pi-3203,.ngb-dp-open post-icon{width:22px;height:22px;transform:none}.ngb-dp-open{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.ngb-dp-open:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-dp-open:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.ngb-dp-open:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-dp-open:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-control-rg~.ngb-dp-open{height:2.75rem;width:2.75rem}.form-floating>.ngb-dp-open,.form-control-lg~.ngb-dp-open{height:calc(4.6875rem - 4px);width:2.875rem}.form-floating>.ngb-dp-open .pi-3203,.form-floating>.ngb-dp-open .pi-calendar,.form-floating>.ngb-dp-open post-icon,.form-control-lg~.ngb-dp-open .pi-3203,.form-control-lg~.ngb-dp-open .pi-calendar,.form-control-lg~.ngb-dp-open post-icon{width:24px;height:24px}.form-control-sm~.ngb-dp-open{height:1.75rem}input[ngbDatepicker]::-ms-clear{display:none}input[ngbDatepicker]~.ngb-dp-open{border:0}.form-floating>input[ngbDatepicker]~label:first-of-type,input[ngbDatepicker].form-control-lg~label:first-of-type{left:0 !important}input[ngbDatepicker]+ngb-datepicker .ngb-dp-header{padding:1rem}input[ngbDatepicker]+ngb-datepicker .ngb-dp-weekdays{margin-bottom:1rem;padding:0 1rem 1rem}input[ngbDatepicker]+ngb-datepicker .ngb-dp-week{padding-right:1rem !important;padding-left:1rem !important}input[ngbDatepicker]+ngb-datepicker .ngb-dp-week:last-child{padding-bottom:1rem}.form-control[ngbdatepicker]{padding-right:3rem}.form-control[ngbdatepicker].is-invalid,.form-control[ngbdatepicker].is-valid,.form-control[ngbdatepicker].show-ng-validation.ng-touched.ng-invalid,.form-control[ngbdatepicker].show-ng-validation.ng-touched.ng-valid{background-position:calc(100% - 3.25rem) center}.form-control[ngbdatepicker].is-invalid{padding-right:5rem}.form-floating>.form-control[ngbdatepicker],.form-control[ngbdatepicker].form-control-lg{padding-right:4rem}.form-floating>.form-control[ngbdatepicker].is-invalid,.form-floating>.form-control[ngbdatepicker].is-valid,.form-floating>.form-control[ngbdatepicker].show-ng-validation.ng-touched.ng-invalid,.form-floating>.form-control[ngbdatepicker].show-ng-validation.ng-touched.ng-valid,.form-control[ngbdatepicker].form-control-lg.is-invalid,.form-control[ngbdatepicker].form-control-lg.is-valid,.form-control[ngbdatepicker].form-control-lg.show-ng-validation.ng-touched.ng-invalid,.form-control[ngbdatepicker].form-control-lg.show-ng-validation.ng-touched.ng-valid{background-position:calc(100% - 2.875rem) center !important}.form-floating>.form-control[ngbdatepicker].is-invalid,.form-control[ngbdatepicker].form-control-lg.is-invalid{padding-right:6rem}.form-control[ngbdatepicker].form-control-rg{padding-right:2.5rem}.form-control[ngbdatepicker].form-control-rg.is-invalid,.form-control[ngbdatepicker].form-control-rg.is-valid,.form-control[ngbdatepicker].form-control-rg.show-ng-validation.ng-touched.ng-invalid,.form-control[ngbdatepicker].form-control-rg.show-ng-validation.ng-touched.ng-valid{background-position:calc(100% - 2.75rem) center}.form-control[ngbdatepicker].form-control-rg.is-invalid{padding-right:4.5rem}.form-control[ngbdatepicker].form-control-sm{padding-right:2rem}.form-control[ngbdatepicker].form-control-sm.is-invalid,.form-control[ngbdatepicker].form-control-sm.is-valid,.form-control[ngbdatepicker].form-control-sm.show-ng-validation.ng-touched.ng-invalid,.form-control[ngbdatepicker].form-control-sm.show-ng-validation.ng-touched.ng-valid{background-position:calc(100% - 1.5rem) center}.form-control[ngbdatepicker].form-control-sm.is-invalid{padding-right:3.5rem}
package/components/datepicker.scss CHANGED
@@ -22,9 +22,25 @@ ngb-datepicker.dropdown-menu {
22
22
 
23
23
  ngb-datepicker-navigation {
24
24
  justify-content: space-between;
25
+ min-height: 48px;
25
26
 
26
27
  button.ngb-dp-arrow-btn {
28
+ margin: 0;
29
+ border-radius: 0;
30
+ min-width: 3rem;
27
31
  @include utilities.focus-style();
32
+
33
+ &:disabled {
34
+ display: none;
35
+ }
36
+ }
37
+
38
+ .ngb-dp-arrow-next .ngb-dp-navigation-chevron {
39
+ margin-right: 0.5rem;
40
+ }
41
+
42
+ .ngb-dp-arrow-prev .ngb-dp-navigation-chevron {
43
+ margin-left: 0.5rem;
28
44
  }
29
45
  }
30
46
 
@@ -45,6 +61,7 @@ ngb-datepicker-navigation-select.ngb-dp-navigation-select {
45
61
  ngb-datepicker .ngb-dp-arrow {
46
62
  flex-grow: 0;
47
63
  height: auto;
64
+ margin: 0 8px;
48
65
 
49
66
  span {
50
67
  flex-shrink: 0;