optimized-react-component-library-xyz123 1.1.26 → 1.1.28

package/package.json

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

@@ -73,6 +73,11 @@
   .pts-navigation-header-container {
     background: var(--dark-background-second);
   }
+
+  .pts-navigation-header-logo-container,
+  .pts-navigation-header-headline-container  {
+    border-color: var(--dark-background-third)!important;
+  }
  .pts-navigation-header-nav-container button svg path,
  .pts-navigation-header-nav-container button svg line{
     color: var(--dark-action);

package/src/css/mobileView.css

@@ -13,7 +13,7 @@
   }
 
   .pts-navigation-header-logo-container {
-    padding: 13px 0px;
+    padding: 1.6rem 0px;
     width: 100%;
     text-align: center;
     border-bottom: 2px solid #ddd;
@@ -36,20 +36,33 @@
     justify-content: center;
     height: 48px;
   }
+
   .pts-navigation-header-nav-container button {
     width: 100%;
   }
 
+  
+  .pts-navigation-close-button {
+    align-items: center;
+    justify-content: center;
+    margin-top: 1rem; 
+    margin-bottom: 1rem; 
+  }
+
  /**Navigation menu**/
+
    .pts-navigation-menu-container {
-       top: 0;
-        width: 100%;
-        max-width: unset;
-        position: relative;
+      top: -50px;
+      width: 100%;
+      max-width: unset;
+      position: relative;
     }
 
     .pts-navigation-close-container {
-        display: none;
+        position: relative;
+        padding: 1px 1px;
+        height: 48px;
+        justify-content: center;
     }
 
     .nav-parent-button {

package/src/css/styles.css

@@ -119,26 +119,7 @@ section {
   margin-right: 0.8rem;
   margin-top: 1.6rem;
 }
-/* ?? Make changes in html ?? ----
-.pts-button{
-  background-color: var(--action);
-  border: 2px solid var(--action);
-  color: var(--main);
-  padding: 8px 20px;
-  border-radius: 8px;
-  font-size: 16px;
-  cursor: pointer;
-  margin-left: 1.6rem;
-}
 
-.pts-button:focus,
-.pts-button:hover{
-  background-color: var(--main);
-  border: 2px solid var(--action);
-  color: var(--action);
-  transition: 0.2s;
-}
---- ?? Make changes in html ?? */
 
 p[aria-live='assertive']:empty {
   margin: 0;
@@ -387,12 +368,10 @@ input:focus-visible:-webkit-autofill {
   align-items: center;
 }
 
-.pts-navigation-header-logo-container {
-  height: 4rem;
-}
 
 .pts-navigation-header-logo svg {
-  height: 4rem;
+  height: 4.7rem;
+  width: auto;
 }
 
 .pts-navigation-header-headline-container{
@@ -400,6 +379,7 @@ input:focus-visible:-webkit-autofill {
   justify-content: center;
   align-items: flex-end;
 }
+
 .pts-navigation-header-headline-container p{
   position: relative;
   font-family: 'Aeonik';
@@ -425,7 +405,6 @@ input:focus-visible:-webkit-autofill {
 
 .pts-navigation-overlay{
   position: fixed;
-  /*top: 80px;*/
   left: 0;
   width: 100%;
   height: 100%;
@@ -463,24 +442,21 @@ input:focus-visible:-webkit-autofill {
 }
 
 
-/******Navigation Menu********/
+/******NAVIGATION MENU********/
 .pts-navigation-menu-container {
   background-color:var(--main);
   position: absolute;
-  top: 8rem;
+  top: 0px;
   right: 0;
-  z-index: 20;
   width: 100%;
   max-width: 570px;
   z-index: 999;
 }
 
-.pts-navigation-with-close-button{
-  top:0;
-}
 
 .pts-navigation-close-text {
   padding-left: 0.8rem;
+  font-size: 16px;
 }
 
 .pts-navigation-link-list, 
@@ -545,17 +521,14 @@ input:focus-visible:-webkit-autofill {
 }
 
 .pts-navigation-close-button {
-  width: 20rem;
-  height: 4rem;
   border: none;
-  border-radius: 8px;
   color: var(--action);
   background-color: var(--main);
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
   cursor: pointer;
 }
 
@@ -568,7 +541,7 @@ input:focus-visible:-webkit-autofill {
 
 .pts-breadcrumbs {
     background-color: var(--background-third);
-    height: 48px;
+    height: 4rem;
     display: flex;
     align-items: center;
     padding-left: 6rem;
@@ -602,13 +575,9 @@ input:focus-visible:-webkit-autofill {
   line-height: 2rem;
 }
 
-/*.pts-bold-crumb {
-  font-weight: 700;
-} TODO!!*/
-
 .pts-breadcrumbs svg {
   margin: 0 1.6rem;
-  top: 1px;
+  top: 3px;
   position: relative;
 }
 
@@ -1177,6 +1146,7 @@ input:focus-visible:-webkit-autofill {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  min-width: 2rem;
   width: 2rem;         
   height: 2rem;
   border-radius: 50%;  
@@ -1185,6 +1155,10 @@ input:focus-visible:-webkit-autofill {
   margin-right: 1.6rem;
 }
 
+.pts-icon-circle.pts-fileIcon svg{
+   margin-left: 2px;
+}
+  
 .pts-linkList-container {
   margin: 0;
   padding: 0;