@youngonesworks/ui 0.1.31 → 0.1.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/passwordInput/index.d.ts +21 -3
- package/dist/components/popover/index.d.ts +8 -3
- package/dist/components/textInput/index.d.ts +24 -4
- package/dist/index.cjs +10 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +10 -5
- package/dist/index.js.map +1 -1
- package/dist/jsx-runtime-shim.d.ts +3 -1
- package/dist/styles/utilities.css +3 -0
- package/dist/utils/formatIcon.d.ts +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -103139,7 +103139,7 @@ const AppleAppButtonIcon = (props) => /* @__PURE__ */ jsxs("svg", {
|
|
|
103139
103139
|
|
|
103140
103140
|
//#endregion
|
|
103141
103141
|
//#region src/components/textInput/index.tsx
|
|
103142
|
-
const TextInput = forwardRef(({ rightSection, leftSection, className, error: error$1, autoFocus, label, maxLength, enablePasswordManagerAutofill = false, onBlur, disabled, onKeyDown, min: min$2 = "0", max: max$2, autoComplete, showRightSection = true, step, wrapperClassName, password = false,...props }, ref) => {
|
|
103142
|
+
const TextInput = React.forwardRef(({ rightSection, leftSection, className, error: error$1, autoFocus, label, maxLength, enablePasswordManagerAutofill = false, onBlur, disabled, onKeyDown, min: min$2 = "0", max: max$2, autoComplete, showRightSection = true, step, wrapperClassName, password = false,...props }, ref) => {
|
|
103143
103143
|
const [showPassword, setShowPassword] = React.useState(false);
|
|
103144
103144
|
return /* @__PURE__ */ jsxs("div", {
|
|
103145
103145
|
"data-component": "TextInput",
|
|
@@ -104011,7 +104011,10 @@ const Modal = ({ title, children, withCloseButton = true, opened, additionalClas
|
|
|
104011
104011
|
})
|
|
104012
104012
|
}),
|
|
104013
104013
|
/* @__PURE__ */ jsx("div", { children }),
|
|
104014
|
-
gradient && /* @__PURE__ */ jsx("hr", {
|
|
104014
|
+
gradient && /* @__PURE__ */ jsx("hr", {
|
|
104015
|
+
className: "absolute bottom-0 left-0 mt-8 mb-0 h-2! w-full border-none",
|
|
104016
|
+
style: { backgroundImage: "linear-gradient(90deg, var(--color-light-blue) 0%, var(--color-primary) 50.52%, var(--color-pink) 100%)" }
|
|
104017
|
+
})
|
|
104015
104018
|
]
|
|
104016
104019
|
})
|
|
104017
104020
|
})]
|
|
@@ -104119,12 +104122,14 @@ const PageUnavailable = ({ notAvailableButton, notAvailableDescription, notAvail
|
|
|
104119
104122
|
|
|
104120
104123
|
//#endregion
|
|
104121
104124
|
//#region src/components/passwordInput/index.tsx
|
|
104122
|
-
const PasswordInput = (
|
|
104125
|
+
const PasswordInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TextInput, {
|
|
104123
104126
|
password: true,
|
|
104124
104127
|
enablePasswordManagerAutofill: true,
|
|
104125
104128
|
type: "password",
|
|
104126
|
-
...props
|
|
104127
|
-
|
|
104129
|
+
...props,
|
|
104130
|
+
ref
|
|
104131
|
+
}));
|
|
104132
|
+
PasswordInput.displayName = "PasswordInput";
|
|
104128
104133
|
|
|
104129
104134
|
//#endregion
|
|
104130
104135
|
//#region node_modules/tabbable/dist/index.esm.js
|