optimized-react-component-library-xyz123 2.4.1 → 2.5.1

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 (8) hide show
  1. package/dist/index.d.mts +19 -1
  2. package/dist/index.d.ts +19 -1
  3. package/dist/index.js +617 -548
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +589 -522
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/css/styles.css +42 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "2.4.1",
3
+ "version": "2.5.1",
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",
package/src/css/styles.css CHANGED
@@ -10,6 +10,7 @@
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;
@@ -467,9 +468,12 @@ input:focus-visible:-webkit-autofill {
467
468
  }
468
469
 
469
470
  /* ---------- TextBODY ---------- */
470
-
471
+ .pts-textBody-container {
472
+ margin: 0;
473
+ }
471
474
  .pts-textBody-container p {
472
475
  margin-bottom: 1.6rem;
476
+ margin-top: 0;
473
477
  }
474
478
 
475
479
  .pts-standard-link a {
@@ -519,6 +523,12 @@ input:focus-visible:-webkit-autofill {
519
523
  flex-shrink: 0;
520
524
  margin-right: 1.6rem;
521
525
  }
526
+ .pts-textbody-alerttext {
527
+ margin-top: 0;
528
+ }
529
+ .pts-textbody-createspace {
530
+ margin-bottom: 3.6rem;
531
+ }
522
532
 
523
533
  /* ---------- TEXT HEADLINE AND BODY ---------- */
524
534
 
@@ -1021,6 +1031,37 @@ input:focus-visible:-webkit-autofill {
1021
1031
  transform: rotate(360deg);
1022
1032
  }
1023
1033
  }
1034
+ /* ---------- ALERT IN TEXT ---------- */
1035
+ .pts-alertInText-container {
1036
+ display: flex;
1037
+ width: 100%;
1038
+ justify-content: flex-start;
1039
+ }
1040
+ .pts-alertInText-left {
1041
+ display: flex;
1042
+ justify-content: flex-start;
1043
+ align-items: flex-start;
1044
+ gap: 10px;
1045
+ align-self: stretch;
1046
+ border-top-left-radius: 8px;
1047
+ border-bottom-left-radius: 8px;
1048
+ border: 1px solid var(--alertintext);
1049
+ background-color: var(--alertintext);
1050
+ padding: 8px;
1051
+ padding-top: 16px;
1052
+ }
1053
+ .pts-alertInText-right {
1054
+ display: flex;
1055
+ padding: 1.6rem;
1056
+ justify-content: flex-start;
1057
+ align-items: flex-start;
1058
+ width: 100%;
1059
+ border-top-right-radius: 8px;
1060
+ border-bottom-right-radius: 8px;
1061
+ border: 1px solid var(--alertintext);
1062
+ color: var(--text);
1063
+ }
1064
+
1024
1065
  /*-----------ALWAYS IN THE END OF STYLES----------------*/
1025
1066
 
1026
1067
  .cleanPadding {