@ynput/ayon-react-components 0.5.17 → 0.5.18
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/Inputs/styles.d.ts
CHANGED
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
|
|
2
|
-
$isHidden?: boolean | undefined;
|
|
3
|
-
}, never>;
|
|
1
|
+
export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
|
|
4
2
|
export declare const StyledToggleInput: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -9028,11 +9028,6 @@ const Pi = ge.input`
|
|
|
9028
9028
|
max-height: var(--base-input-size);
|
|
9029
9029
|
padding: 0 8px;
|
|
9030
9030
|
|
|
9031
|
-
// Password-like conversion of characters to full circles for input type="text"
|
|
9032
|
-
${({
|
|
9033
|
-
$isHidden: r
|
|
9034
|
-
}) => r && "-webkit-text-security: disc;"}
|
|
9035
|
-
|
|
9036
9031
|
&:focus {
|
|
9037
9032
|
outline: 1px solid var(--md-sys-color-primary);
|
|
9038
9033
|
}
|
|
@@ -9058,14 +9053,23 @@ const Pi = ge.input`
|
|
|
9058
9053
|
}
|
|
9059
9054
|
`, cpe = ge.div`
|
|
9060
9055
|
display: flex;
|
|
9056
|
+
width: 100%;
|
|
9057
|
+
position: relative;
|
|
9058
|
+
|
|
9059
|
+
> input {
|
|
9060
|
+
padding-right: 2em;
|
|
9061
|
+
width: 100%;
|
|
9062
|
+
}
|
|
9061
9063
|
|
|
9062
9064
|
> .eyeIcon {
|
|
9063
|
-
position:
|
|
9065
|
+
position: absolute;
|
|
9064
9066
|
display: flex;
|
|
9065
9067
|
align-items: center;
|
|
9066
|
-
right:
|
|
9068
|
+
right: 0.5em;
|
|
9067
9069
|
cursor: pointer;
|
|
9068
9070
|
user-select: none;
|
|
9071
|
+
top: 50%;
|
|
9072
|
+
transform: translateY(-50%);
|
|
9069
9073
|
color: var(--md-sys-color-outline);
|
|
9070
9074
|
&:hover {
|
|
9071
9075
|
color: var(--md-sys-color-on-surface);
|
|
@@ -484,9 +484,6 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
484
484
|
max-height: var(--base-input-size);
|
|
485
485
|
padding: 0 8px;
|
|
486
486
|
|
|
487
|
-
// Password-like conversion of characters to full circles for input type="text"
|
|
488
|
-
${({$isHidden:r})=>r&&"-webkit-text-security: disc;"}
|
|
489
|
-
|
|
490
487
|
&:focus {
|
|
491
488
|
outline: 1px solid var(--md-sys-color-primary);
|
|
492
489
|
}
|
|
@@ -512,14 +509,23 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
512
509
|
}
|
|
513
510
|
`,yg=me.default.div`
|
|
514
511
|
display: flex;
|
|
512
|
+
width: 100%;
|
|
513
|
+
position: relative;
|
|
514
|
+
|
|
515
|
+
> input {
|
|
516
|
+
padding-right: 2em;
|
|
517
|
+
width: 100%;
|
|
518
|
+
}
|
|
515
519
|
|
|
516
520
|
> .eyeIcon {
|
|
517
|
-
position:
|
|
521
|
+
position: absolute;
|
|
518
522
|
display: flex;
|
|
519
523
|
align-items: center;
|
|
520
|
-
right:
|
|
524
|
+
right: 0.5em;
|
|
521
525
|
cursor: pointer;
|
|
522
526
|
user-select: none;
|
|
527
|
+
top: 50%;
|
|
528
|
+
transform: translateY(-50%);
|
|
523
529
|
color: var(--md-sys-color-outline);
|
|
524
530
|
&:hover {
|
|
525
531
|
color: var(--md-sys-color-on-surface);
|