@kerkhoff-ict/solora 2.6.0 → 2.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +144 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -621,6 +621,150 @@
|
|
|
621
621
|
color: var(--color-text-dark, #000);
|
|
622
622
|
opacity: 0.3;
|
|
623
623
|
}
|
|
624
|
+
.sol-input-group {
|
|
625
|
+
display: flex;
|
|
626
|
+
flex-direction: column;
|
|
627
|
+
gap: 0.4rem;
|
|
628
|
+
font-family:
|
|
629
|
+
-apple-system,
|
|
630
|
+
BlinkMacSystemFont,
|
|
631
|
+
"Segoe UI",
|
|
632
|
+
Roboto,
|
|
633
|
+
Helvetica,
|
|
634
|
+
Arial,
|
|
635
|
+
sans-serif;
|
|
636
|
+
width: 100%;
|
|
637
|
+
}
|
|
638
|
+
.sol-label {
|
|
639
|
+
font-size: 0.85rem;
|
|
640
|
+
font-weight: 500;
|
|
641
|
+
color: var(--color-text-dark, #000);
|
|
642
|
+
opacity: 0.6;
|
|
643
|
+
margin-left: 0.2rem;
|
|
644
|
+
}
|
|
645
|
+
.sol-input {
|
|
646
|
+
appearance: none;
|
|
647
|
+
-webkit-appearance: none;
|
|
648
|
+
width: 100%;
|
|
649
|
+
padding: 0.3rem 0.4rem;
|
|
650
|
+
font-size: 0.95rem;
|
|
651
|
+
border-radius: 12px;
|
|
652
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
653
|
+
background: var(--color-bg, #fefefe);
|
|
654
|
+
color: var(--color-text-dark, #000);
|
|
655
|
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
656
|
+
transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
657
|
+
outline: none;
|
|
658
|
+
}
|
|
659
|
+
.sol-input::placeholder {
|
|
660
|
+
color: var(--color-text-dark, #000);
|
|
661
|
+
opacity: 0.3;
|
|
662
|
+
}
|
|
663
|
+
.sol-input:hover {
|
|
664
|
+
border-color: rgba(0, 0, 0, 0.2);
|
|
665
|
+
background: var(--color-bg-hover, #ffffff);
|
|
666
|
+
}
|
|
667
|
+
.sol-input:focus {
|
|
668
|
+
border-color: var(--color-primary, #0071e3);
|
|
669
|
+
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);
|
|
670
|
+
background: var(--color-bg-hover, #ffffff);
|
|
671
|
+
}
|
|
672
|
+
.sol-input:disabled {
|
|
673
|
+
background: var(--color-secondary, #f5f5f5);
|
|
674
|
+
color: var(--color-text-dark, #000);
|
|
675
|
+
opacity: 0.5;
|
|
676
|
+
cursor: not-allowed;
|
|
677
|
+
box-shadow: none;
|
|
678
|
+
}
|
|
679
|
+
.sol-input-error {
|
|
680
|
+
border-color: var(--color-danger, #dc3545) !important;
|
|
681
|
+
}
|
|
682
|
+
.sol-input-error:focus {
|
|
683
|
+
box-shadow: 0 0 0 4px var(--color-error-glow, rgba(220, 53, 69, 0.15)) !important;
|
|
684
|
+
}
|
|
685
|
+
.sol-input::-webkit-outer-spin-button,
|
|
686
|
+
.sol-input::-webkit-inner-spin-button {
|
|
687
|
+
-webkit-appearance: none;
|
|
688
|
+
margin: 0;
|
|
689
|
+
}
|
|
690
|
+
.sol-input {
|
|
691
|
+
-moz-appearance: textfield;
|
|
692
|
+
appearance: none;
|
|
693
|
+
}
|
|
694
|
+
.sol-input-group {
|
|
695
|
+
position: relative;
|
|
696
|
+
}
|
|
697
|
+
.sol-error-message {
|
|
698
|
+
color: var(--color-danger, #ff453a);
|
|
699
|
+
font-size: 0.75rem;
|
|
700
|
+
font-weight: 500;
|
|
701
|
+
margin-top: 0.2rem;
|
|
702
|
+
margin-left: 0.2rem;
|
|
703
|
+
display: none;
|
|
704
|
+
animation: solFadeIn 0.2s ease-out;
|
|
705
|
+
}
|
|
706
|
+
@keyframes solFadeIn {
|
|
707
|
+
from {
|
|
708
|
+
opacity: 0;
|
|
709
|
+
transform: translateY(-5px);
|
|
710
|
+
}
|
|
711
|
+
to {
|
|
712
|
+
opacity: 1;
|
|
713
|
+
transform: translateY(0);
|
|
714
|
+
}
|
|
715
|
+
}
|
|
716
|
+
.sol-input.is-invalid {
|
|
717
|
+
border-color: var(--color-danger, #ff453a) !important;
|
|
718
|
+
box-shadow: 0 0 0 4px var(--color-error-glow, rgba(255, 69, 58, 0.15)) !important;
|
|
719
|
+
}
|
|
720
|
+
:root.dark .sol-label {
|
|
721
|
+
color: var(--color-text-light, #fff);
|
|
722
|
+
opacity: 0.6;
|
|
723
|
+
}
|
|
724
|
+
:root.dark .sol-input {
|
|
725
|
+
background: rgba(28, 28, 30, 0.8);
|
|
726
|
+
color: var(--color-text-light, #fff);
|
|
727
|
+
border: 1px solid rgba(255, 255, 255, 0.15);
|
|
728
|
+
backdrop-filter: blur(12px);
|
|
729
|
+
-webkit-backdrop-filter: blur(12px);
|
|
730
|
+
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 12px rgba(0, 0, 0, 0.4);
|
|
731
|
+
}
|
|
732
|
+
:root.dark .sol-input::placeholder {
|
|
733
|
+
color: var(--color-text-light, #fff);
|
|
734
|
+
opacity: 0.3;
|
|
735
|
+
}
|
|
736
|
+
:root.dark .sol-input:hover {
|
|
737
|
+
background: rgba(44, 44, 46, 0.9);
|
|
738
|
+
border-color: rgba(255, 255, 255, 0.25);
|
|
739
|
+
}
|
|
740
|
+
:root.dark .sol-input:focus {
|
|
741
|
+
background: rgba(44, 44, 46, 1);
|
|
742
|
+
border-color: var(--color-primary-dark, #0a84ff);
|
|
743
|
+
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);
|
|
744
|
+
}
|
|
745
|
+
:root.dark .sol-input-error {
|
|
746
|
+
border-color: var(--color-danger, #ff453a) !important;
|
|
747
|
+
}
|
|
748
|
+
.sol-input:read-only {
|
|
749
|
+
background: var(--color-bg-readonly, #f9f9f9);
|
|
750
|
+
border-color: rgba(0, 0, 0, 0.05);
|
|
751
|
+
cursor: default;
|
|
752
|
+
box-shadow: none;
|
|
753
|
+
color: var(--color-text-dark, #000);
|
|
754
|
+
}
|
|
755
|
+
.sol-input:read-only:hover {
|
|
756
|
+
background: var(--color-bg-readonly, #f9f9f9);
|
|
757
|
+
border-color: rgba(0, 0, 0, 0.05);
|
|
758
|
+
}
|
|
759
|
+
.sol-input:read-only:focus {
|
|
760
|
+
border-color: rgba(0, 0, 0, 0.1);
|
|
761
|
+
box-shadow: none;
|
|
762
|
+
}
|
|
763
|
+
:root.dark .sol-input:read-only {
|
|
764
|
+
background: rgba(255, 255, 255, 0.03);
|
|
765
|
+
border-color: rgba(255, 255, 255, 0.05);
|
|
766
|
+
color: var(--color-text-light, #fff);
|
|
767
|
+
}
|
|
624
768
|
.sol-input:hover {
|
|
625
769
|
border-color: rgba(0, 0, 0, 0.2);
|
|
626
770
|
background: var(--color-bg-hover, #ffffff);
|