@kerkhoff-ict/solora 2.7.4 → 2.7.5

package/dist/index.css

@@ -645,6 +645,7 @@
     Arial,
     sans-serif;
   width: 100%;
+  position: relative;
 }
 .sol-label {
   font-size: 0.85rem;
@@ -656,45 +657,7 @@
 .sol-input {
   appearance: none;
   -webkit-appearance: none;
-  width: 100%;
-  padding: 0.3rem 0.4rem;
-  font-size: 0.95rem;
-  border-radius: 12px;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  background: var(--color-bg, #fefefe);
-  color: var(--color-text-dark, #000);
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.05);
-  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
-  outline: none;
-}
-.sol-input::placeholder {
-  color: var(--color-text-dark, #000);
-  opacity: 0.3;
-}
-.sol-input-group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.4rem;
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    Helvetica,
-    Arial,
-    sans-serif;
-  width: 100%;
-}
-.sol-label {
-  font-size: 0.85rem;
-  font-weight: 500;
-  color: var(--color-text-dark, #000);
-  opacity: 0.6;
-  margin-left: 0.2rem;
-}
-.sol-input {
-  appearance: none;
-  -webkit-appearance: none;
+  -moz-appearance: textfield;
   width: 100%;
   padding: 0.3rem 0.4rem;
   font-size: 0.95rem;
@@ -737,118 +700,6 @@
   -webkit-appearance: none;
   margin: 0;
 }
-.sol-input {
-  -moz-appearance: textfield;
-  appearance: none;
-}
-.sol-input-group {
-  position: relative;
-}
-.sol-error-message {
-  color: var(--color-danger, #ff453a);
-  font-size: 0.75rem;
-  font-weight: 500;
-  margin-top: 0.2rem;
-  margin-left: 0.2rem;
-  display: none;
-  animation: solFadeIn 0.2s ease-out;
-}
-@keyframes solFadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(-5px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.sol-input.is-invalid {
-  border-color: var(--color-danger, #ff453a) !important;
-  box-shadow: 0 0 0 4px var(--color-error-glow, rgba(255, 69, 58, 0.15)) !important;
-}
-:root.dark .sol-label {
-  color: var(--color-text-light, #fff);
-  opacity: 0.6;
-}
-:root.dark .sol-input {
-  background: rgba(28, 28, 30, 0.8);
-  color: var(--color-text-light, #fff);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 12px rgba(0, 0, 0, 0.4);
-}
-:root.dark .sol-input::placeholder {
-  color: var(--color-text-light, #fff);
-  opacity: 0.3;
-}
-:root.dark .sol-input:hover {
-  background: rgba(44, 44, 46, 0.9);
-  border-color: rgba(255, 255, 255, 0.25);
-}
-:root.dark .sol-input:focus {
-  background: rgba(44, 44, 46, 1);
-  border-color: var(--color-primary-dark, #0a84ff);
-  box-shadow: 0 0 0 4px var(--color-focus-glow-dark, rgba(10, 132, 255, 0.2)), 0 4px 12px rgba(0, 0, 0, 0.5);
-}
-:root.dark .sol-input-error {
-  border-color: var(--color-danger, #ff453a) !important;
-}
-.sol-input:read-only {
-  background: var(--color-bg-readonly, #f9f9f9);
-  border-color: rgba(0, 0, 0, 0.05);
-  cursor: default;
-  box-shadow: none;
-  color: var(--color-text-dark, #000);
-}
-.sol-input:read-only:hover {
-  background: var(--color-bg-readonly, #f9f9f9);
-  border-color: rgba(0, 0, 0, 0.05);
-}
-.sol-input:read-only:focus {
-  border-color: rgba(0, 0, 0, 0.1);
-  box-shadow: none;
-}
-:root.dark .sol-input:read-only {
-  background: rgba(255, 255, 255, 0.03);
-  border-color: rgba(255, 255, 255, 0.05);
-  color: var(--color-text-light, #fff);
-}
-.sol-input:hover {
-  border-color: rgba(0, 0, 0, 0.2);
-  background: var(--color-bg-hover, #ffffff);
-}
-.sol-input:focus {
-  border-color: var(--color-primary, #0071e3);
-  box-shadow: 0 0 0 4px var(--color-focus-glow, rgba(0, 113, 227, 0.15)), 0 2px 8px rgba(0, 0, 0, 0.05);
-  background: var(--color-bg-hover, #ffffff);
-}
-.sol-input:disabled {
-  background: var(--color-secondary, #f5f5f5);
-  color: var(--color-text-dark, #000);
-  opacity: 0.5;
-  cursor: not-allowed;
-  box-shadow: none;
-}
-.sol-input-error {
-  border-color: var(--color-danger, #dc3545) !important;
-}
-.sol-input-error:focus {
-  box-shadow: 0 0 0 4px var(--color-error-glow, rgba(220, 53, 69, 0.15)) !important;
-}
-.sol-input::-webkit-outer-spin-button,
-.sol-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.sol-input {
-  -moz-appearance: textfield;
-  appearance: none;
-}
-.sol-input-group {
-  position: relative;
-}
 .sol-error-message {
   color: var(--color-danger, #ff453a);
   font-size: 0.75rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerkhoff-ict/solora",
-  "version": "2.7.4",
+  "version": "2.7.5",
   "description": "Simple CSS component library",
   "main": "dist/index.js",
   "style": "dist/index.css",