@publishfx/publish-components 2.1.2 → 2.1.3

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/dist/TimePickerSelect/index_module.css +38 -38
  2. package/package.json +1 -1
package/dist/TimePickerSelect/index_module.css CHANGED
@@ -7,7 +7,7 @@
7
7
  }
8
8
 
9
9
  .selectLabel-j8XQLR {
10
- color: #000000d9;
10
+ color: var(--color-text-1);
11
11
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
12
12
  font-size: 14px;
13
13
  font-weight: normal;
@@ -19,26 +19,26 @@
19
19
  }
20
20
 
21
21
  .timePickerSelect_select-xuD_LK .arco-select-view {
22
- background-color: #fff;
23
- border: 1px solid #d9d9d9;
24
- border-radius: 2px;
22
+ background-color: var(--color-bg-2);
23
+ border: 1px solid var(--color-border-2);
24
+ border-radius: var(--border-radius-small);
25
25
  min-height: 32px;
26
26
  padding: 4px 12px;
27
27
  transition: all .2s;
28
28
  }
29
29
 
30
30
  .timePickerSelect_select-xuD_LK .arco-select-view:hover {
31
- border-color: #40a9ff;
31
+ border-color: rgb(var(--primary-5));
32
32
  }
33
33
 
34
34
  .timePickerSelect_select-xuD_LK .arco-select-view-focused {
35
- border-color: #1890ff;
36
- box-shadow: 0 0 0 2px #1890ff33;
35
+ border-color: rgb(var(--primary-6));
36
+ box-shadow: 0 0 0 2px var(--color-primary-light-2);
37
37
  }
38
38
 
39
39
  .timePickerSelect_select-xuD_LK .arco-select-view-disabled {
40
+ background-color: var(--color-fill-2);
40
41
  cursor: not-allowed;
41
- background-color: #fafafa;
42
42
  }
43
43
 
44
44
  .timePickerSelect_select-xuD_LK .arco-select-view-selector {
@@ -49,12 +49,12 @@
49
49
  }
50
50
 
51
51
  .timePickerSelect_select-xuD_LK .arco-select-view-placeholder {
52
- color: #00000073;
52
+ color: var(--color-text-3);
53
53
  font-size: 14px;
54
54
  }
55
55
 
56
56
  .timePickerSelect_select-xuD_LK .arco-select-arrow-icon {
57
- color: #00000073;
57
+ color: var(--color-text-2);
58
58
  font-size: 16px;
59
59
  transition: transform .2s;
60
60
  }
@@ -64,13 +64,13 @@
64
64
  }
65
65
 
66
66
  .timePickerSelect_select-xuD_LK .arco-tag {
67
- color: #000000d9;
68
- background-color: #fafafa;
69
- border: 1px solid #d9d9d9;
70
- border-radius: 2px;
67
+ background-color: var(--color-fill-2);
68
+ border: 1px solid var(--color-border-2);
69
+ border-radius: var(--border-radius-small);
70
+ height: 24px;
71
+ color: var(--color-text-1);
71
72
  align-items: center;
72
73
  gap: 4px;
73
- height: 24px;
74
74
  padding: 0 8px;
75
75
  font-size: 12px;
76
76
  display: inline-flex;
@@ -81,18 +81,18 @@
81
81
  }
82
82
 
83
83
  .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover {
84
- color: #00000073;
85
- justify-content: center;
86
- align-items: center;
87
84
  width: 12px;
88
85
  height: 12px;
86
+ color: var(--color-text-2);
87
+ justify-content: center;
88
+ align-items: center;
89
89
  margin-left: 0;
90
90
  transition: color .2s;
91
91
  display: flex;
92
92
  }
93
93
 
94
94
  .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover:hover {
95
- color: #000000a6;
95
+ color: var(--color-text-1);
96
96
  }
97
97
 
98
98
  .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover svg {
@@ -107,16 +107,16 @@
107
107
  }
108
108
 
109
109
  .dropdownContent-OfV283 {
110
- background-color: #fff;
111
- border: 1px solid #d9d9d9;
112
- border-radius: 2px;
110
+ background-color: var(--color-bg-2);
111
+ border: 1px solid var(--color-border-2);
112
+ border-radius: var(--border-radius-small);
113
+ box-shadow: var(--shadow2-down);
113
114
  min-width: 320px;
114
115
  padding: 8px;
115
- box-shadow: 0 2px 8px #0000001a;
116
116
  }
