@amboss/design-system 3.30.0 → 3.31.0
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/build/cjs/components/Form/PasswordInput/PasswordInput.d.ts +48 -6
- package/build/cjs/components/Form/PasswordInput/PasswordInput.js +1 -1
- package/build/cjs/components/Form/PasswordInput/PasswordInputButton.d.ts +13 -0
- package/build/cjs/components/Form/PasswordInput/PasswordInputButton.js +1 -0
- package/build/esm/components/Form/PasswordInput/PasswordInput.d.ts +48 -6
- package/build/esm/components/Form/PasswordInput/PasswordInput.js +1 -1
- package/build/esm/components/Form/PasswordInput/PasswordInputButton.d.ts +13 -0
- package/build/esm/components/Form/PasswordInput/PasswordInputButton.js +1 -0
- package/package.json +1 -1
|
@@ -2,7 +2,21 @@ import type { InputHTMLAttributes } from "react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import type { FormFieldProps } from "../FormField/FormField";
|
|
4
4
|
export type PasswordInputProps = {
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* Props for sub-components.
|
|
7
|
+
*
|
|
8
|
+
* - `toggleVisibility.ariaLabelShow` — Label for screen readers when the icon can be toggled to show the password
|
|
9
|
+
*
|
|
10
|
+
* - `toggleVisibility.ariaLabelHide` — Label for screen readers when the icon can be toggled to hide the password
|
|
11
|
+
*/
|
|
12
|
+
slotProps: {
|
|
13
|
+
toggleVisibility: {
|
|
14
|
+
/** Label for screen readers when icon can be toggled to show password */
|
|
15
|
+
ariaLabelShow: string;
|
|
16
|
+
/** Label for screen readers when icon can be toggled to hide password */
|
|
17
|
+
ariaLabelHide: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
6
20
|
} & InputProps;
|
|
7
21
|
type InputProps = {
|
|
8
22
|
/**
|
|
@@ -10,31 +24,59 @@ type InputProps = {
|
|
|
10
24
|
*/
|
|
11
25
|
hasError?: boolean;
|
|
12
26
|
/**
|
|
13
|
-
*
|
|
27
|
+
* Function for on icon click behavior
|
|
14
28
|
*/
|
|
15
29
|
onIconClick?: (e: React.MouseEvent) => void;
|
|
16
30
|
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type">;
|
|
17
31
|
export declare const PasswordInputRaw: React.ForwardRefExoticComponent<{
|
|
18
|
-
|
|
32
|
+
/**
|
|
33
|
+
* Props for sub-components.
|
|
34
|
+
*
|
|
35
|
+
* - `toggleVisibility.ariaLabelShow` — Label for screen readers when the icon can be toggled to show the password
|
|
36
|
+
*
|
|
37
|
+
* - `toggleVisibility.ariaLabelHide` — Label for screen readers when the icon can be toggled to hide the password
|
|
38
|
+
*/
|
|
39
|
+
slotProps: {
|
|
40
|
+
toggleVisibility: {
|
|
41
|
+
/** Label for screen readers when icon can be toggled to show password */
|
|
42
|
+
ariaLabelShow: string;
|
|
43
|
+
/** Label for screen readers when icon can be toggled to hide password */
|
|
44
|
+
ariaLabelHide: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
19
47
|
} & {
|
|
20
48
|
/**
|
|
21
49
|
* Set to true to toggle error state
|
|
22
50
|
*/
|
|
23
51
|
hasError?: boolean;
|
|
24
52
|
/**
|
|
25
|
-
*
|
|
53
|
+
* Function for on icon click behavior
|
|
26
54
|
*/
|
|
27
55
|
onIconClick?: (e: React.MouseEvent) => void;
|
|
28
56
|
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;
|
|
29
57
|
export declare const PasswordInput: React.ForwardRefExoticComponent<{
|
|
30
|
-
|
|
58
|
+
/**
|
|
59
|
+
* Props for sub-components.
|
|
60
|
+
*
|
|
61
|
+
* - `toggleVisibility.ariaLabelShow` — Label for screen readers when the icon can be toggled to show the password
|
|
62
|
+
*
|
|
63
|
+
* - `toggleVisibility.ariaLabelHide` — Label for screen readers when the icon can be toggled to hide the password
|
|
64
|
+
*/
|
|
65
|
+
slotProps: {
|
|
66
|
+
toggleVisibility: {
|
|
67
|
+
/** Label for screen readers when icon can be toggled to show password */
|
|
68
|
+
ariaLabelShow: string;
|
|
69
|
+
/** Label for screen readers when icon can be toggled to hide password */
|
|
70
|
+
ariaLabelHide: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
31
73
|
} & {
|
|
32
74
|
/**
|
|
33
75
|
* Set to true to toggle error state
|
|
34
76
|
*/
|
|
35
77
|
hasError?: boolean;
|
|
36
78
|
/**
|
|
37
|
-
*
|
|
79
|
+
* Function for on icon click behavior
|
|
38
80
|
*/
|
|
39
81
|
onIconClick?: (e: React.MouseEvent) => void;
|
|
40
82
|
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PasswordInput(){return PasswordInput},get PasswordInputRaw(){return PasswordInputRaw}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_FormField=require("../FormField/FormField"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),handleBorderColor=(theme,hasError,readOnly)=>hasError?theme.values.color.border.error.default:readOnly?theme.values.color.border.primary.disabled:theme.values.color.border.primary.default,handleIconBorderColor=(theme,hasError)=>hasError?theme.values.color.icon.error.default:"transparent",handleIconLeftBorderColor=(theme,hasError)=>hasError?theme.values.color.border.error.default:theme.values.color.border.primary.default,StyledContainer=(0,_styled.default)("div",{target:"e1ro5src0",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvdXNlRm9ybUZpZWxkTWVzc2FnZUlkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb24uZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25MZWZ0Qm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFBhc3N3b3JkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IC0gMXB4KSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc31gLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eGwsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkpLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImLmhhcy1pY29uXCI6IHtcbiAgICAgIHBhZGRpbmdSaWdodDpcbiAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyArIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uLm0sXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICBcIiY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIC4uLihoYXNFcnJvciAmJiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggaW5zZXQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgaWNvbkFyaWFMYWJlbCxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUGFzc3dvcmRJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgW2lucHV0VHlwZSwgc2V0SW5wdXRUeXBlXSA9IHVzZVN0YXRlKFwicGFzc3dvcmRcIik7XG4gICAgY29uc3QgY3VycmVudFR5cGUgPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwidGV4dFwiIDogXCJwYXNzd29yZFwiO1xuICAgIGNvbnN0IGV5ZUljb24gPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwiZXllLW9mZlwiIDogXCJleWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRJY29uQnRuXG4gICAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25JY29uQ2xpY2spIHtcbiAgICAgICAgICAgICAgb25JY29uQ2xpY2soZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRJbnB1dFR5cGUoY3VycmVudFR5cGUpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtyZWFkT25seSB8fCBkaXNhYmxlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uQXJpYUxhYmVsfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2V5ZUljb259XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlciA9IFwi4oCi4oCi4oCi4oCi4oCi4oCi4oCi4oCiXCIsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgb25JY29uQ2xpY2ssXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsYWJlbCxcbiAgICAgIGxhYmVsSGludCxcbiAgICAgIGhpZGVMYWJlbCxcbiAgICAgIGhpbnQsXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHsgaWQsIGFyaWFEZXNjcmliZWRCeVByb3AgfSA9IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCh7XG4gICAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgaGludCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUZpZWxkXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgIGxhYmVsSGludD17bGFiZWxIaW50fVxuICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgaGludD17aGludH1cbiAgICAgICAgZXJyb3JNZXNzYWdlcz17ZXJyb3JNZXNzYWdlc31cbiAgICAgICAgbWVzc2FnZUlkPXtpZH1cbiAgICAgID5cbiAgICAgICAgPFBhc3N3b3JkSW5wdXRSYXdcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgIDwvRm9ybUZpZWxkPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUR3QiJ9 */"),StyledIconBtn=(0,_styled.default)("button",{target:"e1ro5src1",label:"StyledIconBtn"})(({theme,hasError})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},position:"absolute",top:0,right:0,border:"1px solid",borderColor:handleIconBorderColor(theme,hasError),borderLeftColor:handleIconLeftBorderColor(theme,hasError),padding:`calc(${theme.variables.size.spacing.s} - 1px) ${theme.variables.size.spacing.s}`,borderRadius:theme.variables.size.borderRadius.xs,borderBottomLeftRadius:"0",borderTopLeftRadius:"0",color:theme.values.color.text.secondary.default,backgroundColor:"inherit",cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.primary.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active,borderColor:theme.values.color.border.primary.active},"&:disabled":{backgroundColor:theme.values.color.background.transparent.default,borderLeftColor:theme.values.color.border.primary.disabled,pointerEvents:"none"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`},"& svg":{pointerEvents:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvdXNlRm9ybUZpZWxkTWVzc2FnZUlkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb24uZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25MZWZ0Qm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFBhc3N3b3JkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IC0gMXB4KSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc31gLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eGwsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkpLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImLmhhcy1pY29uXCI6IHtcbiAgICAgIHBhZGRpbmdSaWdodDpcbiAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyArIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uLm0sXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICBcIiY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIC4uLihoYXNFcnJvciAmJiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggaW5zZXQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgaWNvbkFyaWFMYWJlbCxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUGFzc3dvcmRJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgW2lucHV0VHlwZSwgc2V0SW5wdXRUeXBlXSA9IHVzZVN0YXRlKFwicGFzc3dvcmRcIik7XG4gICAgY29uc3QgY3VycmVudFR5cGUgPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwidGV4dFwiIDogXCJwYXNzd29yZFwiO1xuICAgIGNvbnN0IGV5ZUljb24gPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwiZXllLW9mZlwiIDogXCJleWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRJY29uQnRuXG4gICAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25JY29uQ2xpY2spIHtcbiAgICAgICAgICAgICAgb25JY29uQ2xpY2soZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRJbnB1dFR5cGUoY3VycmVudFR5cGUpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtyZWFkT25seSB8fCBkaXNhYmxlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uQXJpYUxhYmVsfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2V5ZUljb259XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlciA9IFwi4oCi4oCi4oCi4oCi4oCi4oCi4oCi4oCiXCIsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgb25JY29uQ2xpY2ssXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsYWJlbCxcbiAgICAgIGxhYmVsSGludCxcbiAgICAgIGhpZGVMYWJlbCxcbiAgICAgIGhpbnQsXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHsgaWQsIGFyaWFEZXNjcmliZWRCeVByb3AgfSA9IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCh7XG4gICAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgaGludCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUZpZWxkXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgIGxhYmVsSGludD17bGFiZWxIaW50fVxuICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgaGludD17aGludH1cbiAgICAgICAgZXJyb3JNZXNzYWdlcz17ZXJyb3JNZXNzYWdlc31cbiAgICAgICAgbWVzc2FnZUlkPXtpZH1cbiAgICAgID5cbiAgICAgICAgPFBhc3N3b3JkSW5wdXRSYXdcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgIDwvRm9ybUZpZWxkPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VzQiJ9 */"),StyledPasswordInput=(0,_styled.default)("input",{target:"e1ro5src2",label:"StyledPasswordInput"})(({theme,hasError,readOnly})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,borderRadius:theme.variables.size.borderRadius.xs,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`calc(${theme.variables.size.spacing.xs} - 1px) ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xxl,boxSizing:"border-box",color:theme.values.color.text.secondary.default,borderColor:handleBorderColor(theme,hasError,readOnly),backgroundColor:theme.values.color.background.primary.default,"&.error":{borderColor:theme.values.color.border.error.default},"&.has-icon":{paddingRight:theme.variables.size.spacing.xs+theme.variables.size.dimension.icon.m},"&::placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default,opacity:theme.variables.opacity.visible},"&:-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},"&::-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvdXNlRm9ybUZpZWxkTWVzc2FnZUlkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb24uZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25MZWZ0Qm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFBhc3N3b3JkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IC0gMXB4KSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc31gLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eGwsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkpLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImLmhhcy1pY29uXCI6IHtcbiAgICAgIHBhZGRpbmdSaWdodDpcbiAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyArIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uLm0sXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICBcIiY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIC4uLihoYXNFcnJvciAmJiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggaW5zZXQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgaWNvbkFyaWFMYWJlbCxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUGFzc3dvcmRJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgW2lucHV0VHlwZSwgc2V0SW5wdXRUeXBlXSA9IHVzZVN0YXRlKFwicGFzc3dvcmRcIik7XG4gICAgY29uc3QgY3VycmVudFR5cGUgPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwidGV4dFwiIDogXCJwYXNzd29yZFwiO1xuICAgIGNvbnN0IGV5ZUljb24gPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwiZXllLW9mZlwiIDogXCJleWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRJY29uQnRuXG4gICAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25JY29uQ2xpY2spIHtcbiAgICAgICAgICAgICAgb25JY29uQ2xpY2soZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRJbnB1dFR5cGUoY3VycmVudFR5cGUpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtyZWFkT25seSB8fCBkaXNhYmxlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uQXJpYUxhYmVsfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2V5ZUljb259XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlciA9IFwi4oCi4oCi4oCi4oCi4oCi4oCi4oCi4oCiXCIsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgb25JY29uQ2xpY2ssXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsYWJlbCxcbiAgICAgIGxhYmVsSGludCxcbiAgICAgIGhpZGVMYWJlbCxcbiAgICAgIGhpbnQsXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHsgaWQsIGFyaWFEZXNjcmliZWRCeVByb3AgfSA9IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCh7XG4gICAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgaGludCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUZpZWxkXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgIGxhYmVsSGludD17bGFiZWxIaW50fVxuICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgaGludD17aGludH1cbiAgICAgICAgZXJyb3JNZXNzYWdlcz17ZXJyb3JNZXNzYWdlc31cbiAgICAgICAgbWVzc2FnZUlkPXtpZH1cbiAgICAgID5cbiAgICAgICAgPFBhc3N3b3JkSW5wdXRSYXdcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgIDwvRm9ybUZpZWxkPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkc0QiJ9 */"),PasswordInputRaw=(0,_react.forwardRef)(({placeholder,hasError=!1,onIconClick,iconAriaLabel,readOnly,disabled,...rest},ref)=>{let[inputType,setInputType]=(0,_react.useState)("password"),currentType="password"===inputType?"text":"password";return _react.default.createElement(StyledContainer,null,_react.default.createElement(StyledPasswordInput,{...rest,type:inputType,placeholder:!readOnly&&placeholder,ref:ref,hasError:hasError,readOnly:readOnly,disabled:disabled,"aria-invalid":hasError}),_react.default.createElement(StyledIconBtn,{onClick:e=>{disabled&&e.preventDefault(),onIconClick&&onIconClick(e),setInputType(currentType)},hasError:hasError,disabled:readOnly||disabled,"aria-label":iconAriaLabel,type:"button"},_react.default.createElement(_Icon.Icon,{name:"password"===inputType?"eye-off":"eye",size:"s",color:readOnly?"quaternary":"tertiary"})))}),PasswordInput=_react.default.forwardRef(({placeholder="••••••••",hasError=!1,onIconClick,autoComplete="on",iconAriaLabel,disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_FormField.FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PasswordInput",disabled:disabled,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(PasswordInputRaw,{...rest,ref:ref,placeholder:placeholder,hasError:hasError,disabled:disabled,onIconClick:onIconClick,autoComplete:autoComplete,iconAriaLabel:iconAriaLabel,...ariaDescribedByProp}))});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get PasswordInput(){return PasswordInput},get PasswordInputRaw(){return PasswordInputRaw}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_FormField=require("../FormField/FormField"),_useFormFieldMessageId=require("../FormField/useFormFieldMessageId"),_PasswordInputButton=require("./PasswordInputButton"),handleBorderColor=(theme,hasError,readOnly)=>hasError?theme.values.color.border.error.default:readOnly?theme.values.color.border.primary.disabled:theme.values.color.border.primary.default,StyledContainer=(0,_styled.default)("div",{target:"e3t34vm0",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkTWVzc2FnZUlkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC91c2VGb3JtRmllbGRNZXNzYWdlSWRcIjtcbmltcG9ydCB7IFBhc3N3b3JkSW5wdXRCdXR0b24gfSBmcm9tIFwiLi9QYXNzd29yZElucHV0QnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByb3BzIGZvciBzdWItY29tcG9uZW50cy5cbiAgICpcbiAgICogLSBgdG9nZ2xlVmlzaWJpbGl0eS5hcmlhTGFiZWxTaG93YCDigJQgTGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlIGljb24gY2FuIGJlIHRvZ2dsZWQgdG8gc2hvdyB0aGUgcGFzc3dvcmRcbiAgICpcbiAgICogLSBgdG9nZ2xlVmlzaWJpbGl0eS5hcmlhTGFiZWxIaWRlYCDigJQgTGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlIGljb24gY2FuIGJlIHRvZ2dsZWQgdG8gaGlkZSB0aGUgcGFzc3dvcmRcbiAgICovXG4gIHNsb3RQcm9wczoge1xuICAgIHRvZ2dsZVZpc2liaWxpdHk6IHtcbiAgICAgIC8qKiBMYWJlbCBmb3Igc2NyZWVuIHJlYWRlcnMgd2hlbiBpY29uIGNhbiBiZSB0b2dnbGVkIHRvIHNob3cgcGFzc3dvcmQgKi9cbiAgICAgIGFyaWFMYWJlbFNob3c6IHN0cmluZztcbiAgICAgIC8qKiBMYWJlbCBmb3Igc2NyZWVuIHJlYWRlcnMgd2hlbiBpY29uIGNhbiBiZSB0b2dnbGVkIHRvIGhpZGUgcGFzc3dvcmQgKi9cbiAgICAgIGFyaWFMYWJlbEhpZGU6IHN0cmluZztcbiAgICB9O1xuICB9O1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogRnVuY3Rpb24gZm9yIG9uIGljb24gY2xpY2sgYmVoYXZpb3JcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdihcbiAgKCkgPT5cbiAgICAoe1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgfSBhcyBDU1NPYmplY3QpXG4pO1xuXG5jb25zdCBTdHlsZWRQYXNzd29yZElucHV0ID0gc3R5bGVkLmlucHV0PElucHV0UHJvcHM+KFxuICAoeyB0aGVtZSwgaGFzRXJyb3IsIHJlYWRPbmx5IH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueGwsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAtIDFweCkgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJvcmRlckNvbG9yOiBoYW5kbGVCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IsIHJlYWRPbmx5KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBcIiYuZXJyb3JcIjoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgICB9LFxuICAgIFwiJi5oYXMtaWNvblwiOiB7XG4gICAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMgKyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24uaWNvbi5tLFxuICAgIH0sXG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGUsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBvbkljb25DbGljayxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBzbG90UHJvcHM6IHtcbiAgICAgICAgdG9nZ2xlVmlzaWJpbGl0eTogeyBhcmlhTGFiZWxTaG93LCBhcmlhTGFiZWxIaWRlIH0sXG4gICAgICB9LFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IFtpc1Bhc3N3b3JkVmlzaWJsZSwgc2V0SXNQYXNzd29yZFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGlucHV0VHlwZSA9IGlzUGFzc3dvcmRWaXNpYmxlID8gXCJ0ZXh0XCIgOiBcInBhc3N3b3JkXCI7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gaXNQYXNzd29yZFZpc2libGUgPyBhcmlhTGFiZWxIaWRlIDogYXJpYUxhYmVsU2hvdztcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxQYXNzd29yZElucHV0QnV0dG9uXG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgaXNQYXNzd29yZFZpc2libGU9e2lzUGFzc3dvcmRWaXNpYmxlfVxuICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICBvblRvZ2dsZT17KCkgPT4gc2V0SXNQYXNzd29yZFZpc2libGUoKHByZXYpID0+ICFwcmV2KX1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyID0gXCLigKLigKLigKLigKLigKLigKLigKLigKJcIixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBvbkljb25DbGljayxcbiAgICAgIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgICAgIHNsb3RQcm9wcyxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgbGFiZWwsXG4gICAgICBsYWJlbEhpbnQsXG4gICAgICBoaWRlTGFiZWwsXG4gICAgICBoaW50LFxuICAgICAgZXJyb3JNZXNzYWdlcyxcbiAgICAgIFwiYXJpYS1kZXNjcmliZWRieVwiOiBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQYXNzd29yZElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWFjdC5SZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCB7IGlkLCBhcmlhRGVzY3JpYmVkQnlQcm9wIH0gPSB1c2VGb3JtRmllbGRNZXNzYWdlSWQoe1xuICAgICAgYXJpYURlc2NyaWJlZEJ5LFxuICAgICAgZXJyb3JNZXNzYWdlcyxcbiAgICAgIGhpbnQsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1GaWVsZFxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiUGFzc3dvcmRJbnB1dFwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgICAgaGlkZUxhYmVsPXtoaWRlTGFiZWx9XG4gICAgICAgIGhpbnQ9e2hpbnR9XG4gICAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICAgIG1lc3NhZ2VJZD17aWR9XG4gICAgICA+XG4gICAgICAgIDxQYXNzd29yZElucHV0UmF3XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgb25JY29uQ2xpY2s9e29uSWNvbkNsaWNrfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHNsb3RQcm9wcz17c2xvdFByb3BzfVxuICAgICAgICAgIHsuLi5hcmlhRGVzY3JpYmVkQnlQcm9wfVxuICAgICAgICAvPlxuICAgICAgPC9Gb3JtRmllbGQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRHdCIn0= */"),StyledPasswordInput=(0,_styled.default)("input",{target:"e3t34vm1",label:"StyledPasswordInput"})(({theme,hasError,readOnly})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,borderRadius:theme.variables.size.borderRadius.xs,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`calc(${theme.variables.size.spacing.xs} - 1px) ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xxl,boxSizing:"border-box",color:theme.values.color.text.secondary.default,borderColor:handleBorderColor(theme,hasError,readOnly),backgroundColor:theme.values.color.background.primary.default,"&.error":{borderColor:theme.values.color.border.error.default},"&.has-icon":{paddingRight:theme.variables.size.spacing.xs+theme.variables.size.dimension.icon.m},"&::placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default,opacity:theme.variables.opacity.visible},"&:-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},"&::-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkTWVzc2FnZUlkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC91c2VGb3JtRmllbGRNZXNzYWdlSWRcIjtcbmltcG9ydCB7IFBhc3N3b3JkSW5wdXRCdXR0b24gfSBmcm9tIFwiLi9QYXNzd29yZElucHV0QnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByb3BzIGZvciBzdWItY29tcG9uZW50cy5cbiAgICpcbiAgICogLSBgdG9nZ2xlVmlzaWJpbGl0eS5hcmlhTGFiZWxTaG93YCDigJQgTGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlIGljb24gY2FuIGJlIHRvZ2dsZWQgdG8gc2hvdyB0aGUgcGFzc3dvcmRcbiAgICpcbiAgICogLSBgdG9nZ2xlVmlzaWJpbGl0eS5hcmlhTGFiZWxIaWRlYCDigJQgTGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlIGljb24gY2FuIGJlIHRvZ2dsZWQgdG8gaGlkZSB0aGUgcGFzc3dvcmRcbiAgICovXG4gIHNsb3RQcm9wczoge1xuICAgIHRvZ2dsZVZpc2liaWxpdHk6IHtcbiAgICAgIC8qKiBMYWJlbCBmb3Igc2NyZWVuIHJlYWRlcnMgd2hlbiBpY29uIGNhbiBiZSB0b2dnbGVkIHRvIHNob3cgcGFzc3dvcmQgKi9cbiAgICAgIGFyaWFMYWJlbFNob3c6IHN0cmluZztcbiAgICAgIC8qKiBMYWJlbCBmb3Igc2NyZWVuIHJlYWRlcnMgd2hlbiBpY29uIGNhbiBiZSB0b2dnbGVkIHRvIGhpZGUgcGFzc3dvcmQgKi9cbiAgICAgIGFyaWFMYWJlbEhpZGU6IHN0cmluZztcbiAgICB9O1xuICB9O1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogRnVuY3Rpb24gZm9yIG9uIGljb24gY2xpY2sgYmVoYXZpb3JcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdihcbiAgKCkgPT5cbiAgICAoe1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgfSBhcyBDU1NPYmplY3QpXG4pO1xuXG5jb25zdCBTdHlsZWRQYXNzd29yZElucHV0ID0gc3R5bGVkLmlucHV0PElucHV0UHJvcHM+KFxuICAoeyB0aGVtZSwgaGFzRXJyb3IsIHJlYWRPbmx5IH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueGwsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAtIDFweCkgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJvcmRlckNvbG9yOiBoYW5kbGVCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IsIHJlYWRPbmx5KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBcIiYuZXJyb3JcIjoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgICB9LFxuICAgIFwiJi5oYXMtaWNvblwiOiB7XG4gICAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMgKyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24uaWNvbi5tLFxuICAgIH0sXG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGUsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBvbkljb25DbGljayxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBzbG90UHJvcHM6IHtcbiAgICAgICAgdG9nZ2xlVmlzaWJpbGl0eTogeyBhcmlhTGFiZWxTaG93LCBhcmlhTGFiZWxIaWRlIH0sXG4gICAgICB9LFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IFtpc1Bhc3N3b3JkVmlzaWJsZSwgc2V0SXNQYXNzd29yZFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGlucHV0VHlwZSA9IGlzUGFzc3dvcmRWaXNpYmxlID8gXCJ0ZXh0XCIgOiBcInBhc3N3b3JkXCI7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gaXNQYXNzd29yZFZpc2libGUgPyBhcmlhTGFiZWxIaWRlIDogYXJpYUxhYmVsU2hvdztcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxQYXNzd29yZElucHV0QnV0dG9uXG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgaXNQYXNzd29yZFZpc2libGU9e2lzUGFzc3dvcmRWaXNpYmxlfVxuICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICBvblRvZ2dsZT17KCkgPT4gc2V0SXNQYXNzd29yZFZpc2libGUoKHByZXYpID0+ICFwcmV2KX1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyID0gXCLigKLigKLigKLigKLigKLigKLigKLigKJcIixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBvbkljb25DbGljayxcbiAgICAgIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgICAgIHNsb3RQcm9wcyxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgbGFiZWwsXG4gICAgICBsYWJlbEhpbnQsXG4gICAgICBoaWRlTGFiZWwsXG4gICAgICBoaW50LFxuICAgICAgZXJyb3JNZXNzYWdlcyxcbiAgICAgIFwiYXJpYS1kZXNjcmliZWRieVwiOiBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQYXNzd29yZElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWFjdC5SZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCB7IGlkLCBhcmlhRGVzY3JpYmVkQnlQcm9wIH0gPSB1c2VGb3JtRmllbGRNZXNzYWdlSWQoe1xuICAgICAgYXJpYURlc2NyaWJlZEJ5LFxuICAgICAgZXJyb3JNZXNzYWdlcyxcbiAgICAgIGhpbnQsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1GaWVsZFxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiUGFzc3dvcmRJbnB1dFwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgICAgaGlkZUxhYmVsPXtoaWRlTGFiZWx9XG4gICAgICAgIGhpbnQ9e2hpbnR9XG4gICAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICAgIG1lc3NhZ2VJZD17aWR9XG4gICAgICA+XG4gICAgICAgIDxQYXNzd29yZElucHV0UmF3XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgb25JY29uQ2xpY2s9e29uSWNvbkNsaWNrfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHNsb3RQcm9wcz17c2xvdFByb3BzfVxuICAgICAgICAgIHsuLi5hcmlhRGVzY3JpYmVkQnlQcm9wfVxuICAgICAgICAvPlxuICAgICAgPC9Gb3JtRmllbGQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRDRCIn0= */"),PasswordInputRaw=(0,_react.forwardRef)(({placeholder,hasError=!1,onIconClick,readOnly,disabled,slotProps:{toggleVisibility:{ariaLabelShow,ariaLabelHide}},...rest},ref)=>{let[isPasswordVisible,setIsPasswordVisible]=(0,_react.useState)(!1);return _react.default.createElement(StyledContainer,null,_react.default.createElement(StyledPasswordInput,{...rest,type:isPasswordVisible?"text":"password",placeholder:!readOnly&&placeholder,ref:ref,hasError:hasError,readOnly:readOnly,disabled:disabled,"aria-invalid":hasError}),_react.default.createElement(_PasswordInputButton.PasswordInputButton,{hasError:hasError,disabled:disabled,onIconClick:onIconClick,isPasswordVisible:isPasswordVisible,readOnly:readOnly,ariaLabel:isPasswordVisible?ariaLabelHide:ariaLabelShow,onToggle:()=>setIsPasswordVisible(prev=>!prev)}))}),PasswordInput=_react.default.forwardRef(({placeholder="••••••••",hasError=!1,onIconClick,autoComplete="on",slotProps,disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=(0,_useFormFieldMessageId.useFormFieldMessageId)({ariaDescribedBy,errorMessages,hint});return _react.default.createElement(_FormField.FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PasswordInput",disabled:disabled,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},_react.default.createElement(PasswordInputRaw,{...rest,ref:ref,placeholder:placeholder,hasError:hasError,disabled:disabled,onIconClick:onIconClick,autoComplete:autoComplete,slotProps:slotProps,...ariaDescribedByProp}))});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement } from "react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
type PasswordInputButtonProps = {
|
|
4
|
+
onIconClick?: (e: React.MouseEvent) => void;
|
|
5
|
+
hasError: boolean;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
readOnly: boolean;
|
|
8
|
+
ariaLabel: string;
|
|
9
|
+
isPasswordVisible: boolean;
|
|
10
|
+
onToggle: () => void;
|
|
11
|
+
};
|
|
12
|
+
export declare const PasswordInputButton: ({ hasError, disabled, onIconClick, readOnly, ariaLabel, isPasswordVisible, onToggle, }: PasswordInputButtonProps) => ReactElement;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PasswordInputButton",{enumerable:!0,get:function(){return PasswordInputButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_ScreenReaderText=require("../../Utilities/ScreenReaderText/ScreenReaderText"),handleIconBorderColor=(theme,hasError)=>hasError?theme.values.color.icon.error.default:"transparent",handleIconLeftBorderColor=(theme,hasError)=>hasError?theme.values.color.border.error.default:theme.values.color.border.primary.default,handleClick=({e,disabled,onIconClick,onToggle})=>{disabled&&e.preventDefault(),onIconClick?.(e),onToggle()},StyledIconBtn=(0,_styled.default)("button",{target:"e94fqmq0",label:"StyledIconBtn"})(({theme,hasError})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},position:"absolute",top:0,right:0,border:"1px solid",borderColor:handleIconBorderColor(theme,hasError),borderLeftColor:handleIconLeftBorderColor(theme,hasError),padding:`calc(${theme.variables.size.spacing.s} - 1px) ${theme.variables.size.spacing.s}`,borderRadius:theme.variables.size.borderRadius.xs,borderBottomLeftRadius:"0",borderTopLeftRadius:"0",color:theme.values.color.text.secondary.default,backgroundColor:"inherit",cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.primary.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active,borderColor:theme.values.color.border.primary.active},"&:disabled":{backgroundColor:theme.values.color.background.transparent.default,borderLeftColor:theme.values.color.border.primary.disabled,pointerEvents:"none"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`},"& svg":{pointerEvents:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VJZCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFNjcmVlblJlYWRlclRleHQgfSBmcm9tIFwiLi4vLi4vVXRpbGl0aWVzL1NjcmVlblJlYWRlclRleHQvU2NyZWVuUmVhZGVyVGV4dFwiO1xuXG50eXBlIFBhc3N3b3JkSW5wdXRCdXR0b25Qcm9wcyA9IHtcbiAgb25JY29uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgaGFzRXJyb3I6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICByZWFkT25seTogYm9vbGVhbjtcbiAgYXJpYUxhYmVsOiBzdHJpbmc7XG4gIGlzUGFzc3dvcmRWaXNpYmxlOiBib29sZWFuO1xuICBvblRvZ2dsZTogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgSWNvblByb3BzID0ge1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICB0YWJJbmRleD86IG51bWJlcjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25Cb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG59O1xuXG5jb25zdCBoYW5kbGVJY29uTGVmdEJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVDbGljayA9ICh7XG4gIGUsXG4gIGRpc2FibGVkLFxuICBvbkljb25DbGljayxcbiAgb25Ub2dnbGUsXG59OiB7XG4gIGU6IFJlYWN0Lk1vdXNlRXZlbnQ7XG4gIGRpc2FibGVkOiBQYXNzd29yZElucHV0QnV0dG9uUHJvcHNbXCJkaXNhYmxlZFwiXTtcbiAgb25JY29uQ2xpY2s6IFBhc3N3b3JkSW5wdXRCdXR0b25Qcm9wc1tcIm9uSWNvbkNsaWNrXCJdO1xuICBvblRvZ2dsZTogUGFzc3dvcmRJbnB1dEJ1dHRvblByb3BzW1wib25Ub2dnbGVcIl07XG59KSA9PiB7XG4gIGlmIChkaXNhYmxlZCkge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgfVxuICBvbkljb25DbGljaz8uKGUpO1xuICBvblRvZ2dsZSgpO1xufTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0QnV0dG9uID0gKHtcbiAgaGFzRXJyb3IsXG4gIGRpc2FibGVkLFxuICBvbkljb25DbGljayxcbiAgcmVhZE9ubHksXG4gIGFyaWFMYWJlbCxcbiAgaXNQYXNzd29yZFZpc2libGUsXG4gIG9uVG9nZ2xlLFxufTogUGFzc3dvcmRJbnB1dEJ1dHRvblByb3BzKTogUmVhY3RFbGVtZW50ID0+IHtcbiAgY29uc3QgW2lzQnV0dG9uRm9jdXNlZCwgc2V0SXNCdXR0b25Gb2N1c2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3Qgc2NyZWVuUmVhZGVyVGV4dElkID0gdXNlSWQoKTtcbiAgY29uc3Qgc2NyZWVuUmVhZGVyVGV4dCA9IGlzQnV0dG9uRm9jdXNlZCA/IGFyaWFMYWJlbCA6IFwiXCI7XG4gIGNvbnN0IGV5ZUljb24gPSBpc1Bhc3N3b3JkVmlzaWJsZSA/IFwiZXllXCIgOiBcImV5ZS1vZmZcIjtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8U2NyZWVuUmVhZGVyVGV4dCBpZD17c2NyZWVuUmVhZGVyVGV4dElkfT5cbiAgICAgICAge3NjcmVlblJlYWRlclRleHR9XG4gICAgICA8L1NjcmVlblJlYWRlclRleHQ+XG4gICAgICA8U3R5bGVkSWNvbkJ0blxuICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgIGhhbmRsZUNsaWNrKHsgZSwgZGlzYWJsZWQsIG9uSWNvbkNsaWNrLCBvblRvZ2dsZSB9KTtcbiAgICAgICAgfX1cbiAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICBvbkZvY3VzPXsoKSA9PiBzZXRJc0J1dHRvbkZvY3VzZWQodHJ1ZSl9XG4gICAgICAgIG9uQmx1cj17KCkgPT4gc2V0SXNCdXR0b25Gb2N1c2VkKGZhbHNlKX1cbiAgICAgICAgZGlzYWJsZWQ9e3JlYWRPbmx5IHx8IGRpc2FibGVkfVxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtzY3JlZW5SZWFkZXJUZXh0SWR9XG4gICAgICA+XG4gICAgICAgIDxJY29uXG4gICAgICAgICAgbmFtZT17ZXllSWNvbn1cbiAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgY29sb3I9e3JlYWRPbmx5ID8gXCJxdWF0ZXJuYXJ5XCIgOiBcInRlcnRpYXJ5XCJ9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgPC8+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ec0IifQ== */"),PasswordInputButton=({hasError,disabled,onIconClick,readOnly,ariaLabel,isPasswordVisible,onToggle})=>{let[isButtonFocused,setIsButtonFocused]=(0,_react.useState)(!1),screenReaderTextId=(0,_react.useId)();return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_ScreenReaderText.ScreenReaderText,{id:screenReaderTextId},isButtonFocused?ariaLabel:""),_react.default.createElement(StyledIconBtn,{onClick:e=>{handleClick({e,disabled,onIconClick,onToggle})},hasError:hasError,onFocus:()=>setIsButtonFocused(!0),onBlur:()=>setIsButtonFocused(!1),disabled:readOnly||disabled,type:"button","aria-labelledby":screenReaderTextId},_react.default.createElement(_Icon.Icon,{name:isPasswordVisible?"eye":"eye-off",size:"s",color:readOnly?"quaternary":"tertiary"})))};
|
|
@@ -2,7 +2,21 @@ import type { InputHTMLAttributes } from "react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import type { FormFieldProps } from "../FormField/FormField";
|
|
4
4
|
export type PasswordInputProps = {
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* Props for sub-components.
|
|
7
|
+
*
|
|
8
|
+
* - `toggleVisibility.ariaLabelShow` — Label for screen readers when the icon can be toggled to show the password
|
|
9
|
+
*
|
|
10
|
+
* - `toggleVisibility.ariaLabelHide` — Label for screen readers when the icon can be toggled to hide the password
|
|
11
|
+
*/
|
|
12
|
+
slotProps: {
|
|
13
|
+
toggleVisibility: {
|
|
14
|
+
/** Label for screen readers when icon can be toggled to show password */
|
|
15
|
+
ariaLabelShow: string;
|
|
16
|
+
/** Label for screen readers when icon can be toggled to hide password */
|
|
17
|
+
ariaLabelHide: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
6
20
|
} & InputProps;
|
|
7
21
|
type InputProps = {
|
|
8
22
|
/**
|
|
@@ -10,31 +24,59 @@ type InputProps = {
|
|
|
10
24
|
*/
|
|
11
25
|
hasError?: boolean;
|
|
12
26
|
/**
|
|
13
|
-
*
|
|
27
|
+
* Function for on icon click behavior
|
|
14
28
|
*/
|
|
15
29
|
onIconClick?: (e: React.MouseEvent) => void;
|
|
16
30
|
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type">;
|
|
17
31
|
export declare const PasswordInputRaw: React.ForwardRefExoticComponent<{
|
|
18
|
-
|
|
32
|
+
/**
|
|
33
|
+
* Props for sub-components.
|
|
34
|
+
*
|
|
35
|
+
* - `toggleVisibility.ariaLabelShow` — Label for screen readers when the icon can be toggled to show the password
|
|
36
|
+
*
|
|
37
|
+
* - `toggleVisibility.ariaLabelHide` — Label for screen readers when the icon can be toggled to hide the password
|
|
38
|
+
*/
|
|
39
|
+
slotProps: {
|
|
40
|
+
toggleVisibility: {
|
|
41
|
+
/** Label for screen readers when icon can be toggled to show password */
|
|
42
|
+
ariaLabelShow: string;
|
|
43
|
+
/** Label for screen readers when icon can be toggled to hide password */
|
|
44
|
+
ariaLabelHide: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
19
47
|
} & {
|
|
20
48
|
/**
|
|
21
49
|
* Set to true to toggle error state
|
|
22
50
|
*/
|
|
23
51
|
hasError?: boolean;
|
|
24
52
|
/**
|
|
25
|
-
*
|
|
53
|
+
* Function for on icon click behavior
|
|
26
54
|
*/
|
|
27
55
|
onIconClick?: (e: React.MouseEvent) => void;
|
|
28
56
|
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;
|
|
29
57
|
export declare const PasswordInput: React.ForwardRefExoticComponent<{
|
|
30
|
-
|
|
58
|
+
/**
|
|
59
|
+
* Props for sub-components.
|
|
60
|
+
*
|
|
61
|
+
* - `toggleVisibility.ariaLabelShow` — Label for screen readers when the icon can be toggled to show the password
|
|
62
|
+
*
|
|
63
|
+
* - `toggleVisibility.ariaLabelHide` — Label for screen readers when the icon can be toggled to hide the password
|
|
64
|
+
*/
|
|
65
|
+
slotProps: {
|
|
66
|
+
toggleVisibility: {
|
|
67
|
+
/** Label for screen readers when icon can be toggled to show password */
|
|
68
|
+
ariaLabelShow: string;
|
|
69
|
+
/** Label for screen readers when icon can be toggled to hide password */
|
|
70
|
+
ariaLabelHide: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
31
73
|
} & {
|
|
32
74
|
/**
|
|
33
75
|
* Set to true to toggle error state
|
|
34
76
|
*/
|
|
35
77
|
hasError?: boolean;
|
|
36
78
|
/**
|
|
37
|
-
*
|
|
79
|
+
* Function for on icon click behavior
|
|
38
80
|
*/
|
|
39
81
|
onIconClick?: (e: React.MouseEvent) => void;
|
|
40
82
|
} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useState,forwardRef}from"react";import styled from"@emotion/styled";import{Icon}from"../../Icon/Icon";import{FormField}from"../FormField/FormField";import{useFormFieldMessageId}from"../FormField/useFormFieldMessageId";let handleBorderColor=(theme,hasError,readOnly)=>hasError?theme.values.color.border.error.default:readOnly?theme.values.color.border.primary.disabled:theme.values.color.border.primary.default,handleIconBorderColor=(theme,hasError)=>hasError?theme.values.color.icon.error.default:"transparent",handleIconLeftBorderColor=(theme,hasError)=>hasError?theme.values.color.border.error.default:theme.values.color.border.primary.default,StyledContainer=styled("div",{target:"e1ro5src0",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvdXNlRm9ybUZpZWxkTWVzc2FnZUlkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb24uZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25MZWZ0Qm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFBhc3N3b3JkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IC0gMXB4KSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc31gLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eGwsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkpLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImLmhhcy1pY29uXCI6IHtcbiAgICAgIHBhZGRpbmdSaWdodDpcbiAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyArIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uLm0sXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICBcIiY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIC4uLihoYXNFcnJvciAmJiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggaW5zZXQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgaWNvbkFyaWFMYWJlbCxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUGFzc3dvcmRJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgW2lucHV0VHlwZSwgc2V0SW5wdXRUeXBlXSA9IHVzZVN0YXRlKFwicGFzc3dvcmRcIik7XG4gICAgY29uc3QgY3VycmVudFR5cGUgPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwidGV4dFwiIDogXCJwYXNzd29yZFwiO1xuICAgIGNvbnN0IGV5ZUljb24gPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwiZXllLW9mZlwiIDogXCJleWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRJY29uQnRuXG4gICAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25JY29uQ2xpY2spIHtcbiAgICAgICAgICAgICAgb25JY29uQ2xpY2soZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRJbnB1dFR5cGUoY3VycmVudFR5cGUpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtyZWFkT25seSB8fCBkaXNhYmxlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uQXJpYUxhYmVsfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2V5ZUljb259XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlciA9IFwi4oCi4oCi4oCi4oCi4oCi4oCi4oCi4oCiXCIsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgb25JY29uQ2xpY2ssXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsYWJlbCxcbiAgICAgIGxhYmVsSGludCxcbiAgICAgIGhpZGVMYWJlbCxcbiAgICAgIGhpbnQsXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHsgaWQsIGFyaWFEZXNjcmliZWRCeVByb3AgfSA9IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCh7XG4gICAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgaGludCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUZpZWxkXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgIGxhYmVsSGludD17bGFiZWxIaW50fVxuICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgaGludD17aGludH1cbiAgICAgICAgZXJyb3JNZXNzYWdlcz17ZXJyb3JNZXNzYWdlc31cbiAgICAgICAgbWVzc2FnZUlkPXtpZH1cbiAgICAgID5cbiAgICAgICAgPFBhc3N3b3JkSW5wdXRSYXdcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgIDwvRm9ybUZpZWxkPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUR3QiJ9 */"),StyledIconBtn=styled("button",{target:"e1ro5src1",label:"StyledIconBtn"})(({theme,hasError})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},position:"absolute",top:0,right:0,border:"1px solid",borderColor:handleIconBorderColor(theme,hasError),borderLeftColor:handleIconLeftBorderColor(theme,hasError),padding:`calc(${theme.variables.size.spacing.s} - 1px) ${theme.variables.size.spacing.s}`,borderRadius:theme.variables.size.borderRadius.xs,borderBottomLeftRadius:"0",borderTopLeftRadius:"0",color:theme.values.color.text.secondary.default,backgroundColor:"inherit",cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.primary.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active,borderColor:theme.values.color.border.primary.active},"&:disabled":{backgroundColor:theme.values.color.background.transparent.default,borderLeftColor:theme.values.color.border.primary.disabled,pointerEvents:"none"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`},"& svg":{pointerEvents:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvdXNlRm9ybUZpZWxkTWVzc2FnZUlkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb24uZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25MZWZ0Qm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFBhc3N3b3JkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IC0gMXB4KSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc31gLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eGwsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkpLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImLmhhcy1pY29uXCI6IHtcbiAgICAgIHBhZGRpbmdSaWdodDpcbiAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyArIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uLm0sXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICBcIiY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIC4uLihoYXNFcnJvciAmJiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggaW5zZXQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgaWNvbkFyaWFMYWJlbCxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUGFzc3dvcmRJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgW2lucHV0VHlwZSwgc2V0SW5wdXRUeXBlXSA9IHVzZVN0YXRlKFwicGFzc3dvcmRcIik7XG4gICAgY29uc3QgY3VycmVudFR5cGUgPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwidGV4dFwiIDogXCJwYXNzd29yZFwiO1xuICAgIGNvbnN0IGV5ZUljb24gPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwiZXllLW9mZlwiIDogXCJleWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRJY29uQnRuXG4gICAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25JY29uQ2xpY2spIHtcbiAgICAgICAgICAgICAgb25JY29uQ2xpY2soZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRJbnB1dFR5cGUoY3VycmVudFR5cGUpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtyZWFkT25seSB8fCBkaXNhYmxlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uQXJpYUxhYmVsfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2V5ZUljb259XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlciA9IFwi4oCi4oCi4oCi4oCi4oCi4oCi4oCi4oCiXCIsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgb25JY29uQ2xpY2ssXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsYWJlbCxcbiAgICAgIGxhYmVsSGludCxcbiAgICAgIGhpZGVMYWJlbCxcbiAgICAgIGhpbnQsXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHsgaWQsIGFyaWFEZXNjcmliZWRCeVByb3AgfSA9IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCh7XG4gICAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgaGludCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUZpZWxkXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgIGxhYmVsSGludD17bGFiZWxIaW50fVxuICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgaGludD17aGludH1cbiAgICAgICAgZXJyb3JNZXNzYWdlcz17ZXJyb3JNZXNzYWdlc31cbiAgICAgICAgbWVzc2FnZUlkPXtpZH1cbiAgICAgID5cbiAgICAgICAgPFBhc3N3b3JkSW5wdXRSYXdcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgIDwvRm9ybUZpZWxkPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VzQiJ9 */"),StyledPasswordInput=styled("input",{target:"e1ro5src2",label:"StyledPasswordInput"})(({theme,hasError,readOnly})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,borderRadius:theme.variables.size.borderRadius.xs,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`calc(${theme.variables.size.spacing.xs} - 1px) ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xxl,boxSizing:"border-box",color:theme.values.color.text.secondary.default,borderColor:handleBorderColor(theme,hasError,readOnly),backgroundColor:theme.values.color.background.primary.default,"&.error":{borderColor:theme.values.color.border.error.default},"&.has-icon":{paddingRight:theme.variables.size.spacing.xs+theme.variables.size.dimension.icon.m},"&::placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default,opacity:theme.variables.opacity.visible},"&:-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},"&::-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvdXNlRm9ybUZpZWxkTWVzc2FnZUlkXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgaWNvbkFyaWFMYWJlbDogc3RyaW5nO1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0IHRvIHRydWUgdG8gZGlzYWJsZWQgaW5wdXRcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxudHlwZSBJY29uUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgaGFuZGxlSWNvbkJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb24uZXJyb3IuZGVmYXVsdDtcbiAgcmV0dXJuIFwidHJhbnNwYXJlbnRcIjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25MZWZ0Qm9yZGVyQ29sb3IgPSAodGhlbWU6IFRoZW1lLCBoYXNFcnJvcjogYm9vbGVhbikgPT4ge1xuICBpZiAoaGFzRXJyb3IpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdDtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFBhc3N3b3JkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz4oXG4gICh7IHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBib3JkZXJXaWR0aDogXCIxcHhcIixcbiAgICBib3JkZXJTdHlsZTogXCJzb2xpZFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IC0gMXB4KSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc31gLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eGwsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyQ29sb3I6IGhhbmRsZUJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciwgcmVhZE9ubHkpLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIFwiJi5lcnJvclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImLmhhcy1pY29uXCI6IHtcbiAgICAgIHBhZGRpbmdSaWdodDpcbiAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyArIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uLm0sXG4gICAgfSxcbiAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICB9LFxuICAgIFwiJjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICBcIiY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICB9LFxuICAgIC4uLihoYXNFcnJvciAmJiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggaW5zZXQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmVycm9yLmRlZmF1bHR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0UmF3ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgaGFzRXJyb3IgPSBmYWxzZSxcbiAgICAgIG9uSWNvbkNsaWNrLFxuICAgICAgaWNvbkFyaWFMYWJlbCxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUGFzc3dvcmRJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgW2lucHV0VHlwZSwgc2V0SW5wdXRUeXBlXSA9IHVzZVN0YXRlKFwicGFzc3dvcmRcIik7XG4gICAgY29uc3QgY3VycmVudFR5cGUgPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwidGV4dFwiIDogXCJwYXNzd29yZFwiO1xuICAgIGNvbnN0IGV5ZUljb24gPSBpbnB1dFR5cGUgPT09IFwicGFzc3dvcmRcIiA/IFwiZXllLW9mZlwiIDogXCJleWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRJY29uQnRuXG4gICAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25JY29uQ2xpY2spIHtcbiAgICAgICAgICAgICAgb25JY29uQ2xpY2soZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRJbnB1dFR5cGUoY3VycmVudFR5cGUpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtyZWFkT25seSB8fCBkaXNhYmxlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uQXJpYUxhYmVsfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2V5ZUljb259XG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlciA9IFwi4oCi4oCi4oCi4oCi4oCi4oCi4oCi4oCiXCIsXG4gICAgICBoYXNFcnJvciA9IGZhbHNlLFxuICAgICAgb25JY29uQ2xpY2ssXG4gICAgICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gICAgICBpY29uQXJpYUxhYmVsLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsYWJlbCxcbiAgICAgIGxhYmVsSGludCxcbiAgICAgIGhpZGVMYWJlbCxcbiAgICAgIGhpbnQsXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHsgaWQsIGFyaWFEZXNjcmliZWRCeVByb3AgfSA9IHVzZUZvcm1GaWVsZE1lc3NhZ2VJZCh7XG4gICAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBlcnJvck1lc3NhZ2VzLFxuICAgICAgaGludCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUZpZWxkXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQYXNzd29yZElucHV0XCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgIGxhYmVsSGludD17bGFiZWxIaW50fVxuICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgaGludD17aGludH1cbiAgICAgICAgZXJyb3JNZXNzYWdlcz17ZXJyb3JNZXNzYWdlc31cbiAgICAgICAgbWVzc2FnZUlkPXtpZH1cbiAgICAgID5cbiAgICAgICAgPFBhc3N3b3JkSW5wdXRSYXdcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICAgICAgaWNvbkFyaWFMYWJlbD17aWNvbkFyaWFMYWJlbH1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgIDwvRm9ybUZpZWxkPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkc0QiJ9 */");export const PasswordInputRaw=forwardRef(({placeholder,hasError=!1,onIconClick,iconAriaLabel,readOnly,disabled,...rest},ref)=>{let[inputType,setInputType]=useState("password"),currentType="password"===inputType?"text":"password";return React.createElement(StyledContainer,null,React.createElement(StyledPasswordInput,{...rest,type:inputType,placeholder:!readOnly&&placeholder,ref:ref,hasError:hasError,readOnly:readOnly,disabled:disabled,"aria-invalid":hasError}),React.createElement(StyledIconBtn,{onClick:e=>{disabled&&e.preventDefault(),onIconClick&&onIconClick(e),setInputType(currentType)},hasError:hasError,disabled:readOnly||disabled,"aria-label":iconAriaLabel,type:"button"},React.createElement(Icon,{name:"password"===inputType?"eye-off":"eye",size:"s",color:readOnly?"quaternary":"tertiary"})))});export const PasswordInput=React.forwardRef(({placeholder="••••••••",hasError=!1,onIconClick,autoComplete="on",iconAriaLabel,disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=useFormFieldMessageId({ariaDescribedBy,errorMessages,hint});return React.createElement(FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PasswordInput",disabled:disabled,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},React.createElement(PasswordInputRaw,{...rest,ref:ref,placeholder:placeholder,hasError:hasError,disabled:disabled,onIconClick:onIconClick,autoComplete:autoComplete,iconAriaLabel:iconAriaLabel,...ariaDescribedByProp}))});
|
|
1
|
+
import React,{useState,forwardRef}from"react";import styled from"@emotion/styled";import{FormField}from"../FormField/FormField";import{useFormFieldMessageId}from"../FormField/useFormFieldMessageId";import{PasswordInputButton}from"./PasswordInputButton";let handleBorderColor=(theme,hasError,readOnly)=>hasError?theme.values.color.border.error.default:readOnly?theme.values.color.border.primary.disabled:theme.values.color.border.primary.default,StyledContainer=styled("div",{target:"e3t34vm0",label:"StyledContainer"})(()=>({width:"100%",display:"flex",alignItems:"center",flexDirection:"row",position:"relative"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkTWVzc2FnZUlkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC91c2VGb3JtRmllbGRNZXNzYWdlSWRcIjtcbmltcG9ydCB7IFBhc3N3b3JkSW5wdXRCdXR0b24gfSBmcm9tIFwiLi9QYXNzd29yZElucHV0QnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByb3BzIGZvciBzdWItY29tcG9uZW50cy5cbiAgICpcbiAgICogLSBgdG9nZ2xlVmlzaWJpbGl0eS5hcmlhTGFiZWxTaG93YCDigJQgTGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlIGljb24gY2FuIGJlIHRvZ2dsZWQgdG8gc2hvdyB0aGUgcGFzc3dvcmRcbiAgICpcbiAgICogLSBgdG9nZ2xlVmlzaWJpbGl0eS5hcmlhTGFiZWxIaWRlYCDigJQgTGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlIGljb24gY2FuIGJlIHRvZ2dsZWQgdG8gaGlkZSB0aGUgcGFzc3dvcmRcbiAgICovXG4gIHNsb3RQcm9wczoge1xuICAgIHRvZ2dsZVZpc2liaWxpdHk6IHtcbiAgICAgIC8qKiBMYWJlbCBmb3Igc2NyZWVuIHJlYWRlcnMgd2hlbiBpY29uIGNhbiBiZSB0b2dnbGVkIHRvIHNob3cgcGFzc3dvcmQgKi9cbiAgICAgIGFyaWFMYWJlbFNob3c6IHN0cmluZztcbiAgICAgIC8qKiBMYWJlbCBmb3Igc2NyZWVuIHJlYWRlcnMgd2hlbiBpY29uIGNhbiBiZSB0b2dnbGVkIHRvIGhpZGUgcGFzc3dvcmQgKi9cbiAgICAgIGFyaWFMYWJlbEhpZGU6IHN0cmluZztcbiAgICB9O1xuICB9O1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogRnVuY3Rpb24gZm9yIG9uIGljb24gY2xpY2sgYmVoYXZpb3JcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdihcbiAgKCkgPT5cbiAgICAoe1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgfSBhcyBDU1NPYmplY3QpXG4pO1xuXG5jb25zdCBTdHlsZWRQYXNzd29yZElucHV0ID0gc3R5bGVkLmlucHV0PElucHV0UHJvcHM+KFxuICAoeyB0aGVtZSwgaGFzRXJyb3IsIHJlYWRPbmx5IH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueGwsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAtIDFweCkgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJvcmRlckNvbG9yOiBoYW5kbGVCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IsIHJlYWRPbmx5KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBcIiYuZXJyb3JcIjoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgICB9LFxuICAgIFwiJi5oYXMtaWNvblwiOiB7XG4gICAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMgKyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24uaWNvbi5tLFxuICAgIH0sXG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGUsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBvbkljb25DbGljayxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBzbG90UHJvcHM6IHtcbiAgICAgICAgdG9nZ2xlVmlzaWJpbGl0eTogeyBhcmlhTGFiZWxTaG93LCBhcmlhTGFiZWxIaWRlIH0sXG4gICAgICB9LFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IFtpc1Bhc3N3b3JkVmlzaWJsZSwgc2V0SXNQYXNzd29yZFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGlucHV0VHlwZSA9IGlzUGFzc3dvcmRWaXNpYmxlID8gXCJ0ZXh0XCIgOiBcInBhc3N3b3JkXCI7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gaXNQYXNzd29yZFZpc2libGUgPyBhcmlhTGFiZWxIaWRlIDogYXJpYUxhYmVsU2hvdztcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxQYXNzd29yZElucHV0QnV0dG9uXG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgaXNQYXNzd29yZFZpc2libGU9e2lzUGFzc3dvcmRWaXNpYmxlfVxuICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICBvblRvZ2dsZT17KCkgPT4gc2V0SXNQYXNzd29yZFZpc2libGUoKHByZXYpID0+ICFwcmV2KX1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyID0gXCLigKLigKLigKLigKLigKLigKLigKLigKJcIixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBvbkljb25DbGljayxcbiAgICAgIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgICAgIHNsb3RQcm9wcyxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgbGFiZWwsXG4gICAgICBsYWJlbEhpbnQsXG4gICAgICBoaWRlTGFiZWwsXG4gICAgICBoaW50LFxuICAgICAgZXJyb3JNZXNzYWdlcyxcbiAgICAgIFwiYXJpYS1kZXNjcmliZWRieVwiOiBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQYXNzd29yZElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWFjdC5SZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCB7IGlkLCBhcmlhRGVzY3JpYmVkQnlQcm9wIH0gPSB1c2VGb3JtRmllbGRNZXNzYWdlSWQoe1xuICAgICAgYXJpYURlc2NyaWJlZEJ5LFxuICAgICAgZXJyb3JNZXNzYWdlcyxcbiAgICAgIGhpbnQsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1GaWVsZFxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiUGFzc3dvcmRJbnB1dFwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgICAgaGlkZUxhYmVsPXtoaWRlTGFiZWx9XG4gICAgICAgIGhpbnQ9e2hpbnR9XG4gICAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICAgIG1lc3NhZ2VJZD17aWR9XG4gICAgICA+XG4gICAgICAgIDxQYXNzd29yZElucHV0UmF3XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgb25JY29uQ2xpY2s9e29uSWNvbkNsaWNrfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHNsb3RQcm9wcz17c2xvdFByb3BzfVxuICAgICAgICAgIHsuLi5hcmlhRGVzY3JpYmVkQnlQcm9wfVxuICAgICAgICAvPlxuICAgICAgPC9Gb3JtRmllbGQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRHdCIn0= */"),StyledPasswordInput=styled("input",{target:"e3t34vm1",label:"StyledPasswordInput"})(({theme,hasError,readOnly})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,borderRadius:theme.variables.size.borderRadius.xs,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`calc(${theme.variables.size.spacing.xs} - 1px) ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xxl,boxSizing:"border-box",color:theme.values.color.text.secondary.default,borderColor:handleBorderColor(theme,hasError,readOnly),backgroundColor:theme.values.color.background.primary.default,"&.error":{borderColor:theme.values.color.border.error.default},"&.has-icon":{paddingRight:theme.variables.size.spacing.xs+theme.variables.size.dimension.icon.m},"&::placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default,opacity:theme.variables.opacity.visible},"&:-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},"&::-ms-input-placeholder":{fontStyle:"italic",color:theme.values.color.text.tertiary.default},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgdHlwZSB7IFJlZk9iamVjdCwgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0LCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgdXNlRm9ybUZpZWxkTWVzc2FnZUlkIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC91c2VGb3JtRmllbGRNZXNzYWdlSWRcIjtcbmltcG9ydCB7IFBhc3N3b3JkSW5wdXRCdXR0b24gfSBmcm9tIFwiLi9QYXNzd29yZElucHV0QnV0dG9uXCI7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFByb3BzIGZvciBzdWItY29tcG9uZW50cy5cbiAgICpcbiAgICogLSBgdG9nZ2xlVmlzaWJpbGl0eS5hcmlhTGFiZWxTaG93YCDigJQgTGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlIGljb24gY2FuIGJlIHRvZ2dsZWQgdG8gc2hvdyB0aGUgcGFzc3dvcmRcbiAgICpcbiAgICogLSBgdG9nZ2xlVmlzaWJpbGl0eS5hcmlhTGFiZWxIaWRlYCDigJQgTGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlIGljb24gY2FuIGJlIHRvZ2dsZWQgdG8gaGlkZSB0aGUgcGFzc3dvcmRcbiAgICovXG4gIHNsb3RQcm9wczoge1xuICAgIHRvZ2dsZVZpc2liaWxpdHk6IHtcbiAgICAgIC8qKiBMYWJlbCBmb3Igc2NyZWVuIHJlYWRlcnMgd2hlbiBpY29uIGNhbiBiZSB0b2dnbGVkIHRvIHNob3cgcGFzc3dvcmQgKi9cbiAgICAgIGFyaWFMYWJlbFNob3c6IHN0cmluZztcbiAgICAgIC8qKiBMYWJlbCBmb3Igc2NyZWVuIHJlYWRlcnMgd2hlbiBpY29uIGNhbiBiZSB0b2dnbGVkIHRvIGhpZGUgcGFzc3dvcmQgKi9cbiAgICAgIGFyaWFMYWJlbEhpZGU6IHN0cmluZztcbiAgICB9O1xuICB9O1xufSAmIElucHV0UHJvcHM7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogRnVuY3Rpb24gZm9yIG9uIGljb24gY2xpY2sgYmVoYXZpb3JcbiAgICovXG4gIG9uSWNvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG59ICYgRm9ybUZpZWxkUHJvcHMgJlxuICBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIFwidHlwZVwiPjtcblxuY29uc3QgaGFuZGxlQm9yZGVyQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgaGFzRXJyb3I6IGJvb2xlYW4sXG4gIHJlYWRPbmx5OiBib29sZWFuXG4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICBpZiAocmVhZE9ubHkpIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQ7XG5cbiAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0O1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdihcbiAgKCkgPT5cbiAgICAoe1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgfSBhcyBDU1NPYmplY3QpXG4pO1xuXG5jb25zdCBTdHlsZWRQYXNzd29yZElucHV0ID0gc3R5bGVkLmlucHV0PElucHV0UHJvcHM+KFxuICAoeyB0aGVtZSwgaGFzRXJyb3IsIHJlYWRPbmx5IH0pID0+ICh7XG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueGwsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAtIDFweCkgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJvcmRlckNvbG9yOiBoYW5kbGVCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IsIHJlYWRPbmx5KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBcIiYuZXJyb3JcIjoge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgICB9LFxuICAgIFwiJi5oYXMtaWNvblwiOiB7XG4gICAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMgKyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24uaWNvbi5tLFxuICAgIH0sXG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGUsXG4gICAgfSxcbiAgICBcIiY6LW1zLWlucHV0LXBsYWNlaG9sZGVyXCI6IHtcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICAgIH0sXG4gICAgXCImOjotbXMtaW5wdXQtcGxhY2Vob2xkZXJcIjoge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgfSxcbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgUGFzc3dvcmRJbnB1dFJhdyA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBvbkljb25DbGljayxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBzbG90UHJvcHM6IHtcbiAgICAgICAgdG9nZ2xlVmlzaWJpbGl0eTogeyBhcmlhTGFiZWxTaG93LCBhcmlhTGFiZWxIaWRlIH0sXG4gICAgICB9LFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBhc3N3b3JkSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IFtpc1Bhc3N3b3JkVmlzaWJsZSwgc2V0SXNQYXNzd29yZFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGlucHV0VHlwZSA9IGlzUGFzc3dvcmRWaXNpYmxlID8gXCJ0ZXh0XCIgOiBcInBhc3N3b3JkXCI7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gaXNQYXNzd29yZFZpc2libGUgPyBhcmlhTGFiZWxIaWRlIDogYXJpYUxhYmVsU2hvdztcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkUGFzc3dvcmRJbnB1dFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHR5cGU9e2lucHV0VHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGFyaWEtaW52YWxpZD17aGFzRXJyb3J9XG4gICAgICAgIC8+XG4gICAgICAgIDxQYXNzd29yZElucHV0QnV0dG9uXG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBvbkljb25DbGljaz17b25JY29uQ2xpY2t9XG4gICAgICAgICAgaXNQYXNzd29yZFZpc2libGU9e2lzUGFzc3dvcmRWaXNpYmxlfVxuICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICBvblRvZ2dsZT17KCkgPT4gc2V0SXNQYXNzd29yZFZpc2libGUoKHByZXYpID0+ICFwcmV2KX1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbik7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyID0gXCLigKLigKLigKLigKLigKLigKLigKLigKJcIixcbiAgICAgIGhhc0Vycm9yID0gZmFsc2UsXG4gICAgICBvbkljb25DbGljayxcbiAgICAgIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgICAgIHNsb3RQcm9wcyxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgbGFiZWwsXG4gICAgICBsYWJlbEhpbnQsXG4gICAgICBoaWRlTGFiZWwsXG4gICAgICBoaW50LFxuICAgICAgZXJyb3JNZXNzYWdlcyxcbiAgICAgIFwiYXJpYS1kZXNjcmliZWRieVwiOiBhcmlhRGVzY3JpYmVkQnksXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQYXNzd29yZElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWFjdC5SZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCB7IGlkLCBhcmlhRGVzY3JpYmVkQnlQcm9wIH0gPSB1c2VGb3JtRmllbGRNZXNzYWdlSWQoe1xuICAgICAgYXJpYURlc2NyaWJlZEJ5LFxuICAgICAgZXJyb3JNZXNzYWdlcyxcbiAgICAgIGhpbnQsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1GaWVsZFxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiUGFzc3dvcmRJbnB1dFwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgICAgaGlkZUxhYmVsPXtoaWRlTGFiZWx9XG4gICAgICAgIGhpbnQ9e2hpbnR9XG4gICAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICAgIG1lc3NhZ2VJZD17aWR9XG4gICAgICA+XG4gICAgICAgIDxQYXNzd29yZElucHV0UmF3XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgb25JY29uQ2xpY2s9e29uSWNvbkNsaWNrfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHNsb3RQcm9wcz17c2xvdFByb3BzfVxuICAgICAgICAgIHsuLi5hcmlhRGVzY3JpYmVkQnlQcm9wfVxuICAgICAgICAvPlxuICAgICAgPC9Gb3JtRmllbGQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRDRCIn0= */");export const PasswordInputRaw=forwardRef(({placeholder,hasError=!1,onIconClick,readOnly,disabled,slotProps:{toggleVisibility:{ariaLabelShow,ariaLabelHide}},...rest},ref)=>{let[isPasswordVisible,setIsPasswordVisible]=useState(!1);return React.createElement(StyledContainer,null,React.createElement(StyledPasswordInput,{...rest,type:isPasswordVisible?"text":"password",placeholder:!readOnly&&placeholder,ref:ref,hasError:hasError,readOnly:readOnly,disabled:disabled,"aria-invalid":hasError}),React.createElement(PasswordInputButton,{hasError:hasError,disabled:disabled,onIconClick:onIconClick,isPasswordVisible:isPasswordVisible,readOnly:readOnly,ariaLabel:isPasswordVisible?ariaLabelHide:ariaLabelShow,onToggle:()=>setIsPasswordVisible(prev=>!prev)}))});export const PasswordInput=React.forwardRef(({placeholder="••••••••",hasError=!1,onIconClick,autoComplete="on",slotProps,disabled,label,labelHint,hideLabel,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let{id,ariaDescribedByProp}=useFormFieldMessageId({ariaDescribedBy,errorMessages,hint});return React.createElement(FormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PasswordInput",disabled:disabled,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},React.createElement(PasswordInputRaw,{...rest,ref:ref,placeholder:placeholder,hasError:hasError,disabled:disabled,onIconClick:onIconClick,autoComplete:autoComplete,slotProps:slotProps,...ariaDescribedByProp}))});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement } from "react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
type PasswordInputButtonProps = {
|
|
4
|
+
onIconClick?: (e: React.MouseEvent) => void;
|
|
5
|
+
hasError: boolean;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
readOnly: boolean;
|
|
8
|
+
ariaLabel: string;
|
|
9
|
+
isPasswordVisible: boolean;
|
|
10
|
+
onToggle: () => void;
|
|
11
|
+
};
|
|
12
|
+
export declare const PasswordInputButton: ({ hasError, disabled, onIconClick, readOnly, ariaLabel, isPasswordVisible, onToggle, }: PasswordInputButtonProps) => ReactElement;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React,{useId,useState}from"react";import styled from"@emotion/styled";import{Icon}from"../../Icon/Icon";import{ScreenReaderText}from"../../Utilities/ScreenReaderText/ScreenReaderText";let handleIconBorderColor=(theme,hasError)=>hasError?theme.values.color.icon.error.default:"transparent",handleIconLeftBorderColor=(theme,hasError)=>hasError?theme.values.color.border.error.default:theme.values.color.border.primary.default,handleClick=({e,disabled,onIconClick,onToggle})=>{disabled&&e.preventDefault(),onIconClick?.(e),onToggle()},StyledIconBtn=styled("button",{target:"e94fqmq0",label:"StyledIconBtn"})(({theme,hasError})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},position:"absolute",top:0,right:0,border:"1px solid",borderColor:handleIconBorderColor(theme,hasError),borderLeftColor:handleIconLeftBorderColor(theme,hasError),padding:`calc(${theme.variables.size.spacing.s} - 1px) ${theme.variables.size.spacing.s}`,borderRadius:theme.variables.size.borderRadius.xs,borderBottomLeftRadius:"0",borderTopLeftRadius:"0",color:theme.values.color.text.secondary.default,backgroundColor:"inherit",cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.primary.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active,borderColor:theme.values.color.border.primary.active},"&:disabled":{backgroundColor:theme.values.color.background.transparent.default,borderLeftColor:theme.values.color.border.primary.disabled,pointerEvents:"none"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`},"& svg":{pointerEvents:"none"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9QYXNzd29yZElucHV0L1Bhc3N3b3JkSW5wdXRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1Bhc3N3b3JkSW5wdXQvUGFzc3dvcmRJbnB1dEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VJZCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFNjcmVlblJlYWRlclRleHQgfSBmcm9tIFwiLi4vLi4vVXRpbGl0aWVzL1NjcmVlblJlYWRlclRleHQvU2NyZWVuUmVhZGVyVGV4dFwiO1xuXG50eXBlIFBhc3N3b3JkSW5wdXRCdXR0b25Qcm9wcyA9IHtcbiAgb25JY29uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgaGFzRXJyb3I6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICByZWFkT25seTogYm9vbGVhbjtcbiAgYXJpYUxhYmVsOiBzdHJpbmc7XG4gIGlzUGFzc3dvcmRWaXNpYmxlOiBib29sZWFuO1xuICBvblRvZ2dsZTogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgSWNvblByb3BzID0ge1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICB0YWJJbmRleD86IG51bWJlcjtcbn07XG5cbmNvbnN0IGhhbmRsZUljb25Cb3JkZXJDb2xvciA9ICh0aGVtZTogVGhlbWUsIGhhc0Vycm9yOiBib29sZWFuKSA9PiB7XG4gIGlmIChoYXNFcnJvcikgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmVycm9yLmRlZmF1bHQ7XG4gIHJldHVybiBcInRyYW5zcGFyZW50XCI7XG59O1xuXG5jb25zdCBoYW5kbGVJY29uTGVmdEJvcmRlckNvbG9yID0gKHRoZW1lOiBUaGVtZSwgaGFzRXJyb3I6IGJvb2xlYW4pID0+IHtcbiAgaWYgKGhhc0Vycm9yKSByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0O1xuICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQ7XG59O1xuXG5jb25zdCBoYW5kbGVDbGljayA9ICh7XG4gIGUsXG4gIGRpc2FibGVkLFxuICBvbkljb25DbGljayxcbiAgb25Ub2dnbGUsXG59OiB7XG4gIGU6IFJlYWN0Lk1vdXNlRXZlbnQ7XG4gIGRpc2FibGVkOiBQYXNzd29yZElucHV0QnV0dG9uUHJvcHNbXCJkaXNhYmxlZFwiXTtcbiAgb25JY29uQ2xpY2s6IFBhc3N3b3JkSW5wdXRCdXR0b25Qcm9wc1tcIm9uSWNvbkNsaWNrXCJdO1xuICBvblRvZ2dsZTogUGFzc3dvcmRJbnB1dEJ1dHRvblByb3BzW1wib25Ub2dnbGVcIl07XG59KSA9PiB7XG4gIGlmIChkaXNhYmxlZCkge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgfVxuICBvbkljb25DbGljaz8uKGUpO1xuICBvblRvZ2dsZSgpO1xufTtcblxuY29uc3QgU3R5bGVkSWNvbkJ0biA9IHN0eWxlZC5idXR0b248SWNvblByb3BzPigoeyB0aGVtZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgfSxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICBib3JkZXJDb2xvcjogaGFuZGxlSWNvbkJvcmRlckNvbG9yKHRoZW1lLCBoYXNFcnJvciksXG4gIGJvcmRlckxlZnRDb2xvcjogaGFuZGxlSWNvbkxlZnRCb3JkZXJDb2xvcih0aGVtZSwgaGFzRXJyb3IpLFxuICBwYWRkaW5nOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBcIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCIwXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuaG92ZXIsXG4gIH0sXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5hY3RpdmUsXG4gIH0sXG4gIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIGJvcmRlckxlZnRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRpc2FibGVkLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oaGFzRXJyb3IgJiYge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICB9KSxcbiAgXCImIHN2Z1wiOiB7XG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZElucHV0QnV0dG9uID0gKHtcbiAgaGFzRXJyb3IsXG4gIGRpc2FibGVkLFxuICBvbkljb25DbGljayxcbiAgcmVhZE9ubHksXG4gIGFyaWFMYWJlbCxcbiAgaXNQYXNzd29yZFZpc2libGUsXG4gIG9uVG9nZ2xlLFxufTogUGFzc3dvcmRJbnB1dEJ1dHRvblByb3BzKTogUmVhY3RFbGVtZW50ID0+IHtcbiAgY29uc3QgW2lzQnV0dG9uRm9jdXNlZCwgc2V0SXNCdXR0b25Gb2N1c2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3Qgc2NyZWVuUmVhZGVyVGV4dElkID0gdXNlSWQoKTtcbiAgY29uc3Qgc2NyZWVuUmVhZGVyVGV4dCA9IGlzQnV0dG9uRm9jdXNlZCA/IGFyaWFMYWJlbCA6IFwiXCI7XG4gIGNvbnN0IGV5ZUljb24gPSBpc1Bhc3N3b3JkVmlzaWJsZSA/IFwiZXllXCIgOiBcImV5ZS1vZmZcIjtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8U2NyZWVuUmVhZGVyVGV4dCBpZD17c2NyZWVuUmVhZGVyVGV4dElkfT5cbiAgICAgICAge3NjcmVlblJlYWRlclRleHR9XG4gICAgICA8L1NjcmVlblJlYWRlclRleHQ+XG4gICAgICA8U3R5bGVkSWNvbkJ0blxuICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgIGhhbmRsZUNsaWNrKHsgZSwgZGlzYWJsZWQsIG9uSWNvbkNsaWNrLCBvblRvZ2dsZSB9KTtcbiAgICAgICAgfX1cbiAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICBvbkZvY3VzPXsoKSA9PiBzZXRJc0J1dHRvbkZvY3VzZWQodHJ1ZSl9XG4gICAgICAgIG9uQmx1cj17KCkgPT4gc2V0SXNCdXR0b25Gb2N1c2VkKGZhbHNlKX1cbiAgICAgICAgZGlzYWJsZWQ9e3JlYWRPbmx5IHx8IGRpc2FibGVkfVxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtzY3JlZW5SZWFkZXJUZXh0SWR9XG4gICAgICA+XG4gICAgICAgIDxJY29uXG4gICAgICAgICAgbmFtZT17ZXllSWNvbn1cbiAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgY29sb3I9e3JlYWRPbmx5ID8gXCJxdWF0ZXJuYXJ5XCIgOiBcInRlcnRpYXJ5XCJ9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEljb25CdG4+XG4gICAgPC8+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ec0IifQ== */");export const PasswordInputButton=({hasError,disabled,onIconClick,readOnly,ariaLabel,isPasswordVisible,onToggle})=>{let[isButtonFocused,setIsButtonFocused]=useState(!1),screenReaderTextId=useId();return React.createElement(React.Fragment,null,React.createElement(ScreenReaderText,{id:screenReaderTextId},isButtonFocused?ariaLabel:""),React.createElement(StyledIconBtn,{onClick:e=>{handleClick({e,disabled,onIconClick,onToggle})},hasError:hasError,onFocus:()=>setIsButtonFocused(!0),onBlur:()=>setIsButtonFocused(!1),disabled:readOnly||disabled,type:"button","aria-labelledby":screenReaderTextId},React.createElement(Icon,{name:isPasswordVisible?"eye":"eye-off",size:"s",color:readOnly?"quaternary":"tertiary"})))};
|