@seafile/seafile-calendar 1.0.16 → 1.0.17

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 (2) hide show
  1. package/assets/index.css +24 -26
  2. package/package.json +1 -1
package/assets/index.css CHANGED
@@ -109,67 +109,65 @@
109
109
  display: none;
110
110
  }
111
111
  .rc-calendar {
112
+ --rc-calendar-sf-orange: #FF8000;
113
+ --rc-calendar-sf-orange-2: #ED7109;
114
+ --rc-calendar-popover-bg: #fff;
112
115
  --rc-calendar-body-color: #212529;
113
- --rc-calendar-icon-secondary-color: #999;
114
116
  --rc-calendar-icon-color: #666;
117
+ --rc-calendar-icon-secondary-color: #999;
115
118
  --rc-calendar-icon-btn-hover-bg-color: rgba(0, 0, 0, 0.04);
119
+ --rc-calendar-input-border-color: rgba(0, 40, 100, 0.12);
116
120
  --rc-calendar-input-focus-border-color: #3e84f7;
117
- --rc-calendar-popover-bg: #fff;
118
- --rc-calendar-sf-orange: #FF8000;
119
- --rc-calendar-sf-orange-2: #ED7109;
120
121
  --rc-calendar-divider-color: #eee;
121
122
  --rc-calendar-disabled-bg: rgba(0, 0, 0, 0.05);
122
123
  --rc-calendar-disabled-color: #c2c2c2;
123
124
  --rc-calendar-out-range-color: #c2c2c2;
124
- --rc-calendar-border-color: rgba(0, 40, 100, 0.12);
125
- --rc-calendar-time-section-border: rgba(0, 40, 100, 0.12);
126
125
  }
127
126
  @media (prefers-color-scheme: dark) {
128
127
  .rc-calendar {
128
+ --rc-calendar-popover-bg: #1c1d1f;
129
129
  --rc-calendar-body-color: rgba(255, 255, 255, 0.9);
130
+ --rc-calendar-icon-color: rgba(255, 255, 255, 0.7);
130
131
  --rc-calendar-icon-secondary-color: rgba(255, 255, 255, 0.5);
131
- --rc-calendar-icon-color: #adb5bd;
132
132
  --rc-calendar-icon-btn-hover-bg-color: rgba(255, 255, 255, 0.1);
133
+ --rc-calendar-input-border-color: rgba(255, 255, 255, 0.1);
133
134
  --rc-calendar-input-focus-border-color: #3e84f7;
134
- --rc-calendar-popover-bg: #1c1d1f;
135
135
  --rc-calendar-divider-color: rgba(255, 255, 255, 0.1);
136
136
  --rc-calendar-disabled-bg: rgba(255, 255, 255, 0.08);
137
137
  --rc-calendar-disabled-color: rgba(255, 255, 255, 0.2);
138
138
  --rc-calendar-out-range-color: rgba(255, 255, 255, 0.2);
139
- --rc-calendar-border-color: rgba(255, 255, 255, 0.16);
140
- --rc-calendar-time-section-border: rgba(255, 255, 255, 0.16);
141
139
  }
142
140
  }
143
141
  /* Explicit theme values take precedence over the system preference. */
144
142
  [data-bs-theme='light'] .rc-calendar,
145
143
  .rc-calendar[data-bs-theme='light'] {
144
+ --rc-calendar-sf-orange: #FF8000;
145
+ --rc-calendar-sf-orange-2: #ED7109;
146
+ --rc-calendar-popover-bg: #fff;
146
147
  --rc-calendar-body-color: #212529;
147
- --rc-calendar-icon-secondary-color: #999;
148
148
  --rc-calendar-icon-color: #666;
149
+ --rc-calendar-icon-secondary-color: #999;
149
150
  --rc-calendar-icon-btn-hover-bg-color: rgba(0, 0, 0, 0.04);
151
+ --rc-calendar-input-border-color: rgba(0, 40, 100, 0.12);
150
152
  --rc-calendar-input-focus-border-color: #3e84f7;
151
- --rc-calendar-popover-bg: #fff;
152
- --rc-calendar-sf-orange: #FF8000;
153
- --rc-calendar-sf-orange-2: #ED7109;
153
+ --rc-calendar-divider-color: #eee;
154
154
  --rc-calendar-disabled-bg: rgba(0, 0, 0, 0.05);
155
155
  --rc-calendar-disabled-color: #c2c2c2;
156
156
  --rc-calendar-out-range-color: #c2c2c2;
157
- --rc-calendar-border-color: rgba(0, 40, 100, 0.12);
158
- --rc-calendar-time-section-border: rgba(0, 40, 100, 0.12);
159
157
  }
