optimized-react-component-library-xyz123 0.10.3 → 0.10.5

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.10.3",
3
+ "version": "0.10.5",
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",
@@ -181,16 +181,6 @@
181
181
  color: var(--dark-text);
182
182
  }
183
183
 
184
- input:-webkit-autofill,
185
- input:-webkit-autofill:hover,
186
- input:-webkit-autofill:focus,
187
- input:-webkit-autofill:active {
188
- -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
189
- box-shadow: 0 0 0 1000px var(--dark-main) inset !important;
190
- -webkit-text-fill-color: var(--dark-info) !important;
191
- transition: background-color 9999s ease-in-out 0s !important;
192
- }
193
-
194
184
 
195
185
  /* ---------- STEPPER BUTTON ---------- */
196
186
 
@@ -147,11 +147,11 @@
147
147
  position: relative;
148
148
  }
149
149
 
150
- .pts-stepper-step:not(:last-child)::after {
151
- left: calc(50% + 3rem);
152
- width: calc(33.33vw - 10rem);
153
- right: auto;
154
- }
150
+ .pts-stepper-step:not(:last-child)::after {
151
+ left: calc(50% + 3.6rem);
152
+ right: calc(-50% + 3.6rem);
153
+ width: calc(33.33vw - 13.5rem) !important;
154
+ }
155
155
 
156
156
  .pts-shortNameInStepper {
157
157
  display: none;
@@ -297,17 +297,39 @@
297
297
  }
298
298
  }
299
299
 
300
+ /********************************************/
301
+ /***************WIDTH: 530 ******************/
302
+ /********************************************/
303
+ @media (max-width: 550px) {
304
+ .pts-stepper-step:not(:last-child)::after {
305
+ left: calc(50% + 3.6rem);
306
+ right: calc(-50% + 3.6rem);
307
+ width: calc(33.33vw - 11.5rem) !important;
308
+ }
309
+ }
310
+
300
311
  /********************************************/
301
312
  /***************WIDTH: 480 ******************/
302
313
  /********************************************/
303
314
  @media (max-width: 480px) {
304
- .pts-stepper-step:not(:last-child)::after {
305
- left: calc(50% + 2rem) !important;
306
- width: calc(33.33vw - 7.7rem) !important;
307
- right: auto !important;
308
- }
315
+ .pts-stepper-step:not(:last-child)::after {
316
+ left: calc(50% + 3.6rem);
317
+ right: calc(-50% + 3.6rem);
318
+ width: calc(33.33vw - 9.5rem) !important;
319
+ }
309
320
 
310
321
  .files-upload {
311
322
  padding: 0 0.5rem;
312
323
  }
313
324
  }
325
+
326
+ /********************************************/
327
+ /***************WIDTH: 400 ******************/
328
+ /********************************************/
329
+ @media (max-width: 400px) {
330
+ .pts-stepper-step:not(:last-child)::after {
331
+ left: calc(50% + 3.6rem);
332
+ right: calc(-50% + 3.6rem);
333
+ width: calc(33.33vw - 8rem) !important;
334
+ }
335
+ }
@@ -109,18 +109,6 @@ div.pts-root-question:last-child {
109
109
  height: 4.8rem;
110
110
  }
111
111
 
112
-
113
-
114
- input:-webkit-autofill,
115
- input:-webkit-autofill:hover,
116
- input:-webkit-autofill:focus,
117
- input:-webkit-autofill:active {
118
- -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
119
- box-shadow: 0 0 0 1000px #FFFFFF inset !important;
120
- -webkit-text-fill-color: var(--info) !important;
121
- transition: background-color 9999s ease-in-out 0s !important;
122
- }
123
-
124
112
  /* ---------- RADIO MULTIPLE ---------- */
125
113
 
126
114
  .pts-radioMultiple-container input[type='radio'] {