optimized-react-component-library-xyz123 0.3.2 → 0.4.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.
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +14 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -2
- package/src/css/darkMode.css +52 -69
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "optimized-react-component-library-xyz123",
|
|
3
|
-
"version": "0.3
|
|
3
|
+
"version": "0.4.3",
|
|
4
4
|
"description": "A modern React component library using TypeScript with React 19 support.",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -72,7 +72,6 @@
|
|
|
72
72
|
"clsx": "^2.1.1",
|
|
73
73
|
"date-fns": "^4.1.0",
|
|
74
74
|
"dompurify": "^3.2.6",
|
|
75
|
-
"optimized-react-component-library-xyz123": "^0.1.129",
|
|
76
75
|
"react-bootstrap": "^2.10.10",
|
|
77
76
|
"react-dropzone": "^14.3.8"
|
|
78
77
|
}
|
package/src/css/darkMode.css
CHANGED
|
@@ -56,10 +56,6 @@
|
|
|
56
56
|
background-color: var(--dark-background-second);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
.pts-header-container svg{
|
|
60
|
-
color: var(--dark-text);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
59
|
.pts-header-container svg path{
|
|
64
60
|
fill: var(--dark-text);
|
|
65
61
|
}
|
|
@@ -67,7 +63,6 @@
|
|
|
67
63
|
.pts-languageButton{
|
|
68
64
|
color:var(--dark-text);
|
|
69
65
|
}
|
|
70
|
-
|
|
71
66
|
/*-------MAIN CONTENT-------*/
|
|
72
67
|
section,
|
|
73
68
|
.pts-form-step-header {
|
|
@@ -78,55 +73,6 @@
|
|
|
78
73
|
color: var(--dark-action);
|
|
79
74
|
}
|
|
80
75
|
|
|
81
|
-
/* ---------- SERVICE HEADLINE AND BODY ---------- */
|
|
82
|
-
|
|
83
|
-
.pts-serviceHeadlineAndBody-container a {
|
|
84
|
-
color: var(--dark-action);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.pts-serviceHeadlineAndBody-container a svg,
|
|
88
|
-
.MoreInfoIcon svg {
|
|
89
|
-
background-color: var(--dark-action);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.pts-serviceHeadlineAndBody-container a svg path,
|
|
93
|
-
.MoreInfoIcon svg path {
|
|
94
|
-
fill: var(--dark-main);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
.pts-moreinfo-list a {
|
|
99
|
-
color: var(--dark-action);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.pts-moreinfo-list svg {
|
|
103
|
-
background-color: var(--dark-action);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.pts-moreinfo-list svg path {
|
|
107
|
-
fill: var(--dark-main);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
/* ---------- STEPPER ---------- */
|
|
111
|
-
|
|
112
|
-
.pts-stepperDot {
|
|
113
|
-
background-color: var(--dark-text);
|
|
114
|
-
color: var(--dark-main);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.pts-stepperDotActive {
|
|
118
|
-
background-color: var(--dark-orientation-active);
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.pts-stepper-step:not(:last-child)::after {
|
|
122
|
-
background-color: var(--dark-text);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.pts-stepperDotDone,
|
|
126
|
-
.pts-stepperDotDone svg path {
|
|
127
|
-
background-color: var(--dark-action);
|
|
128
|
-
stroke: var(--dark-main);
|
|
129
|
-
}
|
|
130
76
|
|
|
131
77
|
/*-----------QUESTIONS--------------*/
|
|
132
78
|
|
|
@@ -181,7 +127,56 @@
|
|
|
181
127
|
color: var(--dark-text);
|
|
182
128
|
}
|
|
183
129
|
|
|
130
|
+
/* ---------- SERVICE HEADLINE AND BODY ---------- */
|
|
131
|
+
|
|
132
|
+
.pts-serviceHeadlineAndBody-container a {
|
|
133
|
+
color: var(--dark-action);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.pts-serviceHeadlineAndBody-container a svg,
|
|
137
|
+
.MoreInfoIcon svg {
|
|
138
|
+
background-color: var(--dark-action);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.pts-serviceHeadlineAndBody-container a svg path,
|
|
142
|
+
.MoreInfoIcon svg path {
|
|
143
|
+
fill: var(--dark-main);
|
|
144
|
+
}
|
|
184
145
|
|
|
146
|
+
|
|
147
|
+
.pts-moreinfo-list a {
|
|
148
|
+
color: var(--dark-action);
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.pts-moreinfo-list svg {
|
|
152
|
+
background-color: var(--dark-action);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.pts-moreinfo-list svg path {
|
|
156
|
+
fill: var(--dark-main);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/* ---------- STEPPER ---------- */
|
|
160
|
+
|
|
161
|
+
.pts-stepperDot {
|
|
162
|
+
background-color: var(--dark-text);
|
|
163
|
+
color: var(--dark-main);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.pts-stepperDotActive {
|
|
167
|
+
background-color: var(--dark-orientation-active);
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.pts-stepper-step:not(:last-child)::after {
|
|
171
|
+
background-color: var(--dark-text);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.pts-stepperDotDone,
|
|
175
|
+
.pts-stepperDotDone svg path {
|
|
176
|
+
background-color: var(--dark-action);
|
|
177
|
+
stroke: var(--dark-main);
|
|
178
|
+
}
|
|
179
|
+
|
|
185
180
|
/* ---------- STEPPER BUTTON ---------- */
|
|
186
181
|
|
|
187
182
|
.pts-forwardButton {
|
|
@@ -206,7 +201,6 @@
|
|
|
206
201
|
border-color: var(--dark-action);
|
|
207
202
|
color: var(--dark-action);
|
|
208
203
|
}
|
|
209
|
-
|
|
210
204
|
/* ---------- RADIO MULTIPLE ---------- */
|
|
211
205
|
|
|
212
206
|
.pts-radioMultiple-container input[type='radio'] {
|
|
@@ -228,7 +222,6 @@
|
|
|
228
222
|
background-color: var(--dark-action);
|
|
229
223
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
|
|
230
224
|
}
|
|
231
|
-
|
|
232
225
|
/* ---------- CHECKBOX GROUP ---------- */
|
|
233
226
|
|
|
234
227
|
.pts-checkboxGroup-container input[type='checkbox'] {
|
|
@@ -240,7 +233,6 @@
|
|
|
240
233
|
background-color: var(--dark-action);
|
|
241
234
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
|
|
242
235
|
}
|
|
243
|
-
|
|
244
236
|
/* ---------- TEXTAREA ---------- */
|
|
245
237
|
|
|
246
238
|
.pts-textArea-container textarea {
|
|
@@ -305,6 +297,9 @@
|
|
|
305
297
|
color: var(--dark-action);
|
|
306
298
|
}
|
|
307
299
|
|
|
300
|
+
|
|
301
|
+
|
|
302
|
+
|
|
308
303
|
/* ---------- EDIT PREVIEW LINK ---------- */
|
|
309
304
|
|
|
310
305
|
.pts-editPreviewLink-container button {
|
|
@@ -331,21 +326,9 @@
|
|
|
331
326
|
|
|
332
327
|
.pts-errorSummary-container .errorDot {
|
|
333
328
|
color: var(--dark-error);
|
|
334
|
-
background-color: var(--dark-main);
|
|
335
329
|
}
|
|
336
330
|
|
|
337
331
|
.errorSummary-text {
|
|
338
332
|
color: var(--dark-error) !important;
|
|
339
333
|
}
|
|
340
|
-
|
|
341
|
-
/*-------------MODAL-----------*/
|
|
342
|
-
.pts-modal-content{
|
|
343
|
-
background-color: var(--dark-main);
|
|
344
|
-
color: var(--dark-text);
|
|
345
|
-
}
|
|
346
|
-
|
|
347
|
-
.pts-spinner-border {
|
|
348
|
-
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='94' height='94' viewBox='0 0 94 94' fill='none'%3e%3cpath d='M47 11.75C66.4682 11.75 82.25 27.532 82.25 47C82.25 66.4682 66.4682 82.25 47 82.25C27.532 82.25 11.75 66.4682 11.75 47C11.75 27.532 27.532 11.75 47 11.75Z' stroke='%23B07CBF' stroke-opacity='0.25' stroke-width='7.83333' stroke-linecap='round'/%3e%3cpath d='M47 11.75C66.4682 11.75 82.25 27.532 82.25 47' stroke='%23B07CBF' stroke-width='7.83333' stroke-linecap='round'/%3e%3c/svg%3e");
|
|
349
|
-
|
|
350
|
-
}
|
|
351
334
|
}
|