optimized-react-component-library-xyz123 2.2.6 → 2.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "2.2.6",
+  "version": "2.2.7",
   "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -13,14 +13,16 @@
     "./css/darkMode.css": "./src/css/darkMode.css",
     "./css/mobileView.css": "./src/css/mobileView.css",
     "./css/styles.css": "./src/css/styles.css",
-    "./css/questions.css": "./src/css/questions.css"
+    "./css/questions.css": "./src/css/questions.css",
+    "./css/e-tjanst-root.css": "./src/css/e-tjanst-root.css"
   },
   "files": [
     "dist",
     "src/css/darkMode.css",
     "src/css/mobileView.css",
     "src/css/styles.css",
-    "src/css/questions.css"
+    "src/css/questions.css",
+    "src/css/e-tjanst-root.css"
   ],
   "scripts": {
     "build": "tsup",
@@ -83,7 +85,6 @@
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.6",
     "react-bootstrap": "^2.10.10",
-    "react-dropzone": "^14.3.8",
-    "react-router-dom": "^7.13.0"
+    "react-dropzone": "^14.3.8"
   }
 }

package/src/css/darkMode.css

@@ -67,95 +67,6 @@
     color: var(--dark-text);
   }
 
-
-  /*--Navigation header / menu ----*/
-
-  .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-text);
-    fill: var(--dark-text);
-    stroke: var(--dark-text);
-  }
-
-.pts-navigation-header-container svg path {
-  fill: var(--dark-text);
-}
-
-  
-.pts-navigation-header-nav-container,
-.pts-navigation-header-button-label {
-  background: var(--dark-background-second);
-  color: var(--dark-text);
-}
-
-.pts-expand-icon svg rect{
-  fill: var(--dark-action);
-}
-
-
-.pts-contract-icon svg rect{
-  fill: var(--dark-orientation-active);
-}
-
-
-.pts-navigation-close-text{
-  color: var(--dark-text);
-}
-
-.pts-navigation-close-button{
-  background: var(--dark-main);
-  color: var(--dark-text);
-}
-
-.pts-navigation-close-button svg path{
-  stroke: var(--dark-text);
-}
-
-.pts-navigation-link-expand-button{
-background-color: var(--dark-main);
-}
-
-.pts-navigation-link-expand-button svg path{
-  stroke: var(--dark-main)!important;
-}
-
-.pts-navigation-with-close-button,
-.pts-navigation-menu-container,
-.pts-navigation-button,
-.pts-navigation-close-container,
-.pts-sub-navigation-item,
-.pts-sub-navigation-item a,
-.pts-navigation-button > a {
-  background: var(--dark-main);
-  color: var(--dark-text);
-  border-color: var(--dark-background-third);
-}
-
-.pts-navigation-button  a {
-
-  color: var(--dark-text);
-
-}
-
-.pts-sub-navigation-container {
-    background-color: #d5b9dd;
-    border-left: var(--dark-action) 5px solid;
-}
-
-/*--------BREADCRUMBS------*/
-.pts-breadcrumbs {
- background-color: var(--dark-background-third);
-}
-
-
   /*-------MAIN CONTENT-------*/
   section,
   .pts-form-step-header {
@@ -176,7 +87,6 @@ background-color: var(--dark-main);
   .MoreInfoIcon svg {
     background-color: var(--dark-action);
   }
- 
 
   .pts-serviceHeadlineAndBody-container a svg path,
   .MoreInfoIcon svg path {
@@ -251,6 +161,8 @@ background-color: var(--dark-main);
     color: var(--dark-error);
   }
 
+  .pts-root-question-input-error-border,
+  .pts-root-question-input-error-border,
   .pts-root-question-input-error-border {
     border: 0.15rem solid var(--dark-error) !important;
   }
@@ -493,34 +405,4 @@ background-color: var(--dark-main);
   input:-moz-autofill {
     box-shadow: 0 0 0 1000px transparent inset !important;
   }
-
-  /***NYTT FLYTTA??  ***/
- .pts-standard-link-icon svg {
-    background-color: var(--dark-action);
-  }
-   .pts-standard-link svg path{
-    fill: var(--dark-main);
-    color: #000000;
-  }
-  .pts-icon-circle {
-    border: 2px solid var(--dark-action);
-    background-color: var(--dark-action);
-  }
-
-   .pts-collapse-content{
-    color:var(--dark-text);
-  }
-
-  .pts-collapse-button {
-    background-color: var(--dark-action);
-    color:var(--dark-main);
-  }
-  .pts-open-close-icon svg path{
-    fill: var(--dark-main);
-  }
-
- .pts-collapse-body.open{
-  border-color: var(--dark-action);
-  background: var(--dark-main);
- }
 }

