optimized-react-component-library-xyz123 0.5.1 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "0.5.1",
+  "version": "0.7.1",
   "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -72,7 +72,6 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.6",
-    "optimized-react-component-library-xyz123": "^0.1.129",
     "react-bootstrap": "^2.10.10",
     "react-dropzone": "^14.3.8"
   }

package/src/css/darkMode.css

@@ -56,6 +56,10 @@
         background-color: var(--dark-background-second);
     }
 
+    .pts-header-container svg{
+        color: var(--dark-text);
+    }
+
     .pts-header-container svg path{
         fill: var(--dark-text);
     }
@@ -63,6 +67,7 @@
     .pts-languageButton{
         color:var(--dark-text);
     }
+
     /*-------MAIN CONTENT-------*/
     section,
     .pts-form-step-header {
@@ -73,6 +78,55 @@
         color: var(--dark-action);
     }
 
+     /* ---------- SERVICE HEADLINE AND BODY ---------- */
+
+    .pts-serviceHeadlineAndBody-container a {
+        color: var(--dark-action);
+    }
+
+    .pts-serviceHeadlineAndBody-container a svg,
+    .MoreInfoIcon svg {
+        background-color: var(--dark-action);
+    }
+
+    .pts-serviceHeadlineAndBody-container a svg path,
+    .MoreInfoIcon svg path {
+        fill: var(--dark-main);
+    }
+   
+
+    .pts-moreinfo-list a {
+        color: var(--dark-action);
+    }
+
+    .pts-moreinfo-list svg {
+        background-color: var(--dark-action);
+    }
+
+    .pts-moreinfo-list svg path {
+        fill: var(--dark-main);
+    }
+
+    /* ---------- STEPPER ---------- */
+
+    .pts-stepperDot {
+        background-color: var(--dark-text);
+        color: var(--dark-main);
+    }
+
+    .pts-stepperDotActive {
+        background-color: var(--dark-orientation-active);
+    }
+
+    .pts-stepper-step:not(:last-child)::after {
+        background-color: var(--dark-text);
+    }
+
+    .pts-stepperDotDone,
+    .pts-stepperDotDone svg path {
+        background-color: var(--dark-action);
+        stroke: var(--dark-main);
+    }
 
  /*-----------QUESTIONS--------------*/  
 
@@ -127,56 +181,7 @@
         color: var(--dark-text);
     }
 
-    /* ---------- SERVICE HEADLINE AND BODY ---------- */
-
-    .pts-serviceHeadlineAndBody-container a {
-        color: var(--dark-action);
-    }
-
-    .pts-serviceHeadlineAndBody-container a svg,
-    .MoreInfoIcon svg {
-        background-color: var(--dark-action);
-    }
-
-    .pts-serviceHeadlineAndBody-container a svg path,
-    .MoreInfoIcon svg path {
-        fill: var(--dark-main);
-    }
    
-
-    .pts-moreinfo-list a {
-        color: var(--dark-action);
-    }
-
-    .pts-moreinfo-list svg {
-        background-color: var(--dark-action);
-    }
-
-    .pts-moreinfo-list svg path {
-        fill: var(--dark-main);
-    }
-
-    /* ---------- STEPPER ---------- */
-
-    .pts-stepperDot {
-        background-color: var(--dark-text);
-        color: var(--dark-main);
-    }
-
-    .pts-stepperDotActive {
-        background-color: var(--dark-orientation-active);
-    }
-
-    .pts-stepper-step:not(:last-child)::after {
-        background-color: var(--dark-text);
-    }
-
-    .pts-stepperDotDone,
-    .pts-stepperDotDone svg path {
-        background-color: var(--dark-action);
-        stroke: var(--dark-main);
-    }
-
     /* ---------- STEPPER BUTTON ---------- */
 
     .pts-forwardButton {
@@ -201,6 +206,7 @@
         border-color: var(--dark-action);
         color: var(--dark-action);
     }
+
     /* ---------- RADIO MULTIPLE ---------- */
 
     .pts-radioMultiple-container input[type='radio'] {
@@ -222,6 +228,7 @@
         background-color: var(--dark-action);
         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='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
     }
+
   /* ---------- CHECKBOX GROUP ---------- */
 
     .pts-checkboxGroup-container input[type='checkbox'] {
@@ -233,6 +240,7 @@
         background-color: var(--dark-action);
         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='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
     }
+
     /* ---------- TEXTAREA ---------- */
 
     .pts-textArea-container textarea {
@@ -297,9 +305,6 @@
         color: var(--dark-action);
     }
 
-
-     
-  
     /* ---------- EDIT PREVIEW LINK ---------- */
 
     .pts-editPreviewLink-container button {
@@ -326,9 +331,21 @@
 
     .pts-errorSummary-container .errorDot {
         color: var(--dark-error);
+        background-color: var(--dark-main);
     }
 
     .errorSummary-text {
         color: var(--dark-error) !important;
     }
+
+    /*-------------MODAL-----------*/
+    .pts-modal-content{
+        background-color: var(--dark-main);
+        color: var(--dark-text);
+    }
+
+    .pts-spinner-border {
+         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");
+
+    }
 }