optimized-react-component-library-xyz123 2.5.9 → 2.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "2.5.9",
+  "version": "2.5.11",
   "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",

package/src/css/darkMode.css

@@ -67,7 +67,6 @@
     color: var(--dark-text);
   }
 
-
   /*--Navigation header / menu ----*/
 
   .pts-navigation-header-container {
@@ -75,81 +74,74 @@
   }
 
   .pts-navigation-header-logo-container,
-  .pts-navigation-header-headline-container  {
-    border-color: var(--dark-background-third)!important;
+  .pts-navigation-header-headline-container {
+    border-color: var(--dark-background-third) !important;
   }
- .pts-navigation-header-nav-container button svg path,
- .pts-navigation-header-nav-container button svg line{
+  .pts-navigation-header-nav-container button svg path,
+  .pts-navigation-header-nav-container button svg line {
     color: var(--dark-text);
     fill: var(--dark-text);
     stroke: var(--dark-text);
   }
 
-.pts-navigation-header-container svg path {
-  fill: var(--dark-text);
-}
-
-  
-.pts-navigation-header-nav-container,
-.pts-navigation-header-button-label {
-  background: var(--dark-background-second);
-  color: var(--dark-text);
-}
-
-.pts-expand-icon svg rect{
-  fill: var(--dark-action);
-}
-
-
-.pts-contract-icon svg rect{
-  fill: var(--dark-orientation-active);
-}
+  .pts-navigation-header-container svg path {
+    fill: var(--dark-text);
+  }
 
+  .pts-navigation-header-nav-container,
+  .pts-navigation-header-button-label {
+    background: var(--dark-background-second);
+    color: var(--dark-text);
+  }
 
-.pts-navigation-close-text{
-  color: var(--dark-text);
-}
+  .pts-expand-icon svg rect {
+    fill: var(--dark-action);
+  }
 
-.pts-navigation-close-button{
-  background: var(--dark-main);
-  color: var(--dark-text);
-}
+  .pts-contract-icon svg rect {
+    fill: var(--dark-orientation-active);
+  }
 
-.pts-navigation-close-button svg path{
-  stroke: var(--dark-text);
-}
+  .pts-navigation-close-text {
+    color: var(--dark-text);
+  }
 
-.pts-navigation-link-expand-button{
-background-color: var(--dark-main);
-}
+  .pts-navigation-close-button {
+    background: var(--dark-main);
+    color: var(--dark-text);
+  }
 
-.pts-navigation-link-expand-button svg path{
-  stroke: var(--dark-main)!important;
-}
+  .pts-navigation-close-button svg path {
+    stroke: var(--dark-text);
+  }
 
-.pts-navigation-with-close-button,
-.pts-navigation-menu-container,
-.pts-navigation-button,
-.pts-navigation-close-container,
-.pts-sub-navigation-item,
-.pts-sub-navigation-item a,
-.pts-navigation-button > a {
-  background: var(--dark-main);
-  color: var(--dark-text);
-  border-color: var(--dark-background-third);
-}
+  .pts-navigation-link-expand-button {
+    background-color: var(--dark-main);
+  }
 
-.pts-navigation-button  a {
+  .pts-navigation-link-expand-button svg path {
+    stroke: var(--dark-main) !important;
+  }
 
-  color: var(--dark-text);
+  .pts-navigation-with-close-button,
+  .pts-navigation-menu-container,
+  .pts-navigation-button,
+  .pts-navigation-close-container,
+  .pts-sub-navigation-item,
+  .pts-sub-navigation-item a,
+  .pts-navigation-button > a {
+    background: var(--dark-main);
+    color: var(--dark-text);
+    border-color: var(--dark-background-third);
+  }
 
-}
+  .pts-navigation-button a {
+    color: var(--dark-text);
+  }
 
-.pts-sub-navigation-container {
+  .pts-sub-navigation-container {
     border-left: var(--dark-action) 5px solid;
-}
-
-
+  }
 
   /*-------MAIN CONTENT-------*/
   section,
@@ -171,7 +163,6 @@ background-color: var(--dark-main);
   .MoreInfoIcon svg {
     background-color: var(--dark-action);
   }
- 
 
   .pts-serviceHeadlineAndBody-container a svg path,
   .MoreInfoIcon svg path {
@@ -317,18 +308,18 @@ background-color: var(--dark-main);
     background-color: var(--dark-action);
   }
 
-  /* ---------- RADIO MULTIPLE WHITH INFO ---------- */
+  /* ---------- RADIO MULTIPLE WHITH INFO 2 ---------- */
 
-  .pts-radioMultipleWithInfo-container input[type='radio']:checked::before {
+  .pts-radioMultipleWithInfo2-container input[type='radio']:checked::before {
     background-color: var(--dark-main);
   }
-  
-  .pts-radio-collapse-button-container{
+
+  .pts-radio-collapse-button-container {
     background-color: var(--dark-action);
   }
 
   .pts-radio-collapse-body.open {
-    border-color:var(--dark-action);
+    border-color: var(--dark-action);
   }
 
   /* ---------- MULTIPLE CHECKBOXES ---------- */
@@ -437,11 +428,11 @@ background-color: var(--dark-main);
     stroke: #000000;
   }
 
-    /*---------- LINK STANDARD ------------*/
- .pts-standard-link-icon svg {
+  /*---------- LINK STANDARD ------------*/
+  .pts-standard-link-icon svg {
     background-color: var(--dark-action);
   }
-   .pts-standard-link svg path{
+  .pts-standard-link svg path {
     fill: var(--dark-main);
     color: #000000;
   }
@@ -451,20 +442,20 @@ background-color: var(--dark-main);
   }
 
   /*----------------- COLLAPSE -----------------*/
-   .pts-collapse-content{
-    color:var(--dark-text);
+  .pts-collapse-content {
+    color: var(--dark-text);
   }
 
   .pts-collapse-button {
     background-color: var(--dark-action);
-    color:var(--dark-main);
+    color: var(--dark-main);
   }
 
-  .pts-open-close-icon svg path{
+  .pts-open-close-icon svg path {
     fill: var(--dark-main);
   }
 
- .pts-collapse-body.open{
+  .pts-collapse-body.open {
     border-color: var(--dark-info);
     background: var(--dark-main);
   }
@@ -534,6 +525,4 @@ background-color: var(--dark-main);
   input:-moz-autofill {
     box-shadow: 0 0 0 1000px transparent inset !important;
   }
-
-
 }

package/src/css/questions.css

@@ -124,8 +124,8 @@ div.pts-root-question:last-child {
 }
 
 /* ---------- RADIO MULTIPLE ---------- */
-.pts-radioMultiple-container input[type='radio'], 
-.pts-radioMultipleWithInfo-container input[type='radio'] {
+.pts-radioMultiple-container input[type='radio'],
+.pts-radioMultipleWithInfo2-container input[type='radio'] {
   appearance: none;
   width: 1.8rem;
   height: 1.8rem;
@@ -139,7 +139,7 @@ div.pts-root-question:last-child {
 }
 
 .pts-radioMultiple-container input[type='radio']:checked::before,
-.pts-radioMultipleWithInfo-container input[type='radio']:checked::before {
+.pts-radioMultipleWithInfo2-container input[type='radio']:checked::before {
   content: '';
   position: absolute;
   top: 50%;
@@ -152,23 +152,22 @@ div.pts-root-question:last-child {
 }
 
 .pts-radioMultiple-container label,
-.pts-radioMultipleWithInfo-container label{
+.pts-radioMultipleWithInfo2-container label {
   position: relative;
   flex: 1;
   cursor: pointer;
 }
 
-
 /****RADIO MULTIPLE WITH INFO*/
 
-.pts-radioWithInfo-sub-headline{
-    margin-block-start: 3.6rem;
-    margin-block-end: 1.6rem;
-    font-size: 18px;
-    font-weight: 700;
+.pts-radioWithInfo-sub-headline {
+  margin-block-start: 3.6rem;
+  margin-block-end: 1.6rem;
+  font-size: 18px;
+  font-weight: 700;
 }
 
-.pts-radioMultipleWithInfo-container label{
+.pts-radioMultipleWithInfo2-container label {
   padding-top: 2px;
 }
 
@@ -197,20 +196,19 @@ div.pts-root-question:last-child {
   border-radius: 8px 8px 0 0;
 }
 
-.pts-radio-collapse-button-container input{
+.pts-radio-collapse-button-container input {
   background-color: var(--main);
 }
 
 .pts-radio-collapse-button {
-  all:unset;
+  all: unset;
   display: grid;
-  grid-template-columns:  95% 5%;
+  grid-template-columns: 95% 5%;
   background-color: transparent;
   padding-bottom: 1px;
 }
 
-
-.pts-radio-collapse-button svg path{
+.pts-radio-collapse-button svg path {
   fill: var(--text);
 }
 
@@ -225,13 +223,12 @@ div.pts-root-question:last-child {
   grid-template-rows: 1fr;
   border: 2px solid var(--background);
   border-top: none;
-  border-radius:0 0 8px 8px;
+  border-radius: 0 0 8px 8px;
   padding: 1.6rem;
 }
 
 .pts-radio-collapse-content {
   overflow: hidden;
- 
 }
 
 /* ---------- SINGLE CHECKBOX ---------- */