optimized-react-component-library-xyz123 1.0.2 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -13,16 +13,14 @@
     "./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",
-    "./icons/*": "./src/icons/*"
+    "./css/questions.css": "./src/css/questions.css"
   },
   "files": [
     "dist",
     "src/css/darkMode.css",
     "src/css/mobileView.css",
     "src/css/styles.css",
-    "src/css/questions.css",
-    "src/icons"
+    "src/css/questions.css"
   ],
   "scripts": {
     "build": "tsup",

package/src/css/darkMode.css

@@ -282,14 +282,6 @@
     color: var(--dark-info);
   }
 
-  /* ---------- DROPDOWN  ---------- */
-  .pts-dropdown-container select {
-    border-color: var(--dark-info);
-    background-color: var(--dark-main);
-    color: var(--dark-text);
-    background-image: url('../icons/arrow-down-darkmode.svg');
-  }
-
   /* ---------- ADD FILE QUESTION ---------- */
   .filePickText {
     color: var(--dark-text) !important;

package/src/css/mobileView.css

@@ -46,7 +46,7 @@
   }
 
   .pts-footer-slogan-text {
-    font-size: 16px;
+    font-size: 1.6rem;
     text-align: center;
   }
 }

package/src/css/questions.css

@@ -53,7 +53,7 @@ div.pts-root-question:last-child {
   font-size: 1.6rem;
   font-style: normal;
   font-weight: 400;
-  line-height: 20px;
+  line-height: 2rem;
 }
 
 .pts-root-about {
@@ -63,7 +63,6 @@ div.pts-root-question:last-child {
   margin-bottom: 0.4rem;
 }
 
-.pts-root-question select,
 .pts-root-question input[type='text']:focus,
 .pts-root-question input[type='email']:focus,
 .pts-root-question input[type='tel']:focus {
@@ -117,7 +116,7 @@ div.pts-root-question:last-child {
   padding: 3.6rem 0 0 0;
   margin: 0;
 }
-.pts-root-question select,
+
 .pts-root-question input[type='text'],
 .pts-root-question input[type='email'],
 .pts-root-question input[type='tel'] {
@@ -163,41 +162,6 @@ div.pts-root-question:last-child {
   cursor: pointer;
 }
 
-/* ---------- DROPDOWN ---------- */
-
-/* För inspiration */
-
-.pts-dropdown-container {
-  margin-bottom: 1.5rem;
-}
-
-.pts-dropdown-container label {
-  display: block;
-  margin-bottom: 0.5rem;
-  font-weight: 500;
-}
-
-.pts-dropdown-container select {
-  cursor: pointer;
-  background-image: url('../icons/arrow-down.svg');
-  background-repeat: no-repeat;
-  background-position: right 14px center;
-  background-size: 1em;
-
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-
-  transition:
-    border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
-}
-.pts-dropdown-container select:focus {
-  outline: none;
-  border-width: 2px;
-  border-color: var(--action);
-}
-
 /* ---------- SINGLE CHECKBOX ---------- */
 
 .pts-singleCheckbox-row {
@@ -263,7 +227,7 @@ div.pts-root-question:last-child {
 
 .pts-checkboxGroup-container label {
   padding-top: 0.3rem;
-  line-height: 20px;
+  line-height: 2rem;
   cursor: pointer;
   margin: 0;
 }

package/src/css/styles.css

@@ -182,7 +182,7 @@ p[aria-live='assertive']:empty {
   white-space: nowrap;
   border: 0;
 }
-select:focus-visible,
+
 button:focus-visible,
 a:focus-visible,
 input:focus-visible,

package/src/icons/arrow-down-darkmode.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group">
-<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M12.7069 15.7071C12.5193 15.8946 12.265 15.9999 11.9999 15.9999C11.7347 15.9999 11.4804 15.8946 11.2929 15.7071L5.63585 10.0501C5.54034 9.95785 5.46416 9.84751 5.41175 9.7255C5.35934 9.6035 5.33176 9.47228 5.3306 9.3395C5.32945 9.20672 5.35475 9.07504 5.40503 8.95215C5.45531 8.82925 5.52957 8.7176 5.62346 8.6237C5.71735 8.52981 5.829 8.45556 5.9519 8.40528C6.0748 8.355 6.20648 8.32969 6.33926 8.33085C6.47204 8.332 6.60325 8.35959 6.72526 8.412C6.84726 8.46441 6.95761 8.54059 7.04985 8.6361L11.9999 13.5861L16.9499 8.6361C17.1385 8.45394 17.3911 8.35315 17.6533 8.35542C17.9155 8.3577 18.1663 8.46287 18.3517 8.64828C18.5371 8.83369 18.6423 9.0845 18.6445 9.3467C18.6468 9.60889 18.546 9.8615 18.3639 10.0501L12.7069 15.7071Z" fill="white"/>
-</g>
-</svg>

package/src/icons/arrow-down.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group">
-<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M12.7069 15.7071C12.5193 15.8946 12.265 15.9999 11.9999 15.9999C11.7347 15.9999 11.4804 15.8946 11.2929 15.7071L5.63585 10.0501C5.54034 9.95785 5.46416 9.84751 5.41175 9.7255C5.35934 9.6035 5.33176 9.47228 5.3306 9.3395C5.32945 9.20672 5.35475 9.07504 5.40503 8.95215C5.45531 8.82925 5.52957 8.7176 5.62346 8.6237C5.71735 8.52981 5.829 8.45556 5.9519 8.40528C6.0748 8.355 6.20648 8.32969 6.33926 8.33085C6.47204 8.332 6.60325 8.35959 6.72526 8.412C6.84726 8.46441 6.95761 8.54059 7.04985 8.6361L11.9999 13.5861L16.9499 8.6361C17.1385 8.45394 17.3911 8.35315 17.6533 8.35542C17.9155 8.3577 18.1663 8.46287 18.3517 8.64828C18.5371 8.83369 18.6423 9.0845 18.6445 9.3467C18.6468 9.60889 18.546 9.8615 18.3639 10.0501L12.7069 15.7071Z" fill="black"/>
-</g>
-</svg>