160
158
  [data-bs-theme='dark'] .rc-calendar,
161
159
  .rc-calendar[data-bs-theme='dark'] {
160
+ --rc-calendar-popover-bg: #1c1d1f;
162
161
  --rc-calendar-body-color: rgba(255, 255, 255, 0.9);
162
+ --rc-calendar-icon-color: rgba(255, 255, 255, 0.7);
163
163
  --rc-calendar-icon-secondary-color: rgba(255, 255, 255, 0.5);
164
- --rc-calendar-icon-color: #adb5bd;
165
164
  --rc-calendar-icon-btn-hover-bg-color: rgba(255, 255, 255, 0.1);
165
+ --rc-calendar-input-border-color: rgba(255, 255, 255, 0.1);
166
166
  --rc-calendar-input-focus-border-color: #3e84f7;
167
- --rc-calendar-popover-bg: #1c1d1f;
167
+ --rc-calendar-divider-color: rgba(255, 255, 255, 0.1);
168
168
  --rc-calendar-disabled-bg: rgba(255, 255, 255, 0.08);
169
169
  --rc-calendar-disabled-color: rgba(255, 255, 255, 0.2);
170
170
  --rc-calendar-out-range-color: rgba(255, 255, 255, 0.2);
171
- --rc-calendar-border-color: rgba(255, 255, 255, 0.16);
172
- --rc-calendar-time-section-border: rgba(255, 255, 255, 0.16);
173
171
  }
174
172
  .rc-calendar-picker-slide-up-enter {
175
173
  animation-duration: .3s;
@@ -336,7 +334,7 @@
336
334
  height: 32px;
337
335
  line-height: 32px;
338
336
  width: 100%;
339
- border: 1px solid var(--rc-calendar-border-color);
337
+ border: 1px solid var(--rc-calendar-input-border-color);
340
338
  box-shadow: none;
341
339
  border-radius: 4px;
342
340
  }
@@ -406,7 +404,7 @@
406
404
  .rc-calendar-month-select:hover,
407
405
  .rc-calendar-day-select:hover {
408
406
  cursor: pointer;
409
- color: var(--rc-calendar-sf-orange, #ff8000);
407
+ color: var(--rc-calendar-sf-orange-2, #ed7109);
410
408
  }
411
409
  .rc-calendar-year-select.rc-calendar-time-status:hover,
412
410
  .rc-calendar-month-select.rc-calendar-time-status:hover,
@@ -546,7 +544,7 @@
546
544
  }
547
545
  .rc-calendar-right-panel {
548
546
  height: inherit;
549
- border-left: 1px solid var(--rc-calendar-time-section-border);
547
+ border-left: 1px solid var(--rc-calendar-divider-color, #eee);
550
548
  }
551
549
  .rc-calendar-right-panel-header {
552
550
  display: -ms-flexbox;
@@ -1124,7 +1122,7 @@
1124
1122
  float: left;
1125
1123
  }
1126
1124
  .rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
1127
- border-right: 1px solid var(--rc-calendar-time-section-border);
1125
+ border-right: 1px solid var(--rc-calendar-divider-color, #eee);
1128
1126
  }
1129
1127
  .rc-calendar-range-right {
1130
1128
  float: right;
@@ -1133,7 +1131,7 @@
1133
1131
  left: 21px;
1134
1132
  }
1135
1133
  .rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
1136
- border-left: 1px solid var(--rc-calendar-time-section-border);
1134
+ border-left: 1px solid var(--rc-calendar-divider-color, #eee);
1137
1135
  }
1138
1136
  .rc-calendar-range-middle {
1139
1137
  position: absolute;
@@ -1247,7 +1245,7 @@
1247
1245
  float: left;
1248
1246
  height: 28px;
1249
1247
  line-height: 24px;
1250
- border: 1px solid var(--rc-calendar-border-color);
1248
+ border: 1px solid var(--rc-calendar-input-border-color);
1251
1249
  padding: 0 10px;
1252
1250
  color: var(--rc-calendar-icon-color, #666);
1253
1251
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/seafile-calendar",
3
- "version": "1.0.16",
3
+ "version": "1.0.17",
4
4
  "description": "React Calendar",
5
5
  "keywords": [
6
6
  "react",