optimized-react-component-library-xyz123 0.30.2 → 0.30.3

package/src/css/questions.css

@@ -84,6 +84,15 @@ div.pts-root-question:last-child {
   margin-right: 9px;
 }
 
+.pts-validation-error-icon{
+  margin-right: 0.9rem;
+}
+
+.pts-validation-error-icon svg{
+  width: 1.65rem;
+  height: 1.65rem;
+}
+
 .errorText,
 .pts-root-mandatoryAsterisk {
   color: var(--error);
@@ -915,7 +924,6 @@ div.pts-root-question:last-child {
 /* AddFiles.tsx */ /* SelectedFiles.tsx  */
 .lastCol {
   display: flex;
-  justify-content: flex-end;
   max-width: 62px;
   padding: 0;
   margin: 0;

package/src/css/styles.css

@@ -136,12 +136,12 @@ section {
 --- ?? Make changes in html ?? */
 
 p[aria-live='assertive']:empty {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 .pts-root-categoryDescription {
-   margin-top: 0px;
+  margin-top: 0px;
 }
 
 .pts-first-category-section {
@@ -168,8 +168,6 @@ p[aria-live='assertive']:empty {
   margin-bottom: 36px;
 }
 
-
-
 .sr-only {
   position: absolute;
   width: 1px;
@@ -204,7 +202,6 @@ textarea:focus-visible,
   box-shadow: 0 0 0 0px #000 !important;
 }
 
-
 /* ---------- COOKIE BANNER ---------- */
 
 .pts-cookieBanner {
@@ -293,25 +290,25 @@ textarea:focus-visible,
   background-color: var(--main);
 }
 
-.pts-header-content{
-    width: 100%;
-    display: flex;
+.pts-header-content {
+  width: 100%;
+  display: flex;
 }
 
-.pts-header-logo-container{
-    height:4rem;
+.pts-header-logo-container {
+  height: 4rem;
 }
 
-.pts-header-logo svg{
-    height: 4rem;
+.pts-header-logo svg {
+  height: 4rem;
 }
 
-.pts-header-navigation-container{
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    width: 100%;
-    align-items: flex-end;
+.pts-header-navigation-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  width: 100%;
+  align-items: flex-end;
 }
 
 .pts-languageButton {
@@ -325,22 +322,7 @@ textarea:focus-visible,
   font-size: 1.6rem;
 }
 
-.pts-languageButton::after {
-    content: "";
-    position: absolute;
-    left: 7px;
-    right: 4px;
-    bottom: 3px;
-    height: 0.15rem;
-    background-color: currentColor;
-    opacity: 0;
-}
-
-.pts-languageButton:hover::after {
-    opacity: 1;
-}
-
-.languageIcon{
+.languageIcon {
   position: relative;
   margin-top: 0.3rem;
   padding-right: 0.6rem;
@@ -352,15 +334,17 @@ textarea:focus-visible,
   height: 1.6rem;
 }
 
+.pts-languageButton-text:hover {
+  text-decoration: underline 0.2rem;
+}
 
 /* ---------- TextBODY ---------- */
 
-.pts-textBody-container p{
-    margin-bottom: 1.6rem;
-
+.pts-textBody-container p {
+  margin-bottom: 1.6rem;
 }
 
-.MoreInfoIcon{
+.MoreInfoIcon {
   margin-top: 2px;
 }
 
@@ -401,7 +385,7 @@ textarea:focus-visible,
 }
 
 .pts-textHeadlineAndBody-container .first-paragraph {
-    margin-top: 0;
+  margin-top: 0;
 }
 
 /* ---------- STEPPER ---------- */
@@ -553,7 +537,7 @@ textarea:focus-visible,
   margin-bottom: 36px;
 }
 
-.pts-edit-step-text{
+.pts-edit-step-text {
   padding-left: 5px;
 }
 
@@ -666,9 +650,6 @@ textarea:focus-visible,
   transition: 0.2s;
 }
 
-
-
-
 /* ---------- FOOTER ---------- */
 
 .pts-footer-container {
@@ -677,30 +658,29 @@ textarea:focus-visible,
   background-color: var(--background-second);
 }
 
-.pts-footer-slogan-text-container{
+.pts-footer-slogan-text-container {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--background-third);
-      height: 50px;
-      padding: 0px;
+  height: 50px;
+  padding: 0px;
 }
 
-.pts-footer-slogan-text{
+.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-content {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 14rem;
+  padding: 0.1rem 0;
 }
 
 .pts-footer-logo {
@@ -715,7 +695,7 @@ textarea:focus-visible,
   flex: 1;
   justify-content: center;
   margin-left: -224px;
-} 
+}
 
 .pts-footer-linkList ul {
   padding: 0;
@@ -749,7 +729,6 @@ textarea:focus-visible,
   box-sizing: border-box;
 }
 
-
 /* ---------- MODAL ---------- */
 
 .pts-modal-overlay {
@@ -814,14 +793,14 @@ textarea:focus-visible,
 }
 
 .visually-hidden {
-    position: absolute !important;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    clip-path: inset(50%);
-    white-space: nowrap;
-    border: 0;
-}
+  position: absolute !important;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}