@mrshmllw/smores-react 9.18.0 → 9.19.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/dist/Icon/iconFiles/HelpAboutus.js +1 -5
- package/dist/Icon/iconFiles/HelpAboutus.js.map +1 -1
- package/dist/TextInput/TextInput.d.ts +15 -3
- package/dist/TextInput/TextInput.js +16 -3
- package/dist/TextInput/TextInput.js.map +1 -1
- package/dist/fields/components/CommonInput.js +14 -0
- package/dist/fields/components/CommonInput.js.map +1 -1
- package/package.json +10 -10
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
const HelpAboutus = () => (React.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
3
|
-
React.createElement("
|
|
4
|
-
React.createElement("path", { fill: "#fff", d: "M0 3h24v18H0z" }),
|
|
5
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 9.047s0-3.89-4.466-4.044c-.68.003-2.136-.135-4.078 2.17 0 0-.926-2.07-3.592-2.17-2.41-.087-3.684 1.593-3.838 1.783a2.04 2.04 0 00-1.987-1.589A2.04 2.04 0 002 7.237v8.93a2.04 2.04 0 002.039 2.04 2.04 2.04 0 002.039-2.04v-5.542s0-2.041 2.136-2.071c0 0 1.695.03 1.747 2.071v5.542a2.04 2.04 0 004.078 0v-5.541c.034-.63.302-2.049 2.039-2.072.097.03 1.844-.012 1.844 2.466v5.15a2.04 2.04 0 004.078 0V9.177a2.06 2.06 0 00-.007-.173l.007.044z" })),
|
|
6
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 9.047s0-3.89-4.466-4.044c-.68.003-2.136-.135-4.078 2.17 0 0-.926-2.07-3.592-2.17-2.41-.087-3.684 1.593-3.838 1.783a2.04 2.04 0 00-1.987-1.589A2.04 2.04 0 002 7.237v8.93a2.04 2.04 0 002.039 2.04 2.04 2.04 0 002.039-2.04v-5.542s0-2.041 2.136-2.071c0 0 1.695.03 1.747 2.071v5.542a2.04 2.04 0 004.078 0v-5.541c.034-.63.302-2.049 2.039-2.072.097.03 1.844-.012 1.844 2.466v5.15a2.04 2.04 0 004.078 0V9.177a2.06 2.06 0 00-.007-.173l.007.044z", fill: "#FFB2B4" }),
|
|
7
|
-
React.createElement("path", { d: "M17.534 5.003l.069-1.999h-.078l.009 2zm-4.078 2.17l-1.825.817 1.302 2.909 2.053-2.438-1.53-1.288zm-3.592-2.17l.075-1.998h-.002l-.073 1.998zM6.026 6.786l-1.95.442.908 4.01 2.594-3.19-1.552-1.262zm2.188 1.768l.035-2h-.064l.029 2zm1.747 2.071h2v-.052l-2 .052zm4.078 0l-1.997-.106-.003.053v.054h2zm2.039-2.071l.593-1.91-.303-.094-.317.004.027 2zm5.915.449l1.974-.323L20 9.17l1.993-.168zm.007.044c2 0 2-.001 2-.002v-.003-.005-.011-.027a3.615 3.615 0 00-.015-.282 6.489 6.489 0 00-.8-2.615c-.893-1.586-2.636-2.996-5.582-3.098l-.138 3.998c1.52.053 2.01.665 2.234 1.062a2.491 2.491 0 01.299.979L20 9.08v-.007-.01-.008-.004-.002s0-.002 2-.002zm-4.475-6.044c-.27.002-1.167-.051-2.245.344-1.083.398-2.207 1.177-3.353 2.538l3.06 2.576c.795-.944 1.37-1.248 1.67-1.359.306-.112.476-.097.887-.099l-.02-4zm-4.069 4.17c1.826-.817 1.825-.818 1.825-.82v-.001l-.003-.004a.398.398 0 00-.013-.029 2.473 2.473 0 00-.092-.182 5.142 5.142 0 00-.232-.387c-.197-.301-.495-.69-.913-1.083-.856-.804-2.197-1.591-4.089-1.662l-.15 3.997c.774.029 1.23.326 1.502.582a2.054 2.054 0 01.359.447c.003.005.002.005 0-.001l-.008-.015a19.915 19.915 0 00-.005-.011l-.003-.007-.001-.003-.001-.002s-.001-.002 1.824-.819zm-3.52-4.168a6.557 6.557 0 00-3.959 1.13 6.865 6.865 0 00-1.365 1.221c-.073.086-.143.175-.138.168l3.104 2.523c.129-.159.847-1.095 2.214-1.045l.145-3.997zm-1.96 3.339A4.04 4.04 0 004.04 3.197v4c.007 0 .01.001.011.002l.01.005c.01.009.014.018.015.024l3.901-.884zM4.04 3.197A4.04 4.04 0 000 7.237h4c0-.008.001-.012.002-.014a.046.046 0 01.01-.014.046.046 0 01.014-.01.03.03 0 01.013-.002v-4zM0 7.237v8.93h4v-8.93H0zm0 8.93a4.04 4.04 0 004.039 4.04v-4a.03.03 0 01-.014-.002.043.043 0 01-.013-.01.045.045 0 01-.01-.014.033.033 0 01-.002-.014H0zm4.039 4.04a4.04 4.04 0 004.039-4.04h-4a.032.032 0 01-.002.014.045.045 0 01-.01.014.046.046 0 01-.014.01.03.03 0 01-.013.002v4zm4.039-4.04v-5.542h-4v5.542h4zm-2-5.542c2 0 2 .001 2 .002v.006a1.517 1.517 0 01-.002.053l.002-.01a.535.535 0 01.042-.153c.008-.016-.006.014-.05.043-.052.034-.03-.01.172-.012l-.057-4c-.866.012-1.644.235-2.297.66A3.853 3.853 0 004.57 8.68a4.457 4.457 0 00-.492 1.928v.016c0 .001 0 .002 2 .002zm2.136-2.071c-.036 2-.037 2-.038 2h-.007a.244.244 0 01-.025-.001 1.197 1.197 0 01-.094-.01.292.292 0 01-.118-.108c-.022-.037.024.014.03.242l3.998-.104c-.043-1.688-.832-2.834-1.85-3.456a3.919 3.919 0 00-1.84-.562h-.016-.002c-.001 0-.003 0-.038 1.999zm-.253 2.071v5.542h4v-5.542h-4zm0 5.542A4.04 4.04 0 0012 20.207v-4c-.009 0-.012-.002-.014-.002a.044.044 0 01-.013-.01.044.044 0 01-.01-.013.034.034 0 01-.002-.015h-4zM12 20.207a4.04 4.04 0 004.039-4.04h-4a.03.03 0 01-.002.014.045.045 0 01-.01.014.046.046 0 01-.014.01.029.029 0 01-.013.002v4zm4.039-4.04v-5.541h-4v5.541h4zm-.003-5.434c.003-.062.012-.132.028-.195.017-.065.032-.084.024-.073a.33.33 0 01-.105.092c-.022.013-.03.013-.017.01a.653.653 0 01.139-.013l-.055-4c-1.518.02-2.64.708-3.299 1.706-.574.869-.685 1.797-.71 2.259l3.995.214zm-.551-.27a2.046 2.046 0 00.323.073c.043.007.08.01.092.012l.056.006.022.003c.007.001-.02-.003-.06-.03-.055-.038-.078-.078-.074-.07.01.022.078.176.078.563h4c0-1.774-.667-3.067-1.767-3.81a3.822 3.822 0 00-1.32-.56 4.19 4.19 0 00-.422-.07c-.034-.004-.096-.01-.085-.01h.001l.002.001h.007c.006.002.02.003.037.006 0 0 .134.017.296.067l-1.186 3.82zm.437.557v5.15h4v-5.15h-4zm0 5.15a4.04 4.04 0 004.04 4.037v-4a.032.032 0 01-.014-.002.047.047 0 01-.014-.01.045.045 0 01-.01-.013.026.026 0 01-.002-.011h-4zm4.04 4.037A4.04 4.04 0 0024 16.17h-4c0 .008-.001.01-.002.012a.044.044 0 01-.009.013.045.045 0 01-.014.01.033.033 0 01-.014.002v4zM24 16.17V9.177h-4v6.995h4zm0-6.994c0-.114-.005-.228-.014-.342L20 9.171v.005h4zm-3.981.15l.006.038 3.95-.634-.009-.05-3.947.646z", fill: "#112035", mask: "url(#help-aboutus)" })));
|
|
3
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.99721 7.27315C5.95497 7.45936 5.93353 7.65314 5.93353 7.84988V13.8278C5.93353 14.6127 5.29734 15.2476 4.51374 15.2476H3.41979C2.6349 15.2476 2 14.6114 2 13.8278V3.87367C2 3.05515 2.66335 2.39051 3.48316 2.39051H4.37408C4.50312 2.39051 4.62782 2.40873 4.74596 2.44271C5.05751 2.5323 5.32349 2.73142 5.50326 2.99476C5.50723 3.00058 5.51116 3.00642 5.51504 3.0123C5.57267 3.09948 5.62095 3.19344 5.65846 3.29259C5.71812 3.45029 5.75052 3.62111 5.74992 3.79867C5.74992 3.96799 5.69441 4.18565 5.62671 4.38877C5.55306 4.6097 5.46499 4.81344 5.41822 4.91909C5.41797 4.91965 5.41773 4.9202 5.41749 4.92074C5.41212 4.93286 5.40731 4.94366 5.40314 4.95301C5.39857 4.96327 5.39478 4.97178 5.39188 4.97839C5.39161 4.97901 5.39134 4.97961 5.39109 4.9802C5.38763 4.98809 5.38562 4.99291 5.38527 4.99433C5.38521 4.99457 5.3852 4.99471 5.38524 4.99475C5.38525 4.99476 5.38526 4.99476 5.38527 4.99476C5.35559 5.06349 5.36 5.12798 5.38527 5.17981C5.44369 5.29961 5.61358 5.35183 5.73181 5.23269C5.75168 5.21282 5.76499 5.18938 5.77504 5.16307C5.78591 5.13459 5.79296 5.10275 5.80035 5.06847C5.88156 4.70022 5.99016 4.37343 6.12067 4.08394C6.16521 3.98514 6.21231 3.89068 6.26174 3.80039C6.26206 3.79982 6.26237 3.79924 6.26269 3.79867C6.31665 3.70022 6.3734 3.60675 6.43263 3.51803C6.466 3.46807 6.50015 3.41961 6.53505 3.37263C6.63784 3.23423 6.74706 3.1086 6.86141 2.99476C7.05972 2.79734 7.27346 2.63539 7.49588 2.50379C8.13037 2.12839 8.83549 2 9.45458 2C10.4325 2.00072 11.3728 2.46957 12.06 3.16641C12.1812 3.28932 12.2945 3.41932 12.3988 3.55511C12.7239 3.97833 12.9609 4.45766 13.0742 4.9532C13.0832 4.99255 13.0914 5.032 13.0988 5.07153C13.0989 5.07187 13.0989 5.0722 13.099 5.07254C13.102 5.08841 13.1048 5.10429 13.1075 5.12019C13.1256 5.22364 13.211 5.30122 13.3157 5.30122C13.4204 5.30122 13.511 5.22364 13.5226 5.12019C13.5254 5.09594 13.5284 5.0718 13.5318 5.04779C13.5319 5.04716 13.532 5.04653 13.5321 5.0459C13.5642 4.8161 13.6218 4.59721 13.7011 4.38997C13.8212 4.07577 13.9909 3.78833 14.1967 3.53023C14.2974 3.40389 14.4068 3.28459 14.5233 3.17262C15.3047 2.42128 16.4041 2 17.3423 2C19.7733 2 22 3.42626 22 6.91886V13.8291C22 14.614 21.3638 15.2489 20.5802 15.2489H19.6156C18.8307 15.2489 18.1958 14.6127 18.1958 13.8291V7.79815C18.1958 6.58266 17.5479 5.62579 16.1514 5.62579C15.8882 5.62579 15.6479 5.66347 15.4313 5.73224C14.7286 5.95535 14.2749 6.50572 14.094 7.1586C14.0349 7.37207 14.0049 7.59649 14.0049 7.82401V13.8291C14.0049 14.614 13.3687 15.2489 12.5851 15.2489H11.5429C10.758 15.2489 10.1231 14.6127 10.1231 13.8291V7.79815C10.1231 6.58266 9.47786 5.62579 8.05418 5.62579C7.93738 5.62579 7.82508 5.63349 7.71737 5.6483C7.5415 5.67247 7.37787 5.7156 7.22681 5.7751C7.22679 5.77511 7.22677 5.77512 7.22675 5.77512C7.22661 5.77518 7.22646 5.77524 7.22631 5.7753C7.22628 5.77531 7.22625 5.77532 7.22622 5.77533C7.22043 5.77761 7.21467 5.77992 7.20892 5.78225C6.99385 5.86938 6.80464 5.98993 6.64233 6.13631C6.64112 6.1374 6.63991 6.13849 6.63871 6.13958C6.3138 6.43409 6.09721 6.83239 5.99721 7.27315ZM13.2986 1.58177C13.4423 1.45336 13.5902 1.33378 13.7404 1.22317C14.7893 0.450895 16.0991 0 17.3423 0C18.9308 0 20.6232 0.467006 21.9382 1.67907C23.2855 2.92078 24 4.72607 24 6.91886V13.8291C24 15.7197 22.4672 17.2489 20.5802 17.2489H19.6156C17.7249 17.2489 16.1958 15.716 16.1958 13.8291V7.79815C16.1958 7.72613 16.1903 7.66921 16.1834 7.62629C16.1735 7.62597 16.1629 7.62579 16.1514 7.62579C16.1038 7.62579 16.0726 7.63026 16.0552 7.63379C16.0505 7.63472 16.0467 7.63563 16.0436 7.63645C16.0314 7.65825 16.0049 7.71752 16.0049 7.82401V13.8291C16.0049 15.7197 14.4721 17.2489 12.5851 17.2489H11.5429C9.65224 17.2489 8.1231 15.716 8.1231 13.8291V7.79815C8.1231 7.7263 8.11774 7.66974 8.11096 7.62728C8.09433 7.62635 8.07545 7.62579 8.05418 7.62579C8.01737 7.62579 7.99247 7.62882 7.9773 7.63165C7.96247 7.65924 7.93353 7.72838 7.93353 7.84988V13.8278C7.93353 15.7184 6.40073 17.2476 4.51374 17.2476H3.41979C1.52913 17.2476 0 15.7147 0 13.8278V3.87367C0 1.95171 1.55765 0.390509 3.48316 0.390509H4.37408C5.06521 0.390509 5.69642 0.59614 6.22123 0.944241C7.31224 0.210626 8.50625 0 9.45458 0H9.45606C10.8987 0.00106764 12.1945 0.611994 13.1494 1.4469C13.1997 1.49091 13.2495 1.53587 13.2986 1.58177ZM7.95836 7.63648C7.95834 7.63647 7.95889 7.63623 7.96005 7.63584L7.95836 7.63648Z", fill: "currentColor" })));
|
|
8
4
|
export default HelpAboutus;
|
|
9
5
|
//# sourceMappingURL=HelpAboutus.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpAboutus.js","sourceRoot":"","sources":["../../../src/Icon/iconFiles/HelpAboutus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,6BACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;IAElC,8BACE,
|
|
1
|
+
{"version":3,"file":"HelpAboutus.js","sourceRoot":"","sources":["../../../src/Icon/iconFiles/HelpAboutus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,6BACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;IAElC,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0sIAA0sI,EAC5sI,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { FocusEvent, FormEvent } from 'react';
|
|
1
|
+
import React, { FocusEvent, FormEvent, HTMLInputAutoCompleteAttribute } from 'react';
|
|
2
2
|
import { CommonFieldProps } from '../fields/commonFieldTypes';
|
|
3
3
|
interface Props extends CommonFieldProps {
|
|
4
4
|
type?: 'text' | 'email' | 'password' | 'time' | 'date' | 'tel';
|
|
@@ -6,8 +6,12 @@ interface Props extends CommonFieldProps {
|
|
|
6
6
|
name?: string;
|
|
7
7
|
value: string;
|
|
8
8
|
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
9
|
+
/**
|
|
10
|
+
* Triggers after animation end (animation duration is 2s),
|
|
11
|
+
* the animation starts when a user selects or hovers over an autofill option
|
|
12
|
+
*/
|
|
13
|
+
onAutoFill?: () => void;
|
|
9
14
|
}
|
|
10
|
-
type AutoComplete = 'off' | 'bday-day' | 'bday-month' | 'bday-year';
|
|
11
15
|
type InputMode = 'text' | 'email' | 'numeric';
|
|
12
16
|
/** on change or on input required */
|
|
13
17
|
type InputProps = ({
|
|
@@ -19,9 +23,17 @@ type InputProps = ({
|
|
|
19
23
|
onChange?: (e: string) => void;
|
|
20
24
|
onInputChange: (e: FormEvent<HTMLInputElement>) => void;
|
|
21
25
|
}) & {
|
|
22
|
-
autoCompleteAttr?:
|
|
26
|
+
autoCompleteAttr?: HTMLInputAutoCompleteAttribute;
|
|
23
27
|
inputModeAttr?: InputMode;
|
|
24
28
|
};
|
|
25
29
|
export type TextInputProps = Props & InputProps;
|
|
30
|
+
/**
|
|
31
|
+
* A reusable TextInput component that supports various input types, custom styling, icons,
|
|
32
|
+
* and autofill detection.
|
|
33
|
+
*
|
|
34
|
+
* ### Caveats:
|
|
35
|
+
* - `onAutoFill` triggers after animation end (animation duration is 2s),
|
|
36
|
+
* the animation starts when a user selects or hovers over an autofill option
|
|
37
|
+
*/
|
|
26
38
|
export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
27
39
|
export {};
|
|
@@ -1,14 +1,27 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
1
|
+
import React, { forwardRef, } from 'react';
|
|
2
2
|
import { Box } from '../Box';
|
|
3
3
|
import { Field } from '../fields/Field';
|
|
4
4
|
import { Input, StyledFrontIcon, StyledTrailingIcon, } from '../fields/components/CommonInput';
|
|
5
5
|
import { useUniqueId } from '../utils/id';
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* A reusable TextInput component that supports various input types, custom styling, icons,
|
|
8
|
+
* and autofill detection.
|
|
9
|
+
*
|
|
10
|
+
* ### Caveats:
|
|
11
|
+
* - `onAutoFill` triggers after animation end (animation duration is 2s),
|
|
12
|
+
* the animation starts when a user selects or hovers over an autofill option
|
|
13
|
+
*/
|
|
14
|
+
export const TextInput = forwardRef(function TextInput({ id: idProp, type = 'text', placeholder, name, value, error = false, onBlur, onChange, onInputChange, onAutoFill, disabled = false, frontIcon, trailingIcon, fallbackStyle, autoCompleteAttr = 'off', inputModeAttr, ...fieldProps }, ref) {
|
|
7
15
|
const id = useUniqueId(idProp);
|
|
16
|
+
const handleAnimationEnd = (e) => {
|
|
17
|
+
if (e.animationName === 'onAutoFillStart' && onAutoFill && !!value) {
|
|
18
|
+
onAutoFill();
|
|
19
|
+
}
|
|
20
|
+
};
|
|
8
21
|
return (React.createElement(Field, { ...fieldProps, htmlFor: id, error: error },
|
|
9
22
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
|
|
10
23
|
frontIcon && (React.createElement(StyledFrontIcon, { "$disabled": disabled, render: frontIcon, color: "sesame" })),
|
|
11
|
-
React.createElement(Input, { disabled: disabled, type: type, id: id, name: name, ref: ref, placeholder: placeholder, value: value, "$error": error, "$frontIcon": frontIcon, "$fallbackStyle": fallbackStyle, autoComplete: autoCompleteAttr, onChange: (e) => {
|
|
24
|
+
React.createElement(Input, { disabled: disabled, type: type, id: id, name: name, ref: ref, onAnimationEnd: handleAnimationEnd, placeholder: placeholder, value: value, "$error": error, "$frontIcon": frontIcon, "$fallbackStyle": fallbackStyle, autoComplete: autoCompleteAttr, onChange: (e) => {
|
|
12
25
|
onChange && onChange(e.currentTarget.value);
|
|
13
26
|
onInputChange && onInputChange(e);
|
|
14
27
|
}, onBlur: onBlur, inputMode: inputModeAttr }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,GAEX,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,OAAO,EACL,KAAK,EACL,eAAe,EACf,kBAAkB,GACnB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAoCzC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CACpD,EACE,EAAE,EAAE,MAAM,EACV,IAAI,GAAG,MAAM,EACb,WAAW,EACX,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,KAAK,EACb,MAAM,EACN,QAAQ,EACR,aAAa,EACb,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,gBAAgB,GAAG,KAAK,EACxB,aAAa,EACb,GAAG,UAAU,EACE,EACjB,GAAmC;IAEnC,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAE9B,MAAM,kBAAkB,GAAG,CAAC,CAAyC,EAAE,EAAE;QACvE,IAAI,CAAC,CAAC,aAAa,KAAK,iBAAiB,IAAI,UAAU,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;YACnE,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,OAAK,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK;QAC9C,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY;YACtD,SAAS,IAAI,CACZ,oBAAC,eAAe,iBACH,QAAQ,EACnB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAC,QAAQ,GACd,CACH;YACD,oBAAC,KAAK,IACJ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,kBAAkB,EAClC,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,YACJ,KAAK,gBACD,SAAS,oBACL,aAAa,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,CAAC,CAA8B,EAAE,EAAE;oBAC3C,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC3C,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;gBACnC,CAAC,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,GACxB;YACD,YAAY,IAAI,CACf,oBAAC,kBAAkB,iBACN,QAAQ,EACnB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAC,QAAQ,GACd,CACH,CACG,CACA,CACT,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -48,6 +48,20 @@ export const Input = styled.input `
|
|
|
48
48
|
&::placeholder {
|
|
49
49
|
color: ${theme.colors.sesame};
|
|
50
50
|
}
|
|
51
|
+
|
|
52
|
+
&:-webkit-autofill {
|
|
53
|
+
animation-name: onAutoFillStart;
|
|
54
|
+
animation-duration: 2s;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@keyframes onAutoFillStart {
|
|
58
|
+
from {
|
|
59
|
+
background-color: inherit;
|
|
60
|
+
}
|
|
61
|
+
to {
|
|
62
|
+
background-color: inherit;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
51
65
|
`;
|
|
52
66
|
export const StyledFrontIcon = styled(Icon) `
|
|
53
67
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAQ;;WAE9B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACtB,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;;YAI9C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;sBAEjC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACzC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAExD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;IAE3E,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CACzB,CAAC,QAAQ;IACT,CAAC,MAAM;IACP,GAAG,CAAA;;;wBAGiB,KAAK,CAAC,MAAM,CAAC,QAAQ;;KAExC;;;;;IAKD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV;;KAEC;;IAED,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa;IACb;;KAEC;;;;;;;;;;;;aAYQ,KAAK,CAAC,MAAM,CAAC,MAAM
|
|
1
|
+
{"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAQ;;WAE9B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACtB,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;;YAI9C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;sBAEjC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACzC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAExD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;IAE3E,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CACzB,CAAC,QAAQ;IACT,CAAC,MAAM;IACP,GAAG,CAAA;;;wBAGiB,KAAK,CAAC,MAAM,CAAC,QAAQ;;KAExC;;;;;IAKD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV;;KAEC;;IAED,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa;IACb;;KAEC;;;;;;;;;;;;aAYQ,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;CAgB/B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;;aAKrC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC9C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;aAIxC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC9C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mrshmllw/smores-react",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.19.0",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"description": "Collection of React components used by Marshmallow Technology",
|
|
6
6
|
"keywords": [
|
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
"@babel/preset-env": "^7.25.4",
|
|
40
40
|
"@babel/preset-react": "^7.18.6",
|
|
41
41
|
"@babel/preset-typescript": "^7.18.6",
|
|
42
|
-
"@commitlint/cli": "^19.4.
|
|
42
|
+
"@commitlint/cli": "^19.4.1",
|
|
43
43
|
"@commitlint/types": "^19.0.3",
|
|
44
44
|
"@semantic-release/changelog": "^6.0.3",
|
|
45
45
|
"@semantic-release/git": "^10.0.1",
|
|
46
|
-
"@semantic-release/github": "^10.
|
|
46
|
+
"@semantic-release/github": "^10.3.3",
|
|
47
47
|
"@semantic-release/npm": "^12.0.0",
|
|
48
|
-
"@snyk/protect": "^1.
|
|
48
|
+
"@snyk/protect": "^1.1293.0",
|
|
49
49
|
"@storybook/addon-a11y": "^8.2.9",
|
|
50
50
|
"@storybook/addon-coverage": "^1.0.3",
|
|
51
51
|
"@storybook/addon-essentials": "^8.2.9",
|
|
@@ -55,10 +55,10 @@
|
|
|
55
55
|
"@storybook/react-vite": "^8.2.9",
|
|
56
56
|
"@storybook/test": "^8.2.1",
|
|
57
57
|
"@storybook/test-runner": "^0.19.1",
|
|
58
|
-
"@testing-library/react": "^16.0.
|
|
58
|
+
"@testing-library/react": "^16.0.1",
|
|
59
59
|
"@types/body-scroll-lock": "^3.1.0",
|
|
60
60
|
"@types/dompurify": "^3.0.5",
|
|
61
|
-
"@types/node": "^22.5.
|
|
61
|
+
"@types/node": "^22.5.4",
|
|
62
62
|
"@types/react": "^18.0.24",
|
|
63
63
|
"@types/react-dom": "^18.0.8",
|
|
64
64
|
"@typescript-eslint/eslint-plugin": "^7.18.0",
|
|
@@ -67,20 +67,20 @@
|
|
|
67
67
|
"conventional-changelog-conventionalcommits": "^8.0.0",
|
|
68
68
|
"eslint": "^8.57.0",
|
|
69
69
|
"eslint-config-prettier": "^9.0.0",
|
|
70
|
-
"eslint-plugin-react": "^7.35.
|
|
70
|
+
"eslint-plugin-react": "^7.35.2",
|
|
71
71
|
"eslint-plugin-react-hooks": "^4.1.2",
|
|
72
72
|
"husky": "^9.1.5",
|
|
73
73
|
"jsdom": "^24.1.1",
|
|
74
|
-
"lint-staged": "^15.2.
|
|
74
|
+
"lint-staged": "^15.2.10",
|
|
75
75
|
"prettier": "^3.3.3",
|
|
76
76
|
"react": "^18.2.0",
|
|
77
77
|
"react-dom": "^18.2.0",
|
|
78
78
|
"rimraf": "^6.0.1",
|
|
79
79
|
"semantic-release": "^24.1.0",
|
|
80
80
|
"storybook": "^8.0.4",
|
|
81
|
-
"styled-components": "^6.1.
|
|
81
|
+
"styled-components": "^6.1.13",
|
|
82
82
|
"typescript": "^5.5.4",
|
|
83
|
-
"vite": "^5.4.
|
|
83
|
+
"vite": "^5.4.3",
|
|
84
84
|
"vitest": "^2.0.5"
|
|
85
85
|
},
|
|
86
86
|
"dependencies": {
|