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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "0.1.148",
+  "version": "0.1.149",
   "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,6 +39,11 @@
   .pts-footer-container .pts-footer-linkList ul li:not(:last-child)::after {
     display: none;
   }
+  
+  .unsetMargin-Padding {
+    margin: 0;
+    padding: 0;
+}
 }
 
 /********************************************/
@@ -161,11 +166,6 @@
     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,7 +177,6 @@
 
   .fileItem {
     display: grid !important;
-    grid-template-columns: 26px 75% 60px;
     margin: 0;
   }
 

package/src/css/styles.css

@@ -166,7 +166,6 @@ fieldset {
 .pts-root-question {
   display: flex;
   flex-direction: column;
-  margin-bottom: 1.6rem;
   max-width: 624px;
 }
 
@@ -180,12 +179,20 @@ 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;
 }
 
@@ -195,9 +202,10 @@ 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);
@@ -284,11 +292,6 @@ 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'] {
@@ -421,7 +424,6 @@ textarea:focus-visible,
 .pts-stepper-container {
   display: flex;
   width: 100%;
-  margin-top: 2rem;
 }
 
 .pts-stepper-step {
@@ -689,8 +691,10 @@ textarea:focus-visible,
 
 /* ---------- TEXTFIELD / TEXTAREA ABOUT ---------- */
 
-.pts-question-hasAbout label {
-  margin-bottom: 4px;
+.pts-textField-container
+
+.pts-textField-container{
+  margin-top: 8px;
 }
 
 .pts-about {
@@ -800,6 +804,14 @@ textarea:focus-visible,
   margin-bottom: 36px;
 }
 
+.pts-edit-step-button{
+  text-decoration: none;
+}
+
+.pts-edit-step-text{
+  padding-left: 5px;
+}
+
 .h3andPreviewLink {
   display: flex;
   align-items: center;
@@ -813,7 +825,7 @@ textarea:focus-visible,
 
 .pts-legend {
   display: block;
-  margin-bottom: 3.6rem;
+  margin-bottom: 2.8rem;
 }
 
 .multipleCheckboxes-legend {
@@ -847,7 +859,8 @@ textarea:focus-visible,
   margin-inline-start: 0px;
   border-bottom: 1px solid #ddd;
   line-height: 2.4rem;
-  margin: 0 !important;
+  margin: 0;
+  width: auto;
 }
 
 .pts-preview-page dt {
@@ -937,7 +950,6 @@ textarea:focus-visible,
 
 .pts-errorSummary-container {
   padding: 1.6rem 2.4rem 1.6rem 2.4rem;
-  margin-top: 3.6rem;
   border-radius: 0.8rem;
   border: 0.1rem solid var(--error);
   border-left: 4rem solid var(--error);