optimized-react-component-library-xyz123 2.8.9 → 2.8.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "2.8.9",
+  "version": "2.8.10",
   "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

@@ -453,8 +453,7 @@
     color: var(--dark-main);
   }
 
-  .pts-open-close-icon svg path,
-  .pts-collapse-open-close-icon svg path{
+  .pts-open-close-icon svg path {
     fill: var(--dark-main);
   }
 
@@ -507,7 +506,7 @@
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='94' height='94' viewBox='0 0 94 94' fill='none'%3e%3cpath d='M47 11.75C66.4682 11.75 82.25 27.532 82.25 47C82.25 66.4682 66.4682 82.25 47 82.25C27.532 82.25 11.75 66.4682 11.75 47C11.75 27.532 27.532 11.75 47 11.75Z' stroke='%23B07CBF' stroke-opacity='0.25' stroke-width='7.83333' stroke-linecap='round'/%3e%3cpath d='M47 11.75C66.4682 11.75 82.25 27.532 82.25 47' stroke='%23B07CBF' stroke-width='7.83333' stroke-linecap='round'/%3e%3c/svg%3e");
   }
 
-  .pts-modal-overlay, .pts-navigation-overlay {
+  .pts-modal-overlay {
     background-color: rgba(255, 255, 255, 0.5);
   }
 
@@ -518,14 +517,17 @@
     background-color: var(--dark-alertintext);
   }
   .pts-alertInText-left svg circle {
-    fill: var(--dark-background);
+    fill: var(--dark-main);
   }
+
   .pts-alertInText-left svg rect {
     fill: var(--dark-alertintext);
   }
+
   .pts-alertInText-left svg .pts-alertInText-icon-dot-over-i {
     fill: var(--dark-alertintext);
   }
+  
   .pts-alertInText-right {
     border: 1px solid var(--dark-alertintext);
     color: var(--dark-alertintext-text);

package/src/css/e-tjanst-root.css

@@ -58,8 +58,7 @@ h2:focus:focus-visible,
 }
 
 h1,
-h2,
-h3 {
+h2 {
   margin: 0;
   margin-bottom: 3.6rem;
 }
@@ -75,6 +74,7 @@ h2 {
 
 h3 {
   font-size: 1.6rem;
+  margin-bottom: 1.6rem;
 }
 
 h4 {

package/src/css/questions.css

@@ -151,6 +151,10 @@ div.pts-root-question:last-child {
   background-color: var(--action);
 }
 
+.pts-radioMultipleWithInfo2-container input[type='radio'] {
+  margin: auto;
+}
+
 .pts-radioMultiple-container label,
 .pts-radioMultipleWithInfo2-container label {
   position: relative;
@@ -163,12 +167,12 @@ div.pts-root-question:last-child {
 .pts-radioWithInfo-sub-headline {
   margin-block-start: 3.6rem;
   margin-block-end: 1.6rem;
-  font-size: 18px;
+  font-size: 1.8rem;
   font-weight: 700;
 }
 
 .pts-radioMultipleWithInfo2-container label {
-  padding-top: 2px;
+  padding-top: 0.2rem;
 }
 
 .pts-radio-collapse {
@@ -189,11 +193,11 @@ div.pts-root-question:last-child {
   display: grid;
   text-align: left;
   grid-template-columns: 5% 90% 5%;
-  align-items: center;
+  align-items: flex-start;
 }
 
 .pts-radio-collapse-button-container.open {
-  border-radius: 8px 8px 0 0;
+  border-radius: 0.8rem 0.8rem 0 0;
 }
 
 .pts-radio-collapse-button-container input {
@@ -269,6 +273,13 @@ div.pts-root-question:last-child {
   margin-top: 0.2rem;
 }
 
+
+/*-------- INFO ONLY-------- */
+.pts-root-question:has(.pts-textbody-createspace){
+  max-width: 100%;
+}
+
+
 /*-------- CHECKBOX GROUP-------- */
 
 .pts-checkboxGroup-options {

package/src/css/styles.css

@@ -351,7 +351,7 @@ input:focus-visible:-webkit-autofill {
   transform: translateX(100%);
   transition:
     transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
-    opacity 0.1s;
+    opacity 1s;
 }
 
 .pts-navigation-menu-container.open {
@@ -384,7 +384,6 @@ input:focus-visible:-webkit-autofill {
 }
 
 .pts-navigation-link-expand-button {
-  all:unset;
   border: none;
   padding: 0;
   cursor: pointer;
@@ -524,6 +523,7 @@ input:focus-visible:-webkit-autofill {
   flex-shrink: 0;
   margin-right: 1.6rem;
 }
+
 .pts-textbody-alerttext {
   margin-top: 0;
 }
@@ -531,6 +531,7 @@ input:focus-visible:-webkit-autofill {
   margin-bottom: 3.6rem;
 }
 
+
 /* ---------- TEXT HEADLINE AND BODY ---------- */
 
 .pts-textHeadlineAndBody-container .notFirstInList {
@@ -659,23 +660,13 @@ input:focus-visible:-webkit-autofill {
   font-size: 1.6rem;
 }
 
-.pts-collapse-open-close-icon.open {
+.pts-collapse-button.open {
   border-radius: 8px 8px 0 0;
 }
 
-.pts-collapse-open-close-icon svg{
-  width: 2.4rem;
-  height: 2.4rem;
-  position: relative;
-  top: 3px;
-}
-  
-
 .pts-collapse-button .pts-open-close-icon svg {
   width: 2.4rem;
   height: 2.4rem;
-  position: relative;
-  top: 3px;
 }
 
 .pts-collapse-body {
@@ -691,7 +682,6 @@ input:focus-visible:-webkit-autofill {
   border: 2px solid var(--background);
   border-top: none;
   border-radius: 0 0 8px 8px;
-  margin-top: -5px;
 }
 
 .pts-collapse-content {
@@ -739,14 +729,10 @@ input:focus-visible:-webkit-autofill {
   padding: 0;
 }
 .pts-linkList-container li {
-  padding-bottom: 16px;
+  padding: 6px;
   list-style: none;
 }
 
-.pts-linkList-container li:last-child{
-  padding-bottom:0 ;
-}
-
 /* ---------- GRANSKA-Sidan ---------- */
 .pts-editPreviewLink-container {
   display: flex;
@@ -1047,28 +1033,37 @@ input:focus-visible:-webkit-autofill {
     transform: rotate(360deg);
   }
 }
+
 /* ---------- ALERT IN TEXT ---------- */
+
 .pts-alertInText-container {
   display: flex;
   width: 100%;
   justify-content: flex-start;
 }
+
 .pts-alertInText-left {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
-  gap: 10px;
+  gap: 10rem;
   align-self: stretch;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   border: 1px solid var(--alertintext);
   background-color: var(--alertintext);
-  padding: 8px;
-  padding-top: 16px;
+  padding: 0.8rem;
+  padding-top: 1.2rem;
 }
+
+.pts-alertInText-left svg {
+  height: 1.6rem;
+  width: 1.8rem;
+}
+
 .pts-alertInText-right {
   display: flex;
-  padding: 0 1.6rem;
+  padding: 1.6rem 1.6rem 0 1.6rem;
   justify-content: flex-start;
   align-items: flex-start;
   width: 100%;