triafly-ui-kit 1.0.107 → 1.0.108
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.datepicker{position:relative;width:160px;font-family:Arial,sans-serif}.datepicker .native-input{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.datepicker-input{display:flex;align-items:center;gap:8px;height:44px;padding:8px;border:1px solid var(--color-border-primary-default);border-radius:8px;background-color:var(--color-bg-neutral-basic-default);cursor:pointer;transition:border-color .2s}.datepicker-input:hover{border-color:var(--color-bg-neutral-medium-default)}.datepicker-input .placeholder{margin:0 auto 0 0}.datepicker-input .caret *{fill:var(--color-icon-secondary-default)}.datepicker-calendar{position:absolute;top:100%;left:0;z-index:100;padding:16px;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default)}.datepicker-calendar .calendar-controls{display:flex;justify-content:space-between;margin-bottom:16px}.datepicker-calendar .month-control,.datepicker-calendar .year-control{display:flex;align-items:center;justify-content:space-between}.datepicker-calendar .month-control{width:160px}.datepicker-calendar .
|
|
1
|
+
.datepicker{position:relative;width:160px;font-family:Arial,sans-serif}.datepicker .native-input{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.datepicker-input{display:flex;align-items:center;gap:8px;height:44px;padding:8px;border:1px solid var(--color-border-primary-default);border-radius:8px;background-color:var(--color-bg-neutral-basic-default);cursor:pointer;transition:border-color .2s}.datepicker-input:hover{border-color:var(--color-bg-neutral-medium-default)}.datepicker-input .placeholder{margin:0 auto 0 0}.datepicker-input .caret *{fill:var(--color-icon-secondary-default)}.datepicker-calendar{position:absolute;top:100%;left:0;z-index:100;padding:16px;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default)}.datepicker-calendar .calendar-controls{display:flex;justify-content:space-between;margin-bottom:16px}.datepicker-calendar .month-control,.datepicker-calendar .year-control{display:flex;align-items:center;justify-content:space-between}.datepicker-calendar .month-control{width:160px}.datepicker-calendar .current-month,.datepicker-calendar .current-year{min-width:60px;text-align:center;font-weight:600}.datepicker-calendar .nav-button{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;transition:background-color .2s}.datepicker-calendar .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center;font-size:12px}.datepicker-calendar .calendar-weekdays .weekday{font-weight:600}.datepicker-calendar .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.datepicker-calendar .calendar-days .day{display:flex;align-items:center;justify-content:center;height:40px;width:40px;cursor:pointer;font-size:14px;flex-direction:column;border-radius:4px}.datepicker-calendar .calendar-days .day:hover{background-color:var(--color-bg-neutral-light-default)}.datepicker-calendar .calendar-days .day.selected{background-color:var(--color-bg-brand-default);color:var(--color-text-primary-inversed)}.datepicker-calendar .calendar-days .day.disabled{color:var(--color-text-secondary-default);pointer-events:none}.datepicker-calendar .calendar-days .day.other-month{color:var(--color-text-secondary-default);opacity:.7}.datepicker-calendar .calendar-days .day.today{position:relative}.datepicker-calendar .calendar-days .day.today:after{content:"";display:block;position:absolute;width:5px;height:5px;border-radius:50%;background-color:var(--color-bg-brand-default);bottom:4px}.datepicker-calendar .calendar-days .day.today.selected:after{background-color:var(--color-bg-neutral-basic-default)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.date-range-picker{position:relative;width:260px;font-family:Arial,sans-serif}.date-range-picker-input{display:flex;align-items:center;gap:8px;height:44px;padding:8px;border:1px solid var(--color-border-primary-default);border-radius:8px;background-color:var(--color-bg-neutral-basic-default);cursor:pointer;transition:border-color .2s}.date-range-picker-input:hover{border-color:var(--color-bg-neutral-medium-default)}.date-range-picker-input .placeholder{margin:0 auto 0 0}.date-range-picker-input .caret *{fill:var(--color-icon-secondary-default)}.date-range-picker-calendar{position:absolute;top:100%;left:0;z-index:100;padding:12px 16px;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default)}.date-range-picker-selection{display:flex;gap:32px}.date-range-picker-selection .line{width:1px;height:inherit;background-color:var(--color-border-primary-default)}.date-range-picker-quick-selection-options{display:flex;flex-direction:column;justify-content:flex-start;width:160px}.date-range-picker-quick-selection-options button{padding:8px 16px;border-radius:6px;background:none;text-align:left;height:40px}.date-range-picker-quick-selection-options button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.date-range-picker-quick-selection-options button.active,.date-range-picker-quick-selection-options button.active:hover{background-color:var(--color-bg-neutral-light-default)}.date-range-picker-quick-selection-options button:hover{background-color:var(--color-bg-neutral-lightest-default)}.date-range-picker-section-period{display:flex;gap:32px;padding:6px 0}.date-range-picker-section-period-month-year-block{display:flex;margin:0 0 16px;justify-content:space-between}.date-range-picker-section-period-month-year-block .month-control,.date-range-picker-section-period-month-year-block .year-control{display:flex;align-items:center;justify-content:space-between}.date-range-picker-section-period-month-year-block .month-control span,.date-range-picker-section-period-month-year-block .year-control span{font-weight:600}.date-range-picker-section-period-month-year-block .month-control button,.date-range-picker-section-period-month-year-block .year-control button{background:none;display:flex}.date-range-picker-section-period-month-year-block .month-control{width:160px}.date-range-picker-section-period-month-year-block .month-control .current-month{text-transform:capitalize}.date-range-picker-section-period-month-year-block .
|
|
1
|
+
.date-range-picker{position:relative;width:260px;font-family:Arial,sans-serif}.date-range-picker-input{display:flex;align-items:center;gap:8px;height:44px;padding:8px;border:1px solid var(--color-border-primary-default);border-radius:8px;background-color:var(--color-bg-neutral-basic-default);cursor:pointer;transition:border-color .2s}.date-range-picker-input:hover{border-color:var(--color-bg-neutral-medium-default)}.date-range-picker-input .placeholder{margin:0 auto 0 0}.date-range-picker-input .caret *{fill:var(--color-icon-secondary-default)}.date-range-picker-calendar{position:absolute;top:100%;left:0;z-index:100;padding:12px 16px;background-color:var(--color-bg-neutral-basic-default);border-radius:8px;border:1px solid var(--color-border-primary-default)}.date-range-picker-selection{display:flex;gap:32px}.date-range-picker-selection .line{width:1px;height:inherit;background-color:var(--color-border-primary-default)}.date-range-picker-quick-selection-options{display:flex;flex-direction:column;justify-content:flex-start;width:160px}.date-range-picker-quick-selection-options button{padding:8px 16px;border-radius:6px;background:none;text-align:left;height:40px;border:none}.date-range-picker-quick-selection-options button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.date-range-picker-quick-selection-options button.active,.date-range-picker-quick-selection-options button.active:hover{background-color:var(--color-bg-neutral-light-default)}.date-range-picker-quick-selection-options button:hover{background-color:var(--color-bg-neutral-lightest-default)}.date-range-picker-section-period{display:flex;gap:32px;padding:6px 0}.date-range-picker-section-period-month-year-block{display:flex;margin:0 0 16px;justify-content:space-between}.date-range-picker-section-period-month-year-block .month-control,.date-range-picker-section-period-month-year-block .year-control{display:flex;align-items:center;justify-content:space-between}.date-range-picker-section-period-month-year-block .month-control span,.date-range-picker-section-period-month-year-block .year-control span{font-weight:600}.date-range-picker-section-period-month-year-block .month-control button,.date-range-picker-section-period-month-year-block .year-control button{background:none;display:flex;border:none}.date-range-picker-section-period-month-year-block .month-control{width:160px}.date-range-picker-section-period-month-year-block .month-control .current-month{text-transform:capitalize}.date-range-picker-section-period-month-year-block .current-year{padding:0 12px}.calendar-month table{width:100%;border-collapse:collapse}.calendar-month th{text-align:center;padding:11.5px;font-weight:600;font-size:14px;line-height:20px}.calendar-month td{text-align:center;padding:11.5px;cursor:pointer;position:relative;font-weight:400;font-size:14px}.calendar-month td:hover{background-color:var(--color-bg-neutral-lightest-default)}.calendar-month table td.empty{pointer-events:none;background:none;cursor:default}.calendar-month table td.empty:hover{background:none}.calendar-month td.disabled{color:var(--color-text-secondary-default);cursor:not-allowed}.today-dot{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--color-bg-brand-default);border-radius:50%}.calendar-month td.selected-start{border-top-left-radius:4px;border-bottom-left-radius:4px}.calendar-month td.selected-end{border-top-right-radius:4px;border-bottom-right-radius:4px}.calendar-month td.selected-start,.calendar-month td.selected-end{background-color:var(--color-bg-brand-default);color:var(--color-text-primary-inversed)}.calendar-month td.selected-start .today-dot,.calendar-month td.selected-end .today-dot{background-color:var(--color-bg-neutral-basic-default)}.calendar-month td.in-range{background-color:var(--color-bg-neutral-light-default)}
|