optimized-react-component-library-xyz123 0.30.3 → 0.30.5

package/package.json

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

@@ -139,6 +139,10 @@
     border: 0.2rem solid var(--dark-action);
   }
 
+  .pts-root-question textarea:focus {
+    border: 0.2rem solid var(--dark-action);
+  }
+
   .errorDot {
     color: var(--dark-main);
     background-color: var(--dark-error);
@@ -167,7 +171,8 @@
   a:focus-visible,
   input:focus-visible,
   textarea:focus-visible,
-  .filePickLabel:focus-visible {
+  .filePickLabel:focus-visible,
+  textarea:focus-visible {
     outline-color: #fff !important;
     box-shadow: 0 0 0 4px #000 !important;
   }
@@ -188,6 +193,12 @@
     color: var(--dark-text);
   }
 
+  .pts-root-question textarea {
+    border: 1px solid var(--dark-info);
+    background-color: var(--dark-main);
+    color: var(--dark-text);
+  }
+
   /* ---------- STEPPER BUTTON ---------- */
 
   .pts-forwardButton {

package/src/css/questions.css

@@ -29,7 +29,6 @@ div.pts-root-question:last-child {
 .pts-radio-option {
   display: flex;
   align-items: flex-start;
-  cursor: pointer;
 }
 
 .pts-root-question-group-fieldset legend {
@@ -84,11 +83,11 @@ div.pts-root-question:last-child {
   margin-right: 9px;
 }
 
-.pts-validation-error-icon{
+.pts-validation-error-icon {
   margin-right: 0.9rem;
 }
 
-.pts-validation-error-icon svg{
+.pts-validation-error-icon svg {
   width: 1.65rem;
   height: 1.65rem;
 }
@@ -197,14 +196,13 @@ div.pts-root-question:last-child {
   margin-top: 0.2rem;
 }
 
-
 /*-------- CHECKBOX GROUP-------- */
 
-.pts-checkboxGroup-options{
+.pts-checkboxGroup-options {
   display: flex;
 }
 
-.pts-checkboxGroup-container input[type='checkbox']{
+.pts-checkboxGroup-container input[type='checkbox'] {
   appearance: none;
   width: 1.8rem;
   height: 1.8rem;
@@ -223,7 +221,7 @@ div.pts-root-question:last-child {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
 }
 
-.pts-checkboxGroup-container label{
+.pts-checkboxGroup-container label {
   padding-top: 0.3rem;
   line-height: 20px;
   cursor: pointer;
@@ -232,7 +230,7 @@ div.pts-root-question:last-child {
 
 /* ---------- MULTIPLE CHECKBOXES ---------- */
 
-.pts-multipleCheckboxes-container input[type='checkbox']{
+.pts-multipleCheckboxes-container input[type='checkbox'] {
   appearance: none;
   width: 1.8rem;
   height: 1.8rem;
@@ -250,7 +248,7 @@ div.pts-root-question:last-child {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
 }
 
-.pts-multipleCheckboxes-container label{
+.pts-multipleCheckboxes-container label {
   cursor: pointer;
   margin: 0;
   padding-top: 0.1rem;
@@ -269,12 +267,11 @@ div.pts-root-question:last-child {
   cursor: pointer;
 }
 
-.pts-multipleCheckboxes-container li label{
+.pts-multipleCheckboxes-container li label {
   flex: 1;
   margin-top: 0.2rem;
 }
 
-
 /* ---------- TEXTFIELD / TEXTAREA ABOUT ---------- */
 
 .pts-textField-container {
@@ -331,9 +328,9 @@ div.pts-root-question:last-child {
   width: 100%;
 }
 
- .pts-root-question-group-fieldset  .pts-root-error{
-    margin-bottom: 1.6rem;
- } 
+.pts-root-question-group-fieldset .pts-root-error {
+  margin-bottom: 1.6rem;
+}
 
 /* ---------- FILE UPLOAD ---------- */
 /* ---------- FILE UPLOAD ---------- */
@@ -1089,23 +1086,17 @@ div.pts-root-question:last-child {
 }
 /* ---------- END FILE UPLOAD ---------- */
 
-
-
-
-
-
 input:autofill,
 input:autofill:hover,
 input:autofill:focus,
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus {
-    -webkit-box-shadow: 0 0 0 1000px var(--main) inset !important;
-    box-shadow: 0 0 0 1000px var(--main) inset !important;
-    -webkit-text-fill-color: inherit !important; /* behåller textfärgen */
-    background-color: var(--main) !important;
+  -webkit-box-shadow: 0 0 0 1000px var(--main) inset !important;
+  box-shadow: 0 0 0 1000px var(--main) inset !important;
+  -webkit-text-fill-color: inherit !important; /* behåller textfärgen */
+  background-color: var(--main) !important;
 }
 input:-moz-autofill {
-    box-shadow: 0 0 0 1000px transparent inset !important;
+  box-shadow: 0 0 0 1000px transparent inset !important;
 }
-