117
117
 
118
118
  .dropdownHeader-nILpAL {
119
- border-bottom: 1px solid #fafafa;
119
+ border-bottom: 1px solid var(--color-border-1);
120
120
  justify-content: space-between;
121
121
  align-items: center;
122
122
  height: 32px;
@@ -138,19 +138,19 @@
138
138
  }
139
139
 
140
140
  .dropdownHeader-nILpAL .selectAll-H78Ezl .selectAllText-XhWUCP {
141
- color: #1890ff;
141
+ color: rgb(var(--primary-6));
142
142
  font-size: 14px;
143
143
  }
144
144
 
145
145
  .dropdownHeader-nILpAL .clearBtn-aUkoKx {
146
- color: #00000073;
146
+ color: var(--color-text-3);
147
147
  cursor: pointer;
148
148
  font-size: 14px;
149
149
  transition: color .2s;
150
150
  }
151
151
 
152
152
  .dropdownHeader-nILpAL .clearBtn-aUkoKx:hover {
153
- color: #1890ff;
153
+ color: rgb(var(--primary-6));
154
154
  }
155
155
 
156
156
  .optionsGrid-aFw9nI {
@@ -161,7 +161,7 @@
161
161
  }
162
162
 
163
163
  .optionCheckbox-FLZ7GF {
164
- border-radius: 2px;
164
+ border-radius: var(--border-radius-small);
165
165
  align-items: center;
166
166
  height: 32px;
167
167
  margin: 0;
@@ -171,12 +171,12 @@
171
171
  }
172
172
 
173
173
  .optionCheckbox-FLZ7GF:hover {
174
- background-color: #fafafa;
174
+ background-color: var(--color-fill-2);
175
175
  }
176
176
 
177
177
  .optionCheckbox-FLZ7GF .arco-checkbox-inner {
178
- border-color: #d9d9d9;
179
- border-radius: 2px;
178
+ border-radius: var(--border-radius-small);
179
+ border-color: var(--color-border-2);
180
180
  width: 16px;
181
181
  height: 16px;
182
182
  }
@@ -190,8 +190,8 @@
190
190
  }
191
191
 
192
192
  .optionCheckbox-FLZ7GF.optionCheckboxSelected-FFTvH6 .arco-checkbox-inner {
193
- background-color: #1890ff;
194
- border-color: #1890ff;
193
+ background-color: rgb(var(--primary-6));
194
+ border-color: rgb(var(--primary-6));
195
195
  }
196
196
 
197
197
  .optionCheckbox-FLZ7GF.optionCheckboxDisabled-lcXcnC {
@@ -200,8 +200,8 @@
200
200
  }
201
201
 
202
202
  .optionCheckbox-FLZ7GF.optionCheckboxDisabled-lcXcnC .arco-checkbox-inner {
203
- background-color: #fafafa;
204
- border-color: #d9d9d9;
203
+ background-color: var(--color-fill-2);
204
+ border-color: var(--color-border-2);
205
205
  }
206
206
 
207
207
  .optionCheckbox-FLZ7GF .arco-checkbox-text {
@@ -209,7 +209,7 @@
209
209
  }
210
210
 
211
211
  .optionLabel-KSY4BV {
212
- color: #000000d9;
212
+ color: var(--color-text-1);
213
213
  user-select: none;
214
214
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
215
215
  font-size: 14px;
@@ -224,11 +224,11 @@
224
224
  }
225
225
 
226
226
  .optionsGrid-aFw9nI::-webkit-scrollbar-thumb {
227
- background: #d9d9d9;
227
+ background: var(--color-border-2);
228
228
  border-radius: 3px;
229
229
  }
230
230
 
231
231
  .optionsGrid-aFw9nI::-webkit-scrollbar-thumb:hover {
232
- background: #00000073;
232
+ background: var(--color-text-3);
233
233
  }
234
234
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@publishfx/publish-components",
3
- "version": "2.1.2",
3
+ "version": "2.1.3",
4
4
  "description": "A React UI component library for the Publish platform, including ActionButton component",
5
5
  "type": "module",
6
6
  "keywords": [