optimized-react-component-library-xyz123 2.3.1 → 2.3.2
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 +20 -3
- package/dist/index.d.ts +20 -3
- package/dist/index.js +448 -378
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +435 -367
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/styles.css +42 -7
package/package.json
CHANGED
package/src/css/styles.css
CHANGED
|
@@ -10,12 +10,12 @@
|
|
|
10
10
|
--error: #8e0039;
|
|
11
11
|
--main: #ffffff;
|
|
12
12
|
--info: #545454;
|
|
13
|
+
--alertintext: #234b96;
|
|
13
14
|
--orientation-active: #dc7d0a;
|
|
14
15
|
--background-second: #200827;
|
|
15
16
|
--background-third: #414141;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
|
-
|
|
19
19
|
#main-content {
|
|
20
20
|
padding-top: 3.6rem;
|
|
21
21
|
padding-bottom: 6.4rem;
|
|
@@ -248,9 +248,12 @@ input:focus-visible:-webkit-autofill {
|
|
|
248
248
|
}
|
|
249
249
|
|
|
250
250
|
/* ---------- TextBODY ---------- */
|
|
251
|
-
|
|
251
|
+
.pts-textBody-container {
|
|
252
|
+
margin: 0;
|
|
253
|
+
}
|
|
252
254
|
.pts-textBody-container p {
|
|
253
255
|
margin-bottom: 1.6rem;
|
|
256
|
+
margin-top: 0;
|
|
254
257
|
}
|
|
255
258
|
|
|
256
259
|
.MoreInfoIcon {
|
|
@@ -286,6 +289,12 @@ input:focus-visible:-webkit-autofill {
|
|
|
286
289
|
flex-shrink: 0;
|
|
287
290
|
margin-right: 1.6rem;
|
|
288
291
|
}
|
|
292
|
+
.pts-textbody-alerttext {
|
|
293
|
+
margin-top: 0;
|
|
294
|
+
}
|
|
295
|
+
.pts-textbody-createspace {
|
|
296
|
+
margin-bottom: 3.6rem;
|
|
297
|
+
}
|
|
289
298
|
|
|
290
299
|
/* ---------- TEXT HEADLINE AND BODY ---------- */
|
|
291
300
|
|
|
@@ -694,6 +703,37 @@ input:focus-visible:-webkit-autofill {
|
|
|
694
703
|
transform: rotate(360deg);
|
|
695
704
|
}
|
|
696
705
|
}
|
|
706
|
+
/* ---------- ALERT IN TEXT ---------- */
|
|
707
|
+
.pts-alertInText-container {
|
|
708
|
+
display: flex;
|
|
709
|
+
width: 100%;
|
|
710
|
+
justify-content: flex-start;
|
|
711
|
+
}
|
|
712
|
+
.pts-alertInText-left {
|
|
713
|
+
display: flex;
|
|
714
|
+
justify-content: flex-start;
|
|
715
|
+
align-items: flex-start;
|
|
716
|
+
gap: 10px;
|
|
717
|
+
align-self: stretch;
|
|
718
|
+
border-top-left-radius: 8px;
|
|
719
|
+
border-bottom-left-radius: 8px;
|
|
720
|
+
border: 1px solid var(--alertintext);
|
|
721
|
+
background-color: var(--alertintext);
|
|
722
|
+
padding: 8px;
|
|
723
|
+
padding-top: 16px;
|
|
724
|
+
}
|
|
725
|
+
.pts-alertInText-right {
|
|
726
|
+
display: flex;
|
|
727
|
+
padding: 1.6rem;
|
|
728
|
+
justify-content: flex-start;
|
|
729
|
+
align-items: flex-start;
|
|
730
|
+
width: 100%;
|
|
731
|
+
border-top-right-radius: 8px;
|
|
732
|
+
border-bottom-right-radius: 8px;
|
|
733
|
+
border: 1px solid var(--alertintext);
|
|
734
|
+
color: var(--text);
|
|
735
|
+
}
|
|
736
|
+
|
|
697
737
|
/*-----------ALWAYS IN THE END OF STYLES----------------*/
|
|
698
738
|
|
|
699
739
|
.cleanPadding {
|
|
@@ -717,8 +757,3 @@ input:focus-visible:-webkit-autofill {
|
|
|
717
757
|
white-space: nowrap;
|
|
718
758
|
border: 0;
|
|
719
759
|
}
|
|
720
|
-
|
|
721
|
-
.hide-asterix .pts-root-mandatoryAsterisk {
|
|
722
|
-
display: none;
|
|
723
|
-
}
|
|
724
|
-
|