optimized-react-component-library-xyz123 0.2.5 → 0.2.6

package/package.json

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

@@ -7,7 +7,6 @@
     --dark-info: #808080;
     --dark-orientation-active:#F4BF56;
     --dark-background-second:#200827;
-    --dark-background-third:#747474;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -223,7 +222,17 @@
         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'] {
+        background-color: var(--dark-main);
+        border-color: var(--dark-info);
+    }
+
+    .pts-checkboxGroup-container input[type='checkbox']:checked {
+        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 {
@@ -323,9 +332,3 @@
         color: var(--dark-error) !important;
     }
 }
-
-/*--------------------FOOTER-----------------*/
-
-.pts-footer-slogan-text-container{
-  background-color: var(--dark-background-third);
-}

package/src/css/mobileView.css

@@ -225,15 +225,6 @@
     padding-bottom: 4px;
   }
 
-  .pts-footer-slogan-text-container{
-    padding: 2.4rem 1.6rem;
-  }
-
-  .pts-footer-slogan-text{
-    line-height: 20px;
-  }
-
-
   .pts-footer-logo {
     position: static;
     padding-left: 0;

package/src/css/questions.css

@@ -1,3 +1,4 @@
+
 fieldset {
   border: none;
   padding: 0;
@@ -10,9 +11,9 @@ fieldset {
   max-width: 624px;
 }
 
-div.pts-root-question:last-child {
-  padding-bottom: 0;
-  margin-bottom: 0;
+div.pts-root-question:last-child{
+  padding-bottom: 0 ;
+  margin-bottom: 0 ;
 }
 
 .pts-root-categoryDescription,
@@ -20,7 +21,7 @@ div.pts-root-question:last-child {
   margin-bottom: 3.6rem;
 }
 
-.pts-root-question {
+.pts-root-question{
   margin-bottom: 3.6rem;
 }
 
@@ -32,8 +33,8 @@ div.pts-root-question:last-child {
   cursor: pointer;
 }
 
-.pts-radio-option,
-.pts-root-question legend {
+.pts-radio-option, 
+.pts-root-question legend  {
   margin-bottom: 0.8rem;
 }
 
@@ -45,6 +46,8 @@ div.pts-root-question:last-child {
   line-height: 20px;
 }
 
+
+
 .pts-root-about {
   font-size: 1.4rem;
   color: var(--info);
@@ -92,7 +95,7 @@ div.pts-root-question:last-child {
   border: 0.2rem solid var(--error) !important;
 }
 
-.error-container {
+.error-container{
   padding: 3.6rem 0 0 0;
   margin: 0;
 }
@@ -142,57 +145,49 @@ div.pts-root-question:last-child {
   cursor: pointer;
 }
 
-/* ---------- SINGLE CHECKBOX ---------- */
 
-.pts-singleCheckbox-row {
+/*-------- CHECKBOX GROUP-------- */
+
+.pts-checkboxGroup-options{
   display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  margin-bottom: 0.8rem;
 }
 
-.pts-singleCheckbox-container input[type='checkbox'] {
-  -webkit-appearance: none;
-
+.pts-checkboxGroup-container input[type='checkbox']{
+  appearance: none;
   width: 1.8rem;
   height: 1.8rem;
   margin-right: 0.8rem;
   flex-shrink: 0;
-
   background-color: var(--main);
   border: 0.15rem solid var(--info);
   border-radius: 0.2rem;
-
   cursor: pointer;
 }
 
-.pts-singleCheckbox-container input[type='checkbox']:checked {
+.pts-checkboxGroup-container input[type='checkbox']:checked {
   background-color: var(--action);
   border: none;
   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-singleCheckbox-container label {
+.pts-checkboxGroup-container label{
+  padding-top: 0.3rem;
+  line-height: 20px;
   cursor: pointer;
   margin: 0;
-  padding-top: 0.1rem;
-  margin-top: 0.2rem;
 }
 
 /* ---------- MULTIPLE CHECKBOXES ---------- */
 
-.pts-multipleCheckboxes-container input[type='checkbox'] {
-  -webkit-appearance: none;
-
+.pts-multipleCheckboxes-container input[type='checkbox']{
+  appearance: none;
   width: 1.8rem;
   height: 1.8rem;
   margin-right: 0.8rem;
   flex-shrink: 0;
-
   background-color: var(--main);
   border: 0.15rem solid var(--info);
   border-radius: 0.2rem;
-
   cursor: pointer;
 }
 
@@ -202,7 +197,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;
@@ -221,14 +216,15 @@ 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 {
+.pts-textField-container{
   margin-top: 8px;
 }
 
@@ -245,11 +241,11 @@ div.pts-root-question:last-child {
 }
 
 .pts-textField-container label {
-  margin-bottom: 0.8rem;
+    margin-bottom: 0.8rem;
 }
 
 .pts-question-hasAbout label {
-  margin-bottom: 0.3rem;
+    margin-bottom: 0.3rem;
 }
 
 /* ---------- TEXTAREA ---------- */
@@ -282,6 +278,11 @@ div.pts-root-question:last-child {
   width: 100%;
 }
 
+
+
+
+
+
 /* ---------- FILE UPLOAD ---------- */
 /* ---------- FILE UPLOAD ---------- */
 /* ---------- FILE UPLOAD ---------- */
@@ -950,7 +951,7 @@ div.pts-root-question:last-child {
 
 .addFilesMandatory {
   margin-bottom: 16px;
-  margin-top: 0px;
+     margin-top: 0px;
 }
 
 .addFilesMandatory.error {

package/src/css/styles.css

@@ -11,7 +11,6 @@
   --info: #545454;
   --orientation-active: #dc7d0a;
   --background-second: #200827;
-  --background-third: #414141;
 }
 
 body,
@@ -625,34 +624,17 @@ textarea:focus-visible,
 /* ---------- FOOTER ---------- */
 
 .pts-footer-container {
+  display: flex;
+  min-height: 14rem;
   align-items: center;
   width: 100%;
   background-color: var(--background-second);
 }
 
-.pts-footer-slogan-text-container{
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--background-third);
-  padding: 1.8rem 2.4rem;
-}
-
-.pts-footer-slogan-text{
-  color: var(--main);
-  line-height: 2.4rem;
-  font-size: 2rem;
-  text-box-trim: trim-both;
-  margin: 0;
-  
-}
-
  .pts-footer-content{
     display: flex;
     align-items: center;
     width: 100%;
-    min-height: 14rem;
-    padding: 0.1rem 0;
 }
 
 .pts-footer-logo {