@seafile/seafile-calendar 1.0.16 → 1.0.18

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 +34 -28
  2. package/package.json +1 -1
package/assets/index.css CHANGED
@@ -109,67 +109,73 @@
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;
115
+ --rc-calendar-popover-border-color: #eee;
116
+ --rc-calendar-popover-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
112
117
  --rc-calendar-body-color: #212529;
113
- --rc-calendar-icon-secondary-color: #999;
114
118
  --rc-calendar-icon-color: #666;
119
+ --rc-calendar-icon-secondary-color: #999;
115
120
  --rc-calendar-icon-btn-hover-bg-color: rgba(0, 0, 0, 0.04);
121
+ --rc-calendar-input-border-color: rgba(0, 40, 100, 0.12);
116
122
  --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
123
  --rc-calendar-divider-color: #eee;
121
124
  --rc-calendar-disabled-bg: rgba(0, 0, 0, 0.05);
122
125
  --rc-calendar-disabled-color: #c2c2c2;
123
126
  --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
127
  }
127
128
  @media (prefers-color-scheme: dark) {
128
129
  .rc-calendar {
130
+ --rc-calendar-popover-bg: #1c1d1f;
131
+ --rc-calendar-popover-border-color: rgba(255, 255, 255, 0.1);
132
+ --rc-calendar-popover-box-shadow: none;
129
133
  --rc-calendar-body-color: rgba(255, 255, 255, 0.9);
134
+ --rc-calendar-icon-color: rgba(255, 255, 255, 0.7);
130
135
  --rc-calendar-icon-secondary-color: rgba(255, 255, 255, 0.5);
131
- --rc-calendar-icon-color: #adb5bd;
132
136
  --rc-calendar-icon-btn-hover-bg-color: rgba(255, 255, 255, 0.1);
137
+ --rc-calendar-input-border-color: rgba(255, 255, 255, 0.1);
133
138
  --rc-calendar-input-focus-border-color: #3e84f7;
134
- --rc-calendar-popover-bg: #1c1d1f;
135
139
  --rc-calendar-divider-color: rgba(255, 255, 255, 0.1);
136
140
  --rc-calendar-disabled-bg: rgba(255, 255, 255, 0.08);
137
141
  --rc-calendar-disabled-color: rgba(255, 255, 255, 0.2);
138
142
  --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
143
  }
142
144
  }
143
145
  /* Explicit theme values take precedence over the system preference. */
144
146
  [data-bs-theme='light'] .rc-calendar,
145
147
  .rc-calendar[data-bs-theme='light'] {
148
+ --rc-calendar-sf-orange: #FF8000;
149
+ --rc-calendar-sf-orange-2: #ED7109;
150
+ --rc-calendar-popover-bg: #fff;
151
+ --rc-calendar-popover-border-color: #eee;
152
+ --rc-calendar-popover-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
146
153
  --rc-calendar-body-color: #212529;
147
- --rc-calendar-icon-secondary-color: #999;
148
154
  --rc-calendar-icon-color: #666;
155
+ --rc-calendar-icon-secondary-color: #999;
149
156
  --rc-calendar-icon-btn-hover-bg-color: rgba(0, 0, 0, 0.04);
157
+ --rc-calendar-input-border-color: rgba(0, 40, 100, 0.12);
150
158
  --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;
159
+ --rc-calendar-divider-color: #eee;
154
160
  --rc-calendar-disabled-bg: rgba(0, 0, 0, 0.05);
155
161
  --rc-calendar-disabled-color: #c2c2c2;
156
162
  --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
163
  }
160
164
  [data-bs-theme='dark'] .rc-calendar,
