@tabworthy/components 0.2.0 → 0.3.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.
- package/dist/themes/dark.css +1 -1
- package/dist/themes/light.css +1 -1
- package/package.json +1 -2
package/dist/themes/dark.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
tabworthy-dates-calendar,tabworthy-dates-calendar *,tabworthy-dates-calendar *:before,tabworthy-dates-calendar *:after{margin:0;padding:0;box-sizing:border-box}tabworthy-dates-calendar{display:inline-flex}tabworthy-dates *:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-dates-calendar-wrapper{border:.0625rem solid var(--border-color);border-radius:.375rem;display:flex}.tabworthy-dates-calendar-wrapper--inline{margin-top:.5em}.tabworthy-dates-calendar,.tabworthy-dates{display:block;width:min-content;min-width:18rem;max-width:24rem;border-radius:.375rem;color:var(--text-color);background-color:var(--bg-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5}@media screen and (min-width: 23.5rem){.tabworthy-dates-calendar,.tabworthy-dates{min-width:20rem;max-width:24rem}}.tabworthy-dates-calendar--disabled *[aria-disabled]{opacity:.5;cursor:default}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__weekday{color:var(--disabled-color)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:focus>*{outline:none}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date{cursor:default;opacity:.5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--in-range:hover>*{background-color:#f2f3f5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--selected:hover>*{color:#fff;background-color:var(--hover-color)}.tabworthy-dates-calendar__header{display:flex;padding:.75rem;align-items:center;gap:.5rem}.tabworthy-dates-calendar__current-month{display:flex;flex-grow:1;gap:.5rem}.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{display:flex;height:2rem;padding-right:.5rem;padding-left:.5rem;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background:var(--bg2-color);font:inherit;line-height:1.125}.tabworthy-dates-calendar__month-select:hover:not(:disabled),.tabworthy-dates-calendar__year-select:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-dates-calendar__month-select:focus-visible,.tabworthy-dates-calendar__year-select:focus-visible{outline:.25rem solid var(--focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{border:1px solid rgba(0,0,0,0)}}.tabworthy-dates-calendar__month-select{flex-grow:1;cursor:pointer;appearance:none}.tabworthy-dates-calendar__year-select{max-width:5rem}.tabworthy-dates-calendar__previous-month-button,.tabworthy-dates-calendar__next-month-button,.tabworthy-dates-calendar__previous-year-button,.tabworthy-dates-calendar__next-year-button{display:inline-flex;width:2rem;height:2rem;padding:.375rem;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background-color:var(--bg2-color);cursor:pointer}.tabworthy-dates-calendar__previous-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__previous-year-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-year-button:hover:not([aria-disabled]){background-color:var(--hover-color)}.tabworthy-dates-calendar__previous-month-button:focus-visible,.tabworthy-dates-calendar__next-month-button:focus-visible,.tabworthy-dates-calendar__previous-year-button:focus-visible,.tabworthy-dates-calendar__next-year-button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:var(--disabled-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:GrayText}}.tabworthy-dates-calendar__body{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.tabworthy-dates-calendar__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.tabworthy-dates-calendar__weekday>span{display:flex;padding:.2rem;justify-content:center;align-items:center;font-weight:600;aspect-ratio:1}.tabworthy-dates-calendar__date{padding:.125rem;text-align:center;cursor:pointer}.tabworthy-dates-calendar__date:focus{outline:none}.tabworthy-dates-calendar__date:focus-visible>*{outline:.25rem solid var(--focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date:focus-visible>*{outline-color:Highlight}}.tabworthy-dates-calendar__date:hover>*{background-color:var(--hover-color)}.tabworthy-dates-calendar__date>*{display:flex;justify-content:center;align-items:center;border-radius:.25rem;aspect-ratio:1}.tabworthy-dates-calendar__date--today>*{font-weight:700;font-style:normal;color:var(--active-color)}.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{color:var(--bg-color);background-color:var(--active-color);font-weight:500;outline-offset:.125rem}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{background-color:Highlight}}.tabworthy-dates-calendar__date--disabled{color:var(--disabled-color);cursor:default}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--disabled{color:GrayText}}.tabworthy-dates-calendar__date--disabled{position:relative}.tabworthy-dates-calendar__date--disabled::after{content:"";position:absolute;height:1.5rem;width:.078125rem;background-color:var(--disabled-color);transform:rotate(45deg);right:50%;top:25%}.tabworthy-dates-calendar__date--disabled:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range):hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__date--disabled.tabworthy-dates-calendar__date--in-range:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range)>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__footer{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem;display:flex;flex-direction:column;gap:1rem}.tabworthy-dates-calendar__footer-buttons{align-items:center;display:flex;gap:.5rem}.tabworthy-dates-calendar__clear-button,.tabworthy-dates-calendar__today-button,.tabworthy-dates__quick-button,.tabworthy-dates__calendar-button{display:inline-flex;height:2rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background-color:var(--bg2-color);font:inherit;line-height:1;cursor:pointer}.tabworthy-dates-calendar__clear-button:hover:not(:disabled),.tabworthy-dates-calendar__today-button:hover:not(:disabled),.tabworthy-dates__quick-button:hover:not(:disabled),.tabworthy-dates__calendar-button:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-dates-calendar__clear-button:focus-visible,.tabworthy-dates-calendar__today-button:focus-visible,.tabworthy-dates__quick-button:focus-visible,.tabworthy-dates__calendar-button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-dates-calendar__clear-button:disabled,.tabworthy-dates-calendar__today-button:disabled,.tabworthy-dates__quick-button:disabled,.tabworthy-dates__calendar-button:disabled{cursor:not-allowed;opacity:.6}.label{font-weight:600;display:block}.tabworthy-dates__calendar-button{margin-left:.5rem;height:2.5rem}.tabworthy-dates__quick-group{margin-top:.5rem;display:inline-grid;grid-auto-flow:column;gap:.5rem}.tabworthy-dates__quick-button{color:var(--text-color);background-color:inherit;text-decoration:underline}.tabworthy-dates__quick-button:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-dates__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--text-color);background:var(--bg2-color);line-height:1;border:1px solid var(--border-color);font-size:1rem}.tabworthy-dates__input[aria-invalid]{border-color:var(--error-color)}.tabworthy-dates-calendar__keyboard-hint{color:var(--secondary-color);display:flex;align-items:center;gap:.25rem;text-decoration:underline;text-underline-offset:.2em;border:none;margin:0;width:auto;overflow:visible;background:rgba(0,0,0,0);font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.25rem}.tabworthy-dates__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-dates__input{flex-grow:1}.tabworthy-dates__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-dates__input-error{display:flex;padding:.5rem;color:var(--error-color);font-weight:700}.tabworthy-times{display:flex;flex-direction:column;gap:.5rem}.tabworthy-times__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-times__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-times__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--text-color);background:var(--bg2-color);line-height:1;border:1px solid var(--border-color);font-size:1rem;flex-grow:1}.tabworthy-times__input:focus{outline:.25rem solid var(--focus-color)}.tabworthy-times__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times[has-error] .tabworthy-times__input{border-color:var(--error-color)}.tabworthy-times__calendar-button{display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background-color:var(--bg2-color);font:inherit;line-height:1;cursor:pointer;margin-left:.5rem}.tabworthy-times__calendar-button:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-times__calendar-button:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times__calendar-button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-times__picker-container{display:flex;gap:0;min-width:fit-content}.tabworthy-times__time-section{display:flex;flex-direction:column;padding:0 .75rem .75rem .75rem !important;background-color:var(--bg-color);align-self:center;height:100%;justify-content:center}.tabworthy-times__time-label{margin:0 0 .75rem 0;font-size:.875rem;font-weight:600;color:var(--text-color)}.tabworthy-times__input-error{display:flex;padding:.5rem;color:var(--error-color);font-weight:700}.tabworthy-times[inline] .tabworthy-times__calendar-button{display:none}.tabworthy-times[disabled]{opacity:.6;pointer-events:none}.tabworthy-times-picker{display:flex;flex-direction:column;padding:0;min-width:200px}.tabworthy-times-picker__container{display:flex;align-items:center;justify-content:center;gap:.5rem}.tabworthy-times-picker__field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__label{font-size:.75rem;font-weight:500;color:var(--text-color);text-transform:uppercase;letter-spacing:.05em}.tabworthy-times-picker__label--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.tabworthy-times-picker__control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__button{display:inline-flex;width:2rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background-color:var(--bg2-color);cursor:pointer;transition:background-color .2s ease}.tabworthy-times-picker__button:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-times-picker__button:disabled{cursor:not-allowed;opacity:.5;color:var(--disabled-color)}.tabworthy-times-picker__button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-times-picker__input{width:3rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--bg2-color);color:var(--text-color);padding:.25rem}.tabworthy-times-picker__input:focus{outline:.25rem solid var(--focus-color)}.tabworthy-times-picker__input:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__input::-webkit-inner-spin-button,.tabworthy-times-picker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabworthy-times-picker__input[type=number]{-moz-appearance:textfield}.tabworthy-times-picker__separator{font-size:1.5rem;font-weight:600;color:var(--text-color)}.tabworthy-times-picker__period{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-top:1.25rem}.tabworthy-times-picker__period-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--bg2-color);color:var(--text-color);cursor:pointer;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tabworthy-times-picker__period-button--active{background-color:var(--hover-color);font-weight:600}.tabworthy-times-picker__period-button:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__period-button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-times-picker__period-button:hover:not(:disabled):not(.tabworthy-times-picker__period-button--active){background-color:var(--hover-color);opacity:.8}@media(max-width: 768px){.tabworthy-times__picker-container{flex-direction:column}}:root[data-theme=dark]{--text-color: #fff;--secondary-color: #bcbcbcff;--border-color: #595959;--bg-color: #14171e;--disabled-color: #616161;--hover-color: #3a3d4a;--bg2-color: #2b2d37;--focus-color: #ffbf00;--error-color: #f16c57;--active-color: #ffbf00}.tabworthy-dates__input{color:var(--text-color)}.tabworthy-dates__input::placeholder{color:var(--text-color);font-size:1rem;opacity:.8}
|
|
1
|
+
tabworthy-dates-calendar,tabworthy-dates-calendar *,tabworthy-dates-calendar *:before,tabworthy-dates-calendar *:after{margin:0;padding:0;box-sizing:border-box}tabworthy-dates-calendar{display:inline-flex}tabworthy-dates *:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar-wrapper{border:.0625rem solid var(--tw-dates-border-color);border-radius:.375rem;display:flex}.tabworthy-dates-calendar-wrapper--tw-dates-inline{margin-top:.5em}.tabworthy-dates-calendar,.tabworthy-dates{display:block;width:min-content;min-width:18rem;max-width:24rem;border-radius:.375rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5}@media screen and (min-width: 23.5rem){.tabworthy-dates-calendar,.tabworthy-dates{min-width:20rem;max-width:24rem}}.tabworthy-dates-calendar--tw-dates-disabled *[aria-disabled]{opacity:.5;cursor:default}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__weekday{color:var(--tw-dates-disabled-color)}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date:focus>*{outline:none}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date{cursor:default;opacity:.5}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date:hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date--tw-dates-in-range:hover>*{background-color:#f2f3f5}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date--tw-dates-selected:hover>*{color:#fff;background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__header{display:flex;padding:.75rem;align-items:center;gap:.5rem}.tabworthy-dates-calendar__current-month{display:flex;flex-grow:1;gap:.5rem}.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{display:flex;height:2rem;padding-right:.5rem;padding-left:.5rem;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);font:inherit;line-height:1.125}.tabworthy-dates-calendar__month-select:hover:not(:disabled),.tabworthy-dates-calendar__year-select:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__month-select:focus-visible,.tabworthy-dates-calendar__year-select:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{border:1px solid rgba(0,0,0,0)}}.tabworthy-dates-calendar__month-select{flex-grow:1;cursor:pointer;appearance:none}.tabworthy-dates-calendar__year-select{max-width:5rem}.tabworthy-dates-calendar__previous-month-button,.tabworthy-dates-calendar__next-month-button,.tabworthy-dates-calendar__previous-year-button,.tabworthy-dates-calendar__next-year-button{display:inline-flex;width:2rem;height:2rem;padding:.375rem;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer}.tabworthy-dates-calendar__previous-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__previous-year-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-year-button:hover:not([aria-disabled]){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__previous-month-button:focus-visible,.tabworthy-dates-calendar__next-month-button:focus-visible,.tabworthy-dates-calendar__previous-year-button:focus-visible,.tabworthy-dates-calendar__next-year-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:var(--tw-dates-disabled-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:GrayText}}.tabworthy-dates-calendar__body{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.tabworthy-dates-calendar__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.tabworthy-dates-calendar__weekday>span{display:flex;padding:.2rem;justify-content:center;align-items:center;font-weight:600;aspect-ratio:1}.tabworthy-dates-calendar__date{padding:.125rem;text-align:center;cursor:pointer}.tabworthy-dates-calendar__date:focus{outline:none}.tabworthy-dates-calendar__date:focus-visible>*{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date:focus-visible>*{outline-color:Highlight}}.tabworthy-dates-calendar__date:hover>*{background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__date>*{display:flex;justify-content:center;align-items:center;border-radius:.25rem;aspect-ratio:1}.tabworthy-dates-calendar__date--tw-dates-today>*{font-weight:700;font-style:normal;color:var(--tw-dates-active-color)}.tabworthy-dates-calendar__date--tw-dates-selected>*,.tabworthy-dates-calendar__date--tw-dates-selected:hover>*,.tabworthy-dates-calendar__date--tw-dates-in-range:hover>*,.tabworthy-dates-calendar__date--tw-dates-in-range>*{color:var(--tw-dates-bg-color);background-color:var(--tw-dates-active-color);font-weight:500;outline-offset:.125rem}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--tw-dates-selected>*,.tabworthy-dates-calendar__date--tw-dates-selected:hover>*,.tabworthy-dates-calendar__date--tw-dates-in-range:hover>*,.tabworthy-dates-calendar__date--tw-dates-in-range>*{background-color:Highlight}}.tabworthy-dates-calendar__date--tw-dates-disabled{color:var(--tw-dates-disabled-color);cursor:default}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--tw-dates-disabled{color:GrayText}}.tabworthy-dates-calendar__date--tw-dates-disabled{position:relative}.tabworthy-dates-calendar__date--tw-dates-disabled::after{content:"";position:absolute;height:1.5rem;width:.078125rem;background-color:var(--tw-dates-disabled-color);transform:rotate(45deg);right:50%;top:25%}.tabworthy-dates-calendar__date--tw-dates-disabled:not(.tabworthy-dates-calendar__date--tw-dates-selected):not(.tabworthy-dates-calendar__date--tw-dates-in-range):hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__date--tw-dates-disabled.tabworthy-dates-calendar__date--tw-dates-in-range:not(.tabworthy-dates-calendar__date--tw-dates-selected):not(.tabworthy-dates-calendar__date--tw-dates-in-range)>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__footer{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem;display:flex;flex-direction:column;gap:1rem}.tabworthy-dates-calendar__footer-buttons{align-items:center;display:flex;gap:.5rem}.tabworthy-dates-calendar__clear-button,.tabworthy-dates-calendar__today-button,.tabworthy-dates__quick-button,.tabworthy-dates__calendar-button{display:inline-flex;height:2rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer}.tabworthy-dates-calendar__clear-button:hover:not(:disabled),.tabworthy-dates-calendar__today-button:hover:not(:disabled),.tabworthy-dates__quick-button:hover:not(:disabled),.tabworthy-dates__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__clear-button:focus-visible,.tabworthy-dates-calendar__today-button:focus-visible,.tabworthy-dates__quick-button:focus-visible,.tabworthy-dates__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__clear-button:disabled,.tabworthy-dates-calendar__today-button:disabled,.tabworthy-dates__quick-button:disabled,.tabworthy-dates__calendar-button:disabled{cursor:not-allowed;opacity:.6}.label{font-weight:600;display:block}.tabworthy-dates__calendar-button{margin-left:.5rem;height:2.5rem}.tabworthy-dates__quick-group{margin-top:.5rem;display:inline-grid;grid-auto-flow:column;gap:.5rem}.tabworthy-dates__quick-button{color:var(--tw-dates-text-color);background-color:inherit;text-decoration:underline}.tabworthy-dates__quick-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem}.tabworthy-dates__input[aria-invalid]{border-color:var(--tw-dates-error-color)}.tabworthy-dates-calendar__keyboard-hint{color:var(--tw-dates-secondary-color);display:flex;align-items:center;gap:.25rem;text-decoration:underline;text-underline-offset:.2em;border:none;margin:0;width:auto;overflow:visible;background:rgba(0,0,0,0);font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.25rem}.tabworthy-dates__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif;color:var(--tw-dates-text-color)}.tabworthy-dates__input{flex-grow:1}.tabworthy-dates__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-dates__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times{display:flex;flex-direction:column;gap:.5rem}.tabworthy-times__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-times__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-times__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem;flex-grow:1}.tabworthy-times__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times[has-error] .tabworthy-times__input{border-color:var(--tw-dates-error-color)}.tabworthy-times__calendar-button{display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer;margin-left:.5rem}.tabworthy-times__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times__calendar-button:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__picker-container{display:flex;gap:0;min-width:fit-content}.tabworthy-times__time-section{display:flex;flex-direction:column;padding:0 .75rem .75rem .75rem !important;background-color:var(--tw-dates-bg-color);align-self:center;height:100%;justify-content:center}.tabworthy-times__time-label{margin:0 0 .75rem 0;font-size:.875rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times[inline] .tabworthy-times__calendar-button{display:none}.tabworthy-times[disabled]{opacity:.6;pointer-events:none}.tabworthy-times-picker{display:flex;flex-direction:column;padding:0;min-width:200px}.tabworthy-times-picker__container{display:flex;align-items:center;justify-content:center;gap:.5rem}.tabworthy-times-picker__field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__label{font-size:.75rem;font-weight:500;color:var(--tw-dates-text-color);text-transform:uppercase;letter-spacing:.05em}.tabworthy-times-picker__label--tw-dates-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.tabworthy-times-picker__control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__button{display:inline-flex;width:2rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer;transition:background-color .2s ease}.tabworthy-times-picker__button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times-picker__button:disabled{cursor:not-allowed;opacity:.5;color:var(--tw-dates-disabled-color)}.tabworthy-times-picker__button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input{width:3rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--tw-dates-border-color);border-radius:.25rem;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);padding:.25rem}.tabworthy-times-picker__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__input::-webkit-inner-spin-button,.tabworthy-times-picker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabworthy-times-picker__input[type=number]{-moz-appearance:textfield}.tabworthy-times-picker__separator{font-size:1.5rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times-picker__period{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-top:1.25rem}.tabworthy-times-picker__period-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);cursor:pointer;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tabworthy-times-picker__period-button--tw-dates-active{background-color:var(--tw-dates-hover-color);font-weight:600}.tabworthy-times-picker__period-button:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__period-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__period-button:hover:not(:disabled):not(.tabworthy-times-picker__period-button--tw-dates-active){background-color:var(--tw-dates-hover-color);opacity:.8}@media(max-width: 768px){.tabworthy-times__picker-container{flex-direction:column}}:root{--tw-dates-text-color: #fff;--tw-dates-secondary-color: #bcbcbcff;--tw-dates-border-color: #595959;--tw-dates-bg-color: #14171e;--tw-dates-disabled-color: #616161;--tw-dates-hover-color: #3a3d4a;--tw-dates-bg2-color: #2b2d37;--tw-dates-focus-color: #ffbf00;--tw-dates-error-color: #f16c57;--tw-dates-active-color: #ffbf00}.tabworthy-dates__input{color:var(--tw-dates-text-color)}.tabworthy-dates__input::placeholder{color:var(--tw-dates-text-color);font-size:1rem;opacity:.8}
|
package/dist/themes/light.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
tabworthy-dates-calendar,tabworthy-dates-calendar *,tabworthy-dates-calendar *:before,tabworthy-dates-calendar *:after{margin:0;padding:0;box-sizing:border-box}tabworthy-dates-calendar{display:inline-flex}tabworthy-dates *:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-dates-calendar-wrapper{border:.0625rem solid var(--border-color);border-radius:.375rem;display:flex}.tabworthy-dates-calendar-wrapper--inline{margin-top:.5em}.tabworthy-dates-calendar,.tabworthy-dates{display:block;width:min-content;min-width:18rem;max-width:24rem;border-radius:.375rem;color:var(--text-color);background-color:var(--bg-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5}@media screen and (min-width: 23.5rem){.tabworthy-dates-calendar,.tabworthy-dates{min-width:20rem;max-width:24rem}}.tabworthy-dates-calendar--disabled *[aria-disabled]{opacity:.5;cursor:default}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__weekday{color:var(--disabled-color)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:focus>*{outline:none}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date{cursor:default;opacity:.5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--in-range:hover>*{background-color:#f2f3f5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--selected:hover>*{color:#fff;background-color:var(--hover-color)}.tabworthy-dates-calendar__header{display:flex;padding:.75rem;align-items:center;gap:.5rem}.tabworthy-dates-calendar__current-month{display:flex;flex-grow:1;gap:.5rem}.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{display:flex;height:2rem;padding-right:.5rem;padding-left:.5rem;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background:var(--bg2-color);font:inherit;line-height:1.125}.tabworthy-dates-calendar__month-select:hover:not(:disabled),.tabworthy-dates-calendar__year-select:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-dates-calendar__month-select:focus-visible,.tabworthy-dates-calendar__year-select:focus-visible{outline:.25rem solid var(--focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{border:1px solid rgba(0,0,0,0)}}.tabworthy-dates-calendar__month-select{flex-grow:1;cursor:pointer;appearance:none}.tabworthy-dates-calendar__year-select{max-width:5rem}.tabworthy-dates-calendar__previous-month-button,.tabworthy-dates-calendar__next-month-button,.tabworthy-dates-calendar__previous-year-button,.tabworthy-dates-calendar__next-year-button{display:inline-flex;width:2rem;height:2rem;padding:.375rem;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background-color:var(--bg2-color);cursor:pointer}.tabworthy-dates-calendar__previous-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__previous-year-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-year-button:hover:not([aria-disabled]){background-color:var(--hover-color)}.tabworthy-dates-calendar__previous-month-button:focus-visible,.tabworthy-dates-calendar__next-month-button:focus-visible,.tabworthy-dates-calendar__previous-year-button:focus-visible,.tabworthy-dates-calendar__next-year-button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:var(--disabled-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:GrayText}}.tabworthy-dates-calendar__body{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.tabworthy-dates-calendar__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.tabworthy-dates-calendar__weekday>span{display:flex;padding:.2rem;justify-content:center;align-items:center;font-weight:600;aspect-ratio:1}.tabworthy-dates-calendar__date{padding:.125rem;text-align:center;cursor:pointer}.tabworthy-dates-calendar__date:focus{outline:none}.tabworthy-dates-calendar__date:focus-visible>*{outline:.25rem solid var(--focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date:focus-visible>*{outline-color:Highlight}}.tabworthy-dates-calendar__date:hover>*{background-color:var(--hover-color)}.tabworthy-dates-calendar__date>*{display:flex;justify-content:center;align-items:center;border-radius:.25rem;aspect-ratio:1}.tabworthy-dates-calendar__date--today>*{font-weight:700;font-style:normal;color:var(--active-color)}.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{color:var(--bg-color);background-color:var(--active-color);font-weight:500;outline-offset:.125rem}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{background-color:Highlight}}.tabworthy-dates-calendar__date--disabled{color:var(--disabled-color);cursor:default}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--disabled{color:GrayText}}.tabworthy-dates-calendar__date--disabled{position:relative}.tabworthy-dates-calendar__date--disabled::after{content:"";position:absolute;height:1.5rem;width:.078125rem;background-color:var(--disabled-color);transform:rotate(45deg);right:50%;top:25%}.tabworthy-dates-calendar__date--disabled:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range):hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__date--disabled.tabworthy-dates-calendar__date--in-range:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range)>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__footer{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem;display:flex;flex-direction:column;gap:1rem}.tabworthy-dates-calendar__footer-buttons{align-items:center;display:flex;gap:.5rem}.tabworthy-dates-calendar__clear-button,.tabworthy-dates-calendar__today-button,.tabworthy-dates__quick-button,.tabworthy-dates__calendar-button{display:inline-flex;height:2rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background-color:var(--bg2-color);font:inherit;line-height:1;cursor:pointer}.tabworthy-dates-calendar__clear-button:hover:not(:disabled),.tabworthy-dates-calendar__today-button:hover:not(:disabled),.tabworthy-dates__quick-button:hover:not(:disabled),.tabworthy-dates__calendar-button:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-dates-calendar__clear-button:focus-visible,.tabworthy-dates-calendar__today-button:focus-visible,.tabworthy-dates__quick-button:focus-visible,.tabworthy-dates__calendar-button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-dates-calendar__clear-button:disabled,.tabworthy-dates-calendar__today-button:disabled,.tabworthy-dates__quick-button:disabled,.tabworthy-dates__calendar-button:disabled{cursor:not-allowed;opacity:.6}.label{font-weight:600;display:block}.tabworthy-dates__calendar-button{margin-left:.5rem;height:2.5rem}.tabworthy-dates__quick-group{margin-top:.5rem;display:inline-grid;grid-auto-flow:column;gap:.5rem}.tabworthy-dates__quick-button{color:var(--text-color);background-color:inherit;text-decoration:underline}.tabworthy-dates__quick-button:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-dates__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--text-color);background:var(--bg2-color);line-height:1;border:1px solid var(--border-color);font-size:1rem}.tabworthy-dates__input[aria-invalid]{border-color:var(--error-color)}.tabworthy-dates-calendar__keyboard-hint{color:var(--secondary-color);display:flex;align-items:center;gap:.25rem;text-decoration:underline;text-underline-offset:.2em;border:none;margin:0;width:auto;overflow:visible;background:rgba(0,0,0,0);font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.25rem}.tabworthy-dates__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-dates__input{flex-grow:1}.tabworthy-dates__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-dates__input-error{display:flex;padding:.5rem;color:var(--error-color);font-weight:700}.tabworthy-times{display:flex;flex-direction:column;gap:.5rem}.tabworthy-times__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-times__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-times__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--text-color);background:var(--bg2-color);line-height:1;border:1px solid var(--border-color);font-size:1rem;flex-grow:1}.tabworthy-times__input:focus{outline:.25rem solid var(--focus-color)}.tabworthy-times__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times[has-error] .tabworthy-times__input{border-color:var(--error-color)}.tabworthy-times__calendar-button{display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background-color:var(--bg2-color);font:inherit;line-height:1;cursor:pointer;margin-left:.5rem}.tabworthy-times__calendar-button:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-times__calendar-button:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times__calendar-button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-times__picker-container{display:flex;gap:0;min-width:fit-content}.tabworthy-times__time-section{display:flex;flex-direction:column;padding:0 .75rem .75rem .75rem !important;background-color:var(--bg-color);align-self:center;height:100%;justify-content:center}.tabworthy-times__time-label{margin:0 0 .75rem 0;font-size:.875rem;font-weight:600;color:var(--text-color)}.tabworthy-times__input-error{display:flex;padding:.5rem;color:var(--error-color);font-weight:700}.tabworthy-times[inline] .tabworthy-times__calendar-button{display:none}.tabworthy-times[disabled]{opacity:.6;pointer-events:none}.tabworthy-times-picker{display:flex;flex-direction:column;padding:0;min-width:200px}.tabworthy-times-picker__container{display:flex;align-items:center;justify-content:center;gap:.5rem}.tabworthy-times-picker__field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__label{font-size:.75rem;font-weight:500;color:var(--text-color);text-transform:uppercase;letter-spacing:.05em}.tabworthy-times-picker__label--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.tabworthy-times-picker__control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__button{display:inline-flex;width:2rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--text-color);background-color:var(--bg2-color);cursor:pointer;transition:background-color .2s ease}.tabworthy-times-picker__button:hover:not(:disabled){background-color:var(--hover-color)}.tabworthy-times-picker__button:disabled{cursor:not-allowed;opacity:.5;color:var(--disabled-color)}.tabworthy-times-picker__button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-times-picker__input{width:3rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--bg2-color);color:var(--text-color);padding:.25rem}.tabworthy-times-picker__input:focus{outline:.25rem solid var(--focus-color)}.tabworthy-times-picker__input:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__input::-webkit-inner-spin-button,.tabworthy-times-picker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabworthy-times-picker__input[type=number]{-moz-appearance:textfield}.tabworthy-times-picker__separator{font-size:1.5rem;font-weight:600;color:var(--text-color)}.tabworthy-times-picker__period{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-top:1.25rem}.tabworthy-times-picker__period-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--bg2-color);color:var(--text-color);cursor:pointer;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tabworthy-times-picker__period-button--active{background-color:var(--hover-color);font-weight:600}.tabworthy-times-picker__period-button:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__period-button:focus-visible{outline:.25rem solid var(--focus-color)}.tabworthy-times-picker__period-button:hover:not(:disabled):not(.tabworthy-times-picker__period-button--active){background-color:var(--hover-color);opacity:.8}@media(max-width: 768px){.tabworthy-times__picker-container{flex-direction:column}}:root[data-theme=light]{--text-color: #111;--secondary-color: #767676;--border-color: #949494;--bg-color: #fff;--disabled-color: #959595;--hover-color: #e5e7eb;--bg2-color: #f2f3f5;--focus-color: #0000ff;--error-color: #d4351c;--active-color: #0000ff}
|
|
1
|
+
tabworthy-dates-calendar,tabworthy-dates-calendar *,tabworthy-dates-calendar *:before,tabworthy-dates-calendar *:after{margin:0;padding:0;box-sizing:border-box}tabworthy-dates-calendar{display:inline-flex}tabworthy-dates *:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar-wrapper{border:.0625rem solid var(--tw-dates-border-color);border-radius:.375rem;display:flex}.tabworthy-dates-calendar-wrapper--tw-dates-inline{margin-top:.5em}.tabworthy-dates-calendar,.tabworthy-dates{display:block;width:min-content;min-width:18rem;max-width:24rem;border-radius:.375rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5}@media screen and (min-width: 23.5rem){.tabworthy-dates-calendar,.tabworthy-dates{min-width:20rem;max-width:24rem}}.tabworthy-dates-calendar--tw-dates-disabled *[aria-disabled]{opacity:.5;cursor:default}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__weekday{color:var(--tw-dates-disabled-color)}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date:focus>*{outline:none}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date{cursor:default;opacity:.5}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date:hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date--tw-dates-in-range:hover>*{background-color:#f2f3f5}.tabworthy-dates-calendar--tw-dates-disabled .tabworthy-dates-calendar__date--tw-dates-selected:hover>*{color:#fff;background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__header{display:flex;padding:.75rem;align-items:center;gap:.5rem}.tabworthy-dates-calendar__current-month{display:flex;flex-grow:1;gap:.5rem}.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{display:flex;height:2rem;padding-right:.5rem;padding-left:.5rem;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);font:inherit;line-height:1.125}.tabworthy-dates-calendar__month-select:hover:not(:disabled),.tabworthy-dates-calendar__year-select:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__month-select:focus-visible,.tabworthy-dates-calendar__year-select:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{border:1px solid rgba(0,0,0,0)}}.tabworthy-dates-calendar__month-select{flex-grow:1;cursor:pointer;appearance:none}.tabworthy-dates-calendar__year-select{max-width:5rem}.tabworthy-dates-calendar__previous-month-button,.tabworthy-dates-calendar__next-month-button,.tabworthy-dates-calendar__previous-year-button,.tabworthy-dates-calendar__next-year-button{display:inline-flex;width:2rem;height:2rem;padding:.375rem;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer}.tabworthy-dates-calendar__previous-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__previous-year-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-year-button:hover:not([aria-disabled]){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__previous-month-button:focus-visible,.tabworthy-dates-calendar__next-month-button:focus-visible,.tabworthy-dates-calendar__previous-year-button:focus-visible,.tabworthy-dates-calendar__next-year-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:var(--tw-dates-disabled-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:GrayText}}.tabworthy-dates-calendar__body{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.tabworthy-dates-calendar__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.tabworthy-dates-calendar__weekday>span{display:flex;padding:.2rem;justify-content:center;align-items:center;font-weight:600;aspect-ratio:1}.tabworthy-dates-calendar__date{padding:.125rem;text-align:center;cursor:pointer}.tabworthy-dates-calendar__date:focus{outline:none}.tabworthy-dates-calendar__date:focus-visible>*{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date:focus-visible>*{outline-color:Highlight}}.tabworthy-dates-calendar__date:hover>*{background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__date>*{display:flex;justify-content:center;align-items:center;border-radius:.25rem;aspect-ratio:1}.tabworthy-dates-calendar__date--tw-dates-today>*{font-weight:700;font-style:normal;color:var(--tw-dates-active-color)}.tabworthy-dates-calendar__date--tw-dates-selected>*,.tabworthy-dates-calendar__date--tw-dates-selected:hover>*,.tabworthy-dates-calendar__date--tw-dates-in-range:hover>*,.tabworthy-dates-calendar__date--tw-dates-in-range>*{color:var(--tw-dates-bg-color);background-color:var(--tw-dates-active-color);font-weight:500;outline-offset:.125rem}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--tw-dates-selected>*,.tabworthy-dates-calendar__date--tw-dates-selected:hover>*,.tabworthy-dates-calendar__date--tw-dates-in-range:hover>*,.tabworthy-dates-calendar__date--tw-dates-in-range>*{background-color:Highlight}}.tabworthy-dates-calendar__date--tw-dates-disabled{color:var(--tw-dates-disabled-color);cursor:default}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--tw-dates-disabled{color:GrayText}}.tabworthy-dates-calendar__date--tw-dates-disabled{position:relative}.tabworthy-dates-calendar__date--tw-dates-disabled::after{content:"";position:absolute;height:1.5rem;width:.078125rem;background-color:var(--tw-dates-disabled-color);transform:rotate(45deg);right:50%;top:25%}.tabworthy-dates-calendar__date--tw-dates-disabled:not(.tabworthy-dates-calendar__date--tw-dates-selected):not(.tabworthy-dates-calendar__date--tw-dates-in-range):hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__date--tw-dates-disabled.tabworthy-dates-calendar__date--tw-dates-in-range:not(.tabworthy-dates-calendar__date--tw-dates-selected):not(.tabworthy-dates-calendar__date--tw-dates-in-range)>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__footer{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem;display:flex;flex-direction:column;gap:1rem}.tabworthy-dates-calendar__footer-buttons{align-items:center;display:flex;gap:.5rem}.tabworthy-dates-calendar__clear-button,.tabworthy-dates-calendar__today-button,.tabworthy-dates__quick-button,.tabworthy-dates__calendar-button{display:inline-flex;height:2rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer}.tabworthy-dates-calendar__clear-button:hover:not(:disabled),.tabworthy-dates-calendar__today-button:hover:not(:disabled),.tabworthy-dates__quick-button:hover:not(:disabled),.tabworthy-dates__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__clear-button:focus-visible,.tabworthy-dates-calendar__today-button:focus-visible,.tabworthy-dates__quick-button:focus-visible,.tabworthy-dates__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__clear-button:disabled,.tabworthy-dates-calendar__today-button:disabled,.tabworthy-dates__quick-button:disabled,.tabworthy-dates__calendar-button:disabled{cursor:not-allowed;opacity:.6}.label{font-weight:600;display:block}.tabworthy-dates__calendar-button{margin-left:.5rem;height:2.5rem}.tabworthy-dates__quick-group{margin-top:.5rem;display:inline-grid;grid-auto-flow:column;gap:.5rem}.tabworthy-dates__quick-button{color:var(--tw-dates-text-color);background-color:inherit;text-decoration:underline}.tabworthy-dates__quick-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem}.tabworthy-dates__input[aria-invalid]{border-color:var(--tw-dates-error-color)}.tabworthy-dates-calendar__keyboard-hint{color:var(--tw-dates-secondary-color);display:flex;align-items:center;gap:.25rem;text-decoration:underline;text-underline-offset:.2em;border:none;margin:0;width:auto;overflow:visible;background:rgba(0,0,0,0);font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.25rem}.tabworthy-dates__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif;color:var(--tw-dates-text-color)}.tabworthy-dates__input{flex-grow:1}.tabworthy-dates__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-dates__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times{display:flex;flex-direction:column;gap:.5rem}.tabworthy-times__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-times__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-times__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem;flex-grow:1}.tabworthy-times__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times[has-error] .tabworthy-times__input{border-color:var(--tw-dates-error-color)}.tabworthy-times__calendar-button{display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer;margin-left:.5rem}.tabworthy-times__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times__calendar-button:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__picker-container{display:flex;gap:0;min-width:fit-content}.tabworthy-times__time-section{display:flex;flex-direction:column;padding:0 .75rem .75rem .75rem !important;background-color:var(--tw-dates-bg-color);align-self:center;height:100%;justify-content:center}.tabworthy-times__time-label{margin:0 0 .75rem 0;font-size:.875rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times[inline] .tabworthy-times__calendar-button{display:none}.tabworthy-times[disabled]{opacity:.6;pointer-events:none}.tabworthy-times-picker{display:flex;flex-direction:column;padding:0;min-width:200px}.tabworthy-times-picker__container{display:flex;align-items:center;justify-content:center;gap:.5rem}.tabworthy-times-picker__field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__label{font-size:.75rem;font-weight:500;color:var(--tw-dates-text-color);text-transform:uppercase;letter-spacing:.05em}.tabworthy-times-picker__label--tw-dates-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.tabworthy-times-picker__control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__button{display:inline-flex;width:2rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer;transition:background-color .2s ease}.tabworthy-times-picker__button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times-picker__button:disabled{cursor:not-allowed;opacity:.5;color:var(--tw-dates-disabled-color)}.tabworthy-times-picker__button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input{width:3rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--tw-dates-border-color);border-radius:.25rem;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);padding:.25rem}.tabworthy-times-picker__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__input::-webkit-inner-spin-button,.tabworthy-times-picker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabworthy-times-picker__input[type=number]{-moz-appearance:textfield}.tabworthy-times-picker__separator{font-size:1.5rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times-picker__period{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-top:1.25rem}.tabworthy-times-picker__period-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);cursor:pointer;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tabworthy-times-picker__period-button--tw-dates-active{background-color:var(--tw-dates-hover-color);font-weight:600}.tabworthy-times-picker__period-button:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__period-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__period-button:hover:not(:disabled):not(.tabworthy-times-picker__period-button--tw-dates-active){background-color:var(--tw-dates-hover-color);opacity:.8}@media(max-width: 768px){.tabworthy-times__picker-container{flex-direction:column}}:root{--tw-dates-text-color: #111;--tw-dates-secondary-color: #767676;--tw-dates-border-color: #949494;--tw-dates-bg-color: #fff;--tw-dates-disabled-color: #959595;--tw-dates-hover-color: #e5e7eb;--tw-dates-bg2-color: #f2f3f5;--tw-dates-focus-color: #0000ff;--tw-dates-error-color: #d4351c;--tw-dates-active-color: #0000ff}
|
package/package.json
CHANGED