optimized-react-component-library-xyz123 2.5.13 → 2.7.1

package/package.json

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

@@ -8,6 +8,8 @@
   --dark-orientation-active: #f4bf56;
   --dark-background-second: #200827;
   --dark-background-third: #747474;
+  --dark-alertintext: #adc7e5;
+  --dark-alertintext-text: #dc7d0a;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -308,20 +310,6 @@
     background-color: var(--dark-action);
   }
 
-  /* ---------- RADIO MULTIPLE WHITH INFO 2 ---------- */
-
-  .pts-radioMultipleWithInfo2-container input[type='radio']:checked::before {
-    background-color: var(--dark-main);
-  }
-
-  .pts-radio-collapse-button-container {
-    background-color: var(--dark-action);
-  }
-
-  .pts-radio-collapse-body.open {
-    border-color: var(--dark-action);
-  }
-
   /* ---------- MULTIPLE CHECKBOXES ---------- */
 
   .pts-multipleCheckboxes-container input[type='checkbox'] {
@@ -508,6 +496,26 @@
     background-color: rgba(255, 255, 255, 0.5);
   }
 
+  /* ---------- ALERT IN TEXT ---------- */
+
+  .pts-alertInText-left {
+    border: 1px solid var(--dark-alertintext);
+    background-color: var(--dark-alertintext);
+  }
+  .pts-alertInText-left svg circle {
+    fill: var(--dark-background);
+  }
+  .pts-alertInText-left svg rect {
+    fill: var(--dark-alertintext);
+  }
+  .pts-alertInText-left svg .pts-alertInText-icon-dot-over-i {
+    fill: var(--dark-alertintext);
+  }
+  .pts-alertInText-right {
+    border: 1px solid var(--dark-alertintext);
+    color: var(--dark-alertintext-text);
+  }
+
   /*-------------Autofill-----------*/
   input:autofill,
   input:autofill:hover,

package/src/css/mobileView.css

@@ -261,20 +261,12 @@
     margin-right: 1.6rem;
     margin-top: 1.6rem;
   }
- /*****Questions*******/
+
   .pts-textArea-container textarea {
     width: 100%;
     box-sizing: border-box;
   }
 
-  .pts-radio-collapse-button-container {
-    align-items: start;
-    gap: 6px;
-    grid-template-columns: 5% 84% 5%;
-    padding-top: 1.6rem;
-    padding-bottom: 1rem;
-  }
-
   .inputContainer {
     margin-bottom: 1.6rem;
   }

package/src/css/questions.css

@@ -124,8 +124,8 @@ div.pts-root-question:last-child {
 }
 
 /* ---------- RADIO MULTIPLE ---------- */
-.pts-radioMultiple-container input[type='radio'],
-.pts-radioMultipleWithInfo2-container input[type='radio'] {
+
+.pts-radioMultiple-container input[type='radio'] {
   appearance: none;
   width: 1.8rem;
   height: 1.8rem;
@@ -138,8 +138,7 @@ div.pts-root-question:last-child {
   cursor: pointer;
 }
 
-.pts-radioMultiple-container input[type='radio']:checked::before,
-.pts-radioMultipleWithInfo2-container input[type='radio']:checked::before {
+.pts-radioMultiple-container input[type='radio']:checked::before {
   content: '';
   position: absolute;
   top: 50%;
@@ -151,86 +150,12 @@ div.pts-root-question:last-child {
   background-color: var(--action);
 }
 
-.pts-radioMultiple-container label,
-.pts-radioMultipleWithInfo2-container label {
+.pts-radioMultiple-container label {
   position: relative;
   flex: 1;
   cursor: pointer;
 }
 
-/****RADIO MULTIPLE WITH INFO*/
-
-.pts-radioWithInfo-sub-headline {
-  margin-block-start: 3.6rem;
-  margin-block-end: 1.6rem;
-  font-size: 18px;
-  font-weight: 700;
-}
-
-.pts-radioMultipleWithInfo2-container label {
-  padding-top: 2px;
-}
-
-.pts-radio-collapse {
-  position: relative;
-  width: 100%;
-  max-width: 62.4rem;
-  margin-bottom: 0.8rem;
-}
-
-.pts-radio-collapse-button-container {
-  background-color: var(--background);
-  color: var(--text);
-  cursor: pointer;
-  padding: 1.6rem 1.6rem;
-  padding-bottom: 1.5rem;
-  border-radius: 8px;
-  outline: none;
-  display: grid;
-  text-align: left;
-  grid-template-columns: 5% 90% 5%;
-  align-items: center;
-}
-
-.pts-radio-collapse-button-container.open {
-  border-radius: 8px 8px 0 0;
-}
-
-.pts-radio-collapse-button-container input {
-  background-color: var(--main);
-}
-
-.pts-radio-collapse-button {
-  all: unset;
-  display: grid;
-  grid-template-columns: 95% 5%;
-  background-color: transparent;
-  padding-bottom: 1px;
-}
-
-.pts-radio-collapse-button svg path {
-  fill: var(--text);
-}
-
-.pts-radio-collapse-body {
-  position: relative;
-  display: grid;
-  grid-template-rows: 0fr;
-  transition: grid-template-rows 0.3s ease;
-}
-
-.pts-radio-collapse-body.open {
-  grid-template-rows: 1fr;
-  border: 2px solid var(--background);
-  border-top: none;
-  border-radius: 0 0 8px 8px;
-  padding: 1.6rem;
-}
-
-.pts-radio-collapse-content {
-  overflow: hidden;
-}
-
 /* ---------- SINGLE CHECKBOX ---------- */
 
 .pts-singleCheckbox-row {

package/src/css/styles.css

@@ -1052,7 +1052,7 @@ input:focus-visible:-webkit-autofill {
 }
 .pts-alertInText-right {
   display: flex;
-  padding: 1.6rem;
+  padding: 0 1.6rem;
   justify-content: flex-start;
   align-items: flex-start;
   width: 100%;
@@ -1086,12 +1086,11 @@ input:focus-visible:-webkit-autofill {
   border: 0;
 }
 
-
 .hide-asterix .pts-root-mandatoryAsterisk {
   display: none;
 }
 
-[hidden],.hidden {
+[hidden] {
   display: none;
 }