optimized-react-component-library-xyz123 2.2.13 → 2.2.16
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 +446 -378
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +433 -367
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/styles.css +39 -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,9 @@ input:focus-visible:-webkit-autofill {
|
|
|
286
289
|
flex-shrink: 0;
|
|
287
290
|
margin-right: 1.6rem;
|
|
288
291
|
}
|
|
292
|
+
.pts-alerttext-in-textbody {
|
|
293
|
+
margin-top: 3.6rem;
|
|
294
|
+
}
|
|
289
295
|
|
|
290
296
|
/* ---------- TEXT HEADLINE AND BODY ---------- */
|
|
291
297
|
|
|
@@ -694,6 +700,37 @@ input:focus-visible:-webkit-autofill {
|
|
|
694
700
|
transform: rotate(360deg);
|
|
695
701
|
}
|
|
696
702
|
}
|
|
703
|
+
/* ---------- ALERT IN TEXT ---------- */
|
|
704
|
+
.pts-alertInText-container {
|
|
705
|
+
display: flex;
|
|
706
|
+
width: 100%;
|
|
707
|
+
justify-content: flex-start;
|
|
708
|
+
}
|
|
709
|
+
.pts-alertInText-left {
|
|
710
|
+
display: flex;
|
|
711
|
+
justify-content: flex-start;
|
|
712
|
+
align-items: flex-start;
|
|
713
|
+
gap: 10px;
|
|
714
|
+
align-self: stretch;
|
|
715
|
+
border-top-left-radius: 8px;
|
|
716
|
+
border-bottom-left-radius: 8px;
|
|
717
|
+
border: 1px solid var(--alertintext);
|
|
718
|
+
background-color: var(--alertintext);
|
|
719
|
+
padding: 8px;
|
|
720
|
+
padding-top: 16px;
|
|
721
|
+
}
|
|
722
|
+
.pts-alertInText-right {
|
|
723
|
+
display: flex;
|
|
724
|
+
padding: 1.6rem;
|
|
725
|
+
justify-content: flex-start;
|
|
726
|
+
align-items: flex-start;
|
|
727
|
+
width: 100%;
|
|
728
|
+
border-top-right-radius: 8px;
|
|
729
|
+
border-bottom-right-radius: 8px;
|
|
730
|
+
border: 1px solid var(--alertintext);
|
|
731
|
+
color: var(--text);
|
|
732
|
+
}
|
|
733
|
+
|
|
697
734
|
/*-----------ALWAYS IN THE END OF STYLES----------------*/
|
|
698
735
|
|
|
699
736
|
.cleanPadding {
|
|
@@ -717,8 +754,3 @@ input:focus-visible:-webkit-autofill {
|
|
|
717
754
|
white-space: nowrap;
|
|
718
755
|
border: 0;
|
|
719
756
|
}
|
|
720
|
-
|
|
721
|
-
.hide-asterix .pts-root-mandatoryAsterisk {
|
|
722
|
-
display: none;
|
|
723
|
-
}
|
|
724
|
-
|