triafly-ui-kit 1.0.31 → 1.0.32
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/assets/src/components/Ui/DatePicker/DatePicker.css +1 -1
- package/dist/assets/src/components/Ui/DateRangePicker/DateRangePicker.css +1 -1
- package/dist/styles/variables.scss +4 -2
- package/package.json +3 -2
- package/src/assets/fonts/FiraCode-Regular.ttf +0 -0
- package/src/assets/fonts/Manrope-Bold.ttf +0 -0
- package/src/assets/fonts/Manrope-Regular.ttf +0 -0
- package/src/assets/fonts/Manrope-SemiBold.ttf +0 -0
- package/src/assets/fonts/RobotoSlab-SemiBold.ttf +0 -0
|
@@ -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
|
|
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 .year-control{width:99px}.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
|
|
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 .year-control{width:99px}.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)}
|
|
@@ -100,9 +100,10 @@ html[data-theme="light"] {
|
|
|
100
100
|
--color-bg-page-primary-default: var(--light-neutral-50);
|
|
101
101
|
--color-bg-page-secondary-default: var(--light-neutral-0);
|
|
102
102
|
--color-bg-neutral-basic-default: var(--light-neutral-0);
|
|
103
|
-
--color-bg-neutral-basic-inversed: var(--light-neutral-300);
|
|
104
103
|
--color-bg-neutral-lightest-default: var(--light-neutral-20);
|
|
104
|
+
--color-bg-neutral-light-default: var(--light-neutral-50);
|
|
105
105
|
--color-bg-neutral-medium-default: var(--light-neutral-100);
|
|
106
|
+
--color-bg-neutral-basic-inversed: var(--light-neutral-300);
|
|
106
107
|
|
|
107
108
|
/* Light Theme - Border */
|
|
108
109
|
--color-border-brand-default: var(--light-brand-100);
|
|
@@ -198,9 +199,10 @@ html[data-theme="dark"] {
|
|
|
198
199
|
--color-bg-page-secondary-default: var(--dark-neutral-0);
|
|
199
200
|
--color-bg-page-secondary-default: var(--dark-neutral-0);
|
|
200
201
|
--color-bg-neutral-basic-default: var(--dark-neutral-20);
|
|
201
|
-
--color-bg-neutral-basic-inversed: var(--dark-neutral-300);
|
|
202
202
|
--color-bg-neutral-lightest-default: var(--dark-neutral-20);
|
|
203
|
+
--color-bg-neutral-light-default: var(--dark-neutral-50);
|
|
203
204
|
--color-bg-neutral-medium-default: var(--dark-neutral-100);
|
|
205
|
+
--color-bg-neutral-basic-inversed: var(--dark-neutral-300);
|
|
204
206
|
|
|
205
207
|
/* Dark Theme - Border */
|
|
206
208
|
--color-border-brand-default: var(--dark-brand-100);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "triafly-ui-kit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.32",
|
|
4
4
|
"description": "UI Kit from Triafly",
|
|
5
5
|
"main": "./dist/main.js",
|
|
6
6
|
"module": "./dist/main.js",
|
|
@@ -20,7 +20,8 @@
|
|
|
20
20
|
},
|
|
21
21
|
"files": [
|
|
22
22
|
"dist",
|
|
23
|
-
"src/styles"
|
|
23
|
+
"src/styles",
|
|
24
|
+
"src/assets/fonts"
|
|
24
25
|
],
|
|
25
26
|
"scripts": {
|
|
26
27
|
"build": "npm run build:types && vite build",
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|