@ynput/ayon-react-components 0.5.16 → 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,19 +9053,23 @@ const Pi = ge.input`
|
|
|
9058
9053
|
}
|
|
9059
9054
|
`, cpe = ge.div`
|
|
9060
9055
|
display: flex;
|
|
9061
|
-
|
|
9056
|
+
width: 100%;
|
|
9057
|
+
position: relative;
|
|
9058
|
+
|
|
9062
9059
|
> input {
|
|
9063
|
-
|
|
9064
|
-
|
|
9060
|
+
padding-right: 2em;
|
|
9061
|
+
width: 100%;
|
|
9065
9062
|
}
|
|
9066
9063
|
|
|
9067
9064
|
> .eyeIcon {
|
|
9068
|
-
position:
|
|
9065
|
+
position: absolute;
|
|
9069
9066
|
display: flex;
|
|
9070
9067
|
align-items: center;
|
|
9071
|
-
right:
|
|
9068
|
+
right: 0.5em;
|
|
9072
9069
|
cursor: pointer;
|
|
9073
9070
|
user-select: none;
|
|
9071
|
+
top: 50%;
|
|
9072
|
+
transform: translateY(-50%);
|
|
9074
9073
|
color: var(--md-sys-color-outline);
|
|
9075
9074
|
&:hover {
|
|
9076
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,19 +509,23 @@ function print() { __p += __j.call(arguments, '') }
|
|
|
512
509
|
}
|
|
513
510
|
`,yg=me.default.div`
|
|
514
511
|
display: flex;
|
|
515
|
-
|
|
512
|
+
width: 100%;
|
|
513
|
+
position: relative;
|
|
514
|
+
|
|
516
515
|
> input {
|
|
517
|
-
|
|
518
|
-
|
|
516
|
+
padding-right: 2em;
|
|
517
|
+
width: 100%;
|
|
519
518
|
}
|
|
520
519
|
|
|
521
520
|
> .eyeIcon {
|
|
522
|
-
position:
|
|
521
|
+
position: absolute;
|
|
523
522
|
display: flex;
|
|
524
523
|
align-items: center;
|
|
525
|
-
right:
|
|
524
|
+
right: 0.5em;
|
|
526
525
|
cursor: pointer;
|
|
527
526
|
user-select: none;
|
|
527
|
+
top: 50%;
|
|
528
|
+
transform: translateY(-50%);
|
|
528
529
|
color: var(--md-sys-color-outline);
|
|
529
530
|
&:hover {
|
|
530
531
|
color: var(--md-sys-color-on-surface);
|