package/src/css/e-tjanst-root.css

@@ -0,0 +1,117 @@
+body {
+  color: var(--text);
+}
+
+body,
+#root {
+  min-height: 100vh;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+}
+
+html {
+  font-size: 62.5%; /* 1rem = 10px */
+}
+
+body {
+  font-family: Arial;
+  font-size: 1.6rem;
+  font-weight: 400;
+  background-color: var(--background);
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+body a {
+  text-decoration: underline;
+  text-underline-offset: 0.35rem;
+  line-height: 2rem;
+  display: inline-flex;
+  align-items: center;
+  color: var(--action);
+}
+
+body a:hover {
+  text-decoration: underline 0.2rem;
+}
+
+#root {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: 0;
+}
+
+main {
+  flex: 1;
+}
+
+#main-content:focus:focus-visible,
+h1:focus:focus-visible,
+h2:focus:focus-visible,
+#pts-form-id-error-summary:focus:focus-visible,
+#pts-error-summary:focus:focus-visible {
+  outline: none !important;
+  border: none;
+}
+
+h1,
+h2,
+h3 {
+  margin: 0;
+  margin-bottom: 3.6rem;
+}
+
+h1 {
+  font-size: 2.4rem;
+}
+
+h2 {
+  font-size: 2rem;
+  width: 100%;
+}
+
+h3 {
+  font-size: 1.6rem;
+}
+
+h4 {
+  margin: 0;
+  font-size: 1.6rem;
+}
+
+section {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--main);
+  padding: 3.6rem;
+  margin: 1.6rem 0.8rem;
+  border-radius: 0.4rem;
+  margin-left: 0.8rem;
+  margin-right: 0.8rem;
+  margin-top: 1.6rem;
+}
+
+p[aria-live='assertive']:empty {
+  margin: 0;
+  padding: 0;
+}
+
+fieldset {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+
+
+@media (max-width: 750px) {
+    section {
+        margin-left: 0;
+        margin-right: 0;
+        border-radius: 0;
+        padding: 1.6rem;
+    }
+}
+

package/src/css/mobileView.css

@@ -3,101 +3,6 @@
 /********************************************/
 
 @media (max-width: 1085px) {
-
-  .pts-navigation-header-container {
-    padding:unset;
-    border-bottom: 2px solid #ddd;
-  }
-   .pts-navigation-header-content {
-    display: block;
-  }
-
-  .pts-navigation-header-logo-container {
-    padding: 1.6rem 0px;
-    width: 100%;
-    text-align: center;
-    border-bottom: 2px solid #ddd;
-  }
-
-  .pts-navigation-header-headline-container{
-    border-bottom: 2px solid #ddd;
-    height: 48px; 
-    align-items: center;
-  }
-
-  .pts-site-headline,
-   .pts-navigation-header-headline-container p{
-    font-size: 1.6rem;
-    top:auto;
-  }
-
-  .pts-navigation-header-nav-container {
-    align-items: center;
-    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: -50px;
-
-  width: 100%;
-  max-width: unset;
-  height: 100%;
-
-  opacity: 0;
-  transform: translateY(-100%);
-
-  transition:
-    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
-    opacity 0.25s ease;
-
-  will-change: transform, opacity;
-}
-
-.pts-navigation-menu-container.open {
-  position: relative;
-  transform: translateY(0);
-  opacity: 1;
-}
-
-  .pts-navigation-close-container {
-    position: relative;
-    padding: 1px 1px;
-    height: 48px;
-    justify-content: center;
-  }
-  
-
-  .nav-parent-button {
-    padding-right: 5px !important;
-    border: 0px !important;
-  }
-
-    /**Breadcrumbs**/
-  .pts-breadcrumbs a,
-  .pts-crumb-label {
-    font-size: 14px;
-  }
-
-  .pts-breadcrumbs {
-    padding-left: 20px;
-    min-height: 30px;
-  }
-
   .pts-footer-content {
     display: flex;
     height: auto;
@@ -215,7 +120,6 @@
     margin: 0.4rem 0;
   }
 
-  section,
   .pts-form-step-header {
     margin-left: 0;
     margin-right: 0;

package/src/css/questions.css

@@ -1,8 +1,3 @@
-fieldset {
-  border: none;
-  padding: 0;
-  margin: 0;
-}
 
 .pts-root-question {
   display: flex;