optimized-react-component-library-xyz123 0.1.147 → 0.1.148

package/package.json

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

package/src/css/mobileView.css

@@ -39,11 +39,6 @@
   .pts-footer-container .pts-footer-linkList ul li:not(:last-child)::after {
     display: none;
   }
-  
-  .unsetMargin-Padding {
-    margin: 0;
-    padding: 0;
-}
 }
 
 /********************************************/
@@ -166,6 +161,11 @@
     margin-top: 1.6rem;
   }
 
+  .pts-radioMultiple-container,
+  .pts-multipleCheckboxes-container {
+    padding-bottom: 1.6rem;
+  }
+
   .pts-textArea-container textarea {
     width: 100%;
     box-sizing: border-box;
@@ -177,6 +177,7 @@
 
   .fileItem {
     display: grid !important;
+    grid-template-columns: 26px 75% 60px;
     margin: 0;
   }
 

package/src/css/styles.css

@@ -166,6 +166,7 @@ fieldset {
 .pts-root-question {
   display: flex;
   flex-direction: column;
+  margin-bottom: 1.6rem;
   max-width: 624px;
 }
 
@@ -179,20 +180,12 @@ div.pts-root-question:last-child{
   margin-bottom: 3.6rem;
 }
 
-.pts-root-question{
-  margin-bottom: 3.6rem;
-}
-
 .pts-root-question legend,
 .pts-root-question label,
 .pts-radio-option {
   display: flex;
   align-items: flex-start;
   cursor: pointer;
-}
-
-.pts-radio-option, 
-.pts-root-question legend  {
   margin-bottom: 0.8rem;
 }
 
@@ -202,10 +195,9 @@ div.pts-root-question:last-child{
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
+  margin: 0.8rem 0 0.8rem 0;
 }
 
-
-
 .pts-root-about {
   font-size: 1.4rem;
   color: var(--info);
@@ -292,6 +284,11 @@ textarea:focus-visible,
   box-shadow: 0 0 0 0px #000 !important;
 }
 
+.pts-radioMultiple-container,
+.pts-multipleCheckboxes-container {
+  padding-bottom: 2rem;
+}
+
 .pts-root-question input[type='text'],
 .pts-root-question input[type='email'],
 .pts-root-question input[type='tel'] {
@@ -424,6 +421,7 @@ textarea:focus-visible,
 .pts-stepper-container {
   display: flex;
   width: 100%;
+  margin-top: 2rem;
 }
 
 .pts-stepper-step {
@@ -691,10 +689,8 @@ textarea:focus-visible,
 
 /* ---------- TEXTFIELD / TEXTAREA ABOUT ---------- */
 
-.pts-textField-container
-
-.pts-textField-container{
-  margin-top: 8px;
+.pts-question-hasAbout label {
+  margin-bottom: 4px;
 }
 
 .pts-about {
@@ -804,11 +800,6 @@ textarea:focus-visible,
   margin-bottom: 36px;
 }
 
-.pts-edit-step-text{
-  text-decoration: none;
-  padding-left: 5px;
-}
-
 .h3andPreviewLink {
   display: flex;
   align-items: center;
@@ -856,8 +847,7 @@ textarea:focus-visible,
   margin-inline-start: 0px;
   border-bottom: 1px solid #ddd;
   line-height: 2.4rem;
-  margin: 0;
-  width: auto;
+  margin: 0 !important;
 }
 
 .pts-preview-page dt {