@mirror-physics/fractal-ui 0.2.0-next.86 → 0.2.0-next.87
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.cjs +334 -323
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +44 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +259 -248
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -646,7 +646,6 @@
|
|
|
646
646
|
}
|
|
647
647
|
.fractal-floating-field:where(:focus-within, [data-filled=true], [data-open=true], [data-always-float=true], :has(input:not(:placeholder-shown)), :has(textarea:not(:placeholder-shown))) > .fractal-floating-field__label {
|
|
648
648
|
transform: translateY(-50%) scale(0.75);
|
|
649
|
-
background: var(--bg-canvas);
|
|
650
649
|
color: var(--fg-secondary);
|
|
651
650
|
}
|
|
652
651
|
.fractal-floating-field:is(:focus-within, [data-open=true]) > .fractal-floating-field__label {
|
|
@@ -692,6 +691,50 @@
|
|
|
692
691
|
.fractal-floating-field > textarea {
|
|
693
692
|
box-sizing: border-box;
|
|
694
693
|
}
|
|
694
|
+
.fractal-floating-field > :is(.fractal-input, .fractal-textarea, .fractal-dropdown-trigger) {
|
|
695
|
+
border-color: transparent;
|
|
696
|
+
}
|
|
697
|
+
.fractal-floating-field__border {
|
|
698
|
+
position: absolute;
|
|
699
|
+
pointer-events: none;
|
|
700
|
+
inset: calc(var(--control-line-height) * -0.375) 0 0;
|
|
701
|
+
min-width: 0;
|
|
702
|
+
margin: 0;
|
|
703
|
+
padding: 0 calc(var(--field-label-inset) - 4px);
|
|
704
|
+
border: 1px solid var(--border-default);
|
|
705
|
+
border-radius: var(--radius-sm);
|
|
706
|
+
}
|
|
707
|
+
.fractal-floating-field--dropdown > .fractal-floating-field__border,
|
|
708
|
+
.fractal-floating-field--textarea > .fractal-floating-field__border {
|
|
709
|
+
border-color: var(--border-subtle);
|
|
710
|
+
border-radius: var(--radius-md);
|
|
711
|
+
}
|
|
712
|
+
.fractal-floating-field__border legend {
|
|
713
|
+
float: none;
|
|
714
|
+
width: 0;
|
|
715
|
+
max-width: 100%;
|
|
716
|
+
height: calc(var(--control-line-height) * 0.75);
|
|
717
|
+
padding: 0;
|
|
718
|
+
overflow: hidden;
|
|
719
|
+
white-space: nowrap;
|
|
720
|
+
font: 400 calc(var(--control-font-size) * 0.75) / 1 var(--font-sans);
|
|
721
|
+
visibility: hidden;
|
|
722
|
+
}
|
|
723
|
+
.fractal-floating-field__border legend span {
|
|
724
|
+
padding-inline: 3px;
|
|
725
|
+
}
|
|
726
|
+
.fractal-floating-field:where(:focus-within, [data-filled=true], [data-open=true], [data-always-float=true], :has(input:not(:placeholder-shown)), :has(textarea:not(:placeholder-shown))) > .fractal-floating-field__border legend {
|
|
727
|
+
width: auto;
|
|
728
|
+
}
|
|
729
|
+
.fractal-floating-field:has(:is(input, textarea):focus-visible) > .fractal-floating-field__border {
|
|
730
|
+
border-color: var(--border-focus);
|
|
731
|
+
}
|
|
732
|
+
.fractal-floating-field:has(:is(input, textarea):disabled) > .fractal-floating-field__border {
|
|
733
|
+
opacity: 0.5;
|
|
734
|
+
}
|
|
735
|
+
.fractal-floating-field:has(.fractal-dropdown-trigger--tertiary) > .fractal-floating-field__border {
|
|
736
|
+
border-color: transparent;
|
|
737
|
+
}
|
|
695
738
|
|
|
696
739
|
/* src/components/TableSearch/TableSearch.css */
|
|
697
740
|
.fractal-table-search {
|