161
165
  .rc-calendar[data-bs-theme='dark'] {
166
+ --rc-calendar-popover-bg: #1c1d1f;
167
+ --rc-calendar-popover-border-color: rgba(255, 255, 255, 0.1);
168
+ --rc-calendar-popover-box-shadow: none;
162
169
  --rc-calendar-body-color: rgba(255, 255, 255, 0.9);
170
+ --rc-calendar-icon-color: rgba(255, 255, 255, 0.7);
163
171
  --rc-calendar-icon-secondary-color: rgba(255, 255, 255, 0.5);
164
- --rc-calendar-icon-color: #adb5bd;
165
172
  --rc-calendar-icon-btn-hover-bg-color: rgba(255, 255, 255, 0.1);
173
+ --rc-calendar-input-border-color: rgba(255, 255, 255, 0.1);
166
174
  --rc-calendar-input-focus-border-color: #3e84f7;
167
- --rc-calendar-popover-bg: #1c1d1f;
175
+ --rc-calendar-divider-color: rgba(255, 255, 255, 0.1);
168
176
  --rc-calendar-disabled-bg: rgba(255, 255, 255, 0.08);
169
177
  --rc-calendar-disabled-color: rgba(255, 255, 255, 0.2);
170
178
  --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
179
  }
174
180
  .rc-calendar-picker-slide-up-enter {
175
181
  animation-duration: .3s;
@@ -279,9 +285,9 @@
279
285
  text-align: left;
280
286
  background-color: var(--rc-calendar-popover-bg, #fff);
281
287
  border-radius: 8px;
282
- box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
288
+ box-shadow: var(--rc-calendar-popover-box-shadow, 0 6px 14px rgba(0, 0, 0, 0.1));
283
289
  background-clip: padding-box;
284
- border: 1px solid #eee;
290
+ border: 1px solid var(--rc-calendar-popover-border-color, #eee);
285
291
  line-height: 1.5;
286
292
  overflow: hidden;
287
293
  /* Layout wrappers */
@@ -336,7 +342,7 @@
336
342
  height: 32px;
337
343
  line-height: 32px;
338
344
  width: 100%;
339
- border: 1px solid var(--rc-calendar-border-color);
345
+ border: 1px solid var(--rc-calendar-input-border-color);
340
346
  box-shadow: none;
341
347
  border-radius: 4px;
342
348
  }
@@ -406,7 +412,7 @@
406
412
  .rc-calendar-month-select:hover,
407
413
  .rc-calendar-day-select:hover {
408
414
  cursor: pointer;
409
- color: var(--rc-calendar-sf-orange, #ff8000);
415
+ color: var(--rc-calendar-sf-orange-2, #ed7109);
410
416
  }
411
417
  .rc-calendar-year-select.rc-calendar-time-status:hover,
412
418
  .rc-calendar-month-select.rc-calendar-time-status:hover,
@@ -546,7 +552,7 @@
546
552
  }
547
553
  .rc-calendar-right-panel {
548
554
  height: inherit;
549
- border-left: 1px solid var(--rc-calendar-time-section-border);
555
+ border-left: 1px solid var(--rc-calendar-divider-color, #eee);
550
556
  }
551
557
  .rc-calendar-right-panel-header {
552
558
  display: -ms-flexbox;
@@ -1124,7 +1130,7 @@
1124
1130
  float: left;
1125
1131
  }
1126
1132
  .rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
1127
- border-right: 1px solid var(--rc-calendar-time-section-border);
1133
+ border-right: 1px solid var(--rc-calendar-divider-color, #eee);
1128
1134
  }
1129
1135
  .rc-calendar-range-right {
1130
1136
  float: right;
@@ -1133,7 +1139,7 @@
1133
1139
  left: 21px;
1134
1140
  }
1135
1141
  .rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
1136
- border-left: 1px solid var(--rc-calendar-time-section-border);
1142
+ border-left: 1px solid var(--rc-calendar-divider-color, #eee);
1137
1143
  }
1138
1144
  .rc-calendar-range-middle {
1139
1145
  position: absolute;
@@ -1247,7 +1253,7 @@
1247
1253
  float: left;
1248
1254
  height: 28px;
1249
1255
  line-height: 24px;
1250
- border: 1px solid var(--rc-calendar-border-color);
1256
+ border: 1px solid var(--rc-calendar-input-border-color);
1251
1257
  padding: 0 10px;
1252
1258
  color: var(--rc-calendar-icon-color, #666);
1253
1259
  }
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.18",
4
4
  "description": "React Calendar",
5
5
  "keywords": [
6
6
  "react",