@a-type/ui 5.0.0 → 5.0.2
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/css/main.css +7 -7
- package/dist/esm/components/button/Button.stories.js +1 -1
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/forms/FormikForm.d.ts +1 -3
- package/dist/esm/components/forms/FormikForm.stories.d.ts +1 -3
- package/dist/esm/components/forms/FormikForm.stories.js +1 -1
- package/dist/esm/components/forms/FormikForm.stories.js.map +1 -1
- package/dist/esm/components/forms/TextField.d.ts +5 -11
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/uno/preflights/mode.js +0 -2
- package/dist/esm/uno/preflights/mode.js.map +1 -1
- package/dist/esm/uno/theme/spacing.js +2 -0
- package/dist/esm/uno/theme/spacing.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.stories.tsx +15 -5
- package/src/components/button/classes.tsx +1 -2
- package/src/components/forms/FormikForm.stories.tsx +6 -1
- package/src/components/forms/TextField.tsx +4 -11
- package/src/uno/preflights/mode.ts +0 -2
- package/src/uno/theme/spacing.ts +2 -0
|
@@ -31,7 +31,7 @@ const meta = {
|
|
|
31
31
|
export default meta;
|
|
32
32
|
export const Default = {
|
|
33
33
|
render: (args) => {
|
|
34
|
-
return (_jsxs(Box, { col: true, gap: true, children: [_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args)), _jsxs(Button, Object.assign({}, args, { children: [_jsx(Icon, { name: "placeholder" }), args.children] })), _jsx(Button, Object.assign({}, args, { size: "small" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, { emphasis: "primary", children: "Primary" }), _jsx(Button, { emphasis: "default", children: "Default" }), _jsx(Button, { emphasis: "light", children: "Light" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" }), _jsx(Button, { emphasis: "contrast", children: "Contrast" })] })] }));
|
|
34
|
+
return (_jsxs(Box, { col: true, gap: true, children: [_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args)), _jsxs(Button, Object.assign({}, args, { children: [_jsx(Icon, { name: "placeholder" }), args.children] })), _jsx(Button, Object.assign({}, args, { size: "small" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args, { emphasis: "primary", children: "Primary" })), _jsx(Button, Object.assign({}, args, { emphasis: "default", children: "Default" })), _jsx(Button, Object.assign({}, args, { emphasis: "light", children: "Light" })), _jsx(Button, Object.assign({}, args, { emphasis: "ghost", children: "Ghost" })), _jsx(Button, Object.assign({}, args, { emphasis: "contrast", children: "Contrast" }))] })] }));
|
|
35
35
|
},
|
|
36
36
|
};
|
|
37
37
|
export const WithIcon = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,YAAY;SACrB;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,SAAS;QACf,gBAAgB,EAAE,KAAK;QACvB,QAAQ,EAAE,KAAK;QACf,eAAe,EAAE,KAAK;KACtB;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,QAAC,GAAG,mBACX,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,MAAM,oBAAK,IAAI,EAAI,EACpB,MAAC,MAAM,oBAAK,IAAI,eACf,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EAC1B,IAAI,CAAC,QAAQ,KACN,EACT,KAAC,MAAM,oBAAK,IAAI,IAAE,IAAI,EAAC,OAAO,IAAG,EACjC,KAAC,MAAM,oBAAK,IAAI,cACf,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,IACnB,IACJ,EACN,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,8EAA8E,EAC9E,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,iCAAiC,EAEjC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU;QACtB,2DAA2D,EAE5D;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,gEAAgE,EAC/D,QAAQ,KAAK,OAAO;QACrB,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,4EAA4E,EAC3E,QAAQ,KAAK,OAAO;QACrB,2BAA2B,EAAE,QAAQ,KAAK,UAAU;KACpD,EAED;QACC,iDAAiD,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,8EAA8E,EAC9E,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,iCAAiC,EAEjC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU;QACtB,2DAA2D,EAE5D;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,gEAAgE,EAC/D,QAAQ,KAAK,OAAO;QACrB,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,4EAA4E,EAC3E,QAAQ,KAAK,OAAO;QACrB,2BAA2B,EAAE,QAAQ,KAAK,UAAU;KACpD,EAED;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,gEAAgE,EAC/D,IAAI,KAAK,OAAO;QACjB,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,mGAAmG,EAClG,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EAED,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
|
|
@@ -11,9 +11,7 @@ export interface FormikFormProps<T extends FormikValues = FormikValues> extends
|
|
|
11
11
|
export { FieldArray } from 'formik';
|
|
12
12
|
export declare function FormikFormRoot<Values extends FormikValues>({ className, children, onSubmit, ...props }: FormikFormProps<Values>): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export declare const FormikForm: typeof FormikFormRoot & {
|
|
14
|
-
TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps
|
|
15
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
16
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
15
|
TextAreaField: typeof TextAreaField;
|
|
18
16
|
NumberStepperField: typeof NumberStepperField;
|
|
19
17
|
SubmitButton: typeof SubmitButton;
|
|
@@ -8,9 +8,7 @@ import { SwitchField } from './SwitchField.js';
|
|
|
8
8
|
declare const meta: {
|
|
9
9
|
title: string;
|
|
10
10
|
component: typeof import("./FormikForm.js").FormikFormRoot & {
|
|
11
|
-
TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps
|
|
12
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
13
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
12
|
TextAreaField: typeof import("./TextField.js").TextAreaField;
|
|
15
13
|
NumberStepperField: typeof NumberStepperField;
|
|
16
14
|
SubmitButton: typeof SubmitButton;
|
|
@@ -44,7 +44,7 @@ export const Default = {
|
|
|
44
44
|
newsletter: false,
|
|
45
45
|
plan: 'basic',
|
|
46
46
|
emoji: '',
|
|
47
|
-
} }, args, { children: [_jsx(TextField, { name: "email", type: "email", label: "Email" }), _jsx(TextField, { name: "password", type: "password", label: "Password" }), _jsx(NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), _jsx(CheckboxField, { name: "tos", label: "I agree" }), _jsx(SwitchField, { name: "newsletter", label: "Subscribe to newsletter" }), _jsxs(ToggleGroupField, { type: "single", name: "plan", label: "Select your plan", required: true, children: [_jsx(ToggleGroupField.Item, { value: "basic", children: "Basic" }), _jsx(ToggleGroupField.Item, { value: "pro", children: "Pro" }), _jsx(ToggleGroupField.Item, { value: "enterprise", children: "Enterprise" })] }), _jsx(EmojiField, { name: "emoji", label: "Favorite Emoji" }), _jsx(SubmitButton, { children: "Sign up" })] })));
|
|
47
|
+
} }, args, { children: [_jsx(TextField, { name: "email", type: "email", label: "Email", placeholder: "you@example.com" }), _jsx(TextField, { name: "password", type: "password", label: "Password" }), _jsx(NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), _jsx(CheckboxField, { name: "tos", label: "I agree" }), _jsx(SwitchField, { name: "newsletter", label: "Subscribe to newsletter" }), _jsxs(ToggleGroupField, { type: "single", name: "plan", label: "Select your plan", required: true, children: [_jsx(ToggleGroupField.Item, { value: "basic", children: "Basic" }), _jsx(ToggleGroupField.Item, { value: "pro", children: "Pro" }), _jsx(ToggleGroupField.Item, { value: "enterprise", children: "Enterprise" })] }), _jsx(EmojiField, { name: "emoji", label: "Favorite Emoji" }), _jsx(SubmitButton, { children: "Sign up" })] })));
|
|
48
48
|
},
|
|
49
49
|
};
|
|
50
50
|
//# sourceMappingURL=FormikForm.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;KACD;IACD,MAAM,CAAC,EAA6B;YAA7B,EAAE,aAAa,EAAE,CAAC,OAAW,EAAN,IAAI,cAA3B,iBAA6B,CAAF;QACjC,OAAO,CACN,MAAC,UAAU,kBACV,aAAa,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,KAAK;gBACV,UAAU,EAAE,KAAK;gBACjB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,EAAE;aACT,IACG,IAAI,eAER,KAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;KACD;IACD,MAAM,CAAC,EAA6B;YAA7B,EAAE,aAAa,EAAE,CAAC,OAAW,EAAN,IAAI,cAA3B,iBAA6B,CAAF;QACjC,OAAO,CACN,MAAC,UAAU,kBACV,aAAa,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,KAAK;gBACV,UAAU,EAAE,KAAK;gBACjB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,EAAE;aACT,IACG,IAAI,eAER,KAAC,SAAS,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,iBAAiB,GAC5B,EACF,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,GAAG,EAC9D,KAAC,kBAAkB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,KAAC,aAAa,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,GAAG,EAC5C,KAAC,WAAW,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,yBAAyB,GAAG,EACjE,MAAC,gBAAgB,IAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,QAAQ,mBAER,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAA8B,EAClE,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,oBAA4B,EAC9D,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY,2BAEjB,IACN,EACnB,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,GAAG,EAClD,KAAC,YAAY,0BAAuB,KACxB,CACb,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -1,22 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { InputHTMLAttributes, Ref } from 'react';
|
|
2
|
+
import { InputProps } from '../input/Input.js';
|
|
3
3
|
import { TextAreaProps } from '../textArea/TextArea.js';
|
|
4
4
|
export type TextFieldProps = {
|
|
5
5
|
name: string;
|
|
6
6
|
label?: string;
|
|
7
|
-
required?: boolean;
|
|
8
|
-
type?: InputHTMLAttributes<HTMLInputElement>['type'];
|
|
9
|
-
className?: string;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
|
|
12
7
|
autoFocus?: InputHTMLAttributes<HTMLInputElement>['autoFocus'];
|
|
13
8
|
autoFocusDelay?: number;
|
|
14
9
|
inputRef?: Ref<HTMLInputElement>;
|
|
15
10
|
inputClassName?: string;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
ref?: Ref<HTMLDivElement>;
|
|
12
|
+
} & Omit<InputProps, 'ref'>;
|
|
13
|
+
export declare const TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
14
|
export type TextAreaFieldProps = {
|
|
21
15
|
name: string;
|
|
22
16
|
label?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,6 @@ ${PROPS.MODE.WHITE}: #ffffff;
|
|
|
14
14
|
${PROPS.MODE.BLACK}: #000000;
|
|
15
15
|
|
|
16
16
|
color: var(${PROPS.COLOR.INHERITED});
|
|
17
|
-
background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
|
|
18
17
|
|
|
19
18
|
${palettePropertyReset(options)}
|
|
20
19
|
`;
|
|
@@ -30,7 +29,6 @@ ${PROPS.MODE.WHITE}: #000000;
|
|
|
30
29
|
${PROPS.MODE.BLACK}: #ffffff;
|
|
31
30
|
|
|
32
31
|
color: var(${PROPS.COLOR.INHERITED});
|
|
33
|
-
background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
|
|
34
32
|
|
|
35
33
|
${palettePropertyReset(options)}
|
|
36
34
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mode.js","sourceRoot":"","sources":["../../../../src/uno/preflights/mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAyB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,YAAY,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACvD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"mode.js","sourceRoot":"","sources":["../../../../src/uno/preflights/mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAyB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,YAAY,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACvD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS;;EAEhC,oBAAoB,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACtD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS;;EAEhC,oBAAoB,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAA8B,EAAE,EAAE,CAC/D,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;IAGZ,YAAY,CAAC,OAAO,CAAC;;;;;KAKpB,WAAW,CAAC,OAAO,CAAC;;;;;;;IAOrB,YAAY,CAAC,OAAO,CAAC;;;IAGrB,WAAW,CAAC,OAAO,CAAC;;EAEtB;CACA,CAAC,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
import { PROPS } from '../logic/properties.js';
|
|
3
3
|
export const spacing = {
|
|
4
|
+
0: '0px',
|
|
5
|
+
none: 'none',
|
|
4
6
|
'2xs': `calc(0.125rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
|
|
5
7
|
xs: `calc(0.25rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
|
|
6
8
|
sm: `calc(0.5rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../../../src/uno/theme/spacing.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAqB;IACxC,KAAK,EAAE,uBAAuB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IACnG,EAAE,EAAE,sBAAsB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC/F,EAAE,EAAE,qBAAqB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC9F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,KAAK,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;CAC/F,CAAC"}
|
|
1
|
+
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../../../src/uno/theme/spacing.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAqB;IACxC,CAAC,EAAE,KAAK;IACR,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,uBAAuB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IACnG,EAAE,EAAE,sBAAsB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC/F,EAAE,EAAE,qBAAqB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC9F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,KAAK,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;CAC/F,CAAC"}
|
package/package.json
CHANGED
|
@@ -49,11 +49,21 @@ export const Default: Story = {
|
|
|
49
49
|
</Button>
|
|
50
50
|
</Box>
|
|
51
51
|
<Box gap items="center">
|
|
52
|
-
<Button emphasis="primary">
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<Button emphasis="
|
|
56
|
-
|
|
52
|
+
<Button {...args} emphasis="primary">
|
|
53
|
+
Primary
|
|
54
|
+
</Button>
|
|
55
|
+
<Button {...args} emphasis="default">
|
|
56
|
+
Default
|
|
57
|
+
</Button>
|
|
58
|
+
<Button {...args} emphasis="light">
|
|
59
|
+
Light
|
|
60
|
+
</Button>
|
|
61
|
+
<Button {...args} emphasis="ghost">
|
|
62
|
+
Ghost
|
|
63
|
+
</Button>
|
|
64
|
+
<Button {...args} emphasis="contrast">
|
|
65
|
+
Contrast
|
|
66
|
+
</Button>
|
|
57
67
|
</Box>
|
|
58
68
|
</Box>
|
|
59
69
|
);
|
|
@@ -52,8 +52,7 @@ export function getButtonClassName({
|
|
|
52
52
|
},
|
|
53
53
|
|
|
54
54
|
{
|
|
55
|
-
'layer-components:(rounded-lg px-4 py-2 text-md)':
|
|
56
|
-
size === 'default',
|
|
55
|
+
'layer-components:(rounded-lg px-4 py-2 text-md)': size === 'default',
|
|
57
56
|
'layer-components:(min-h-touch rounded-md px-4 py-0.25 text-sm)':
|
|
58
57
|
size === 'small',
|
|
59
58
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:(rounded-lg p-2.35 text-sm)':
|
|
@@ -41,7 +41,12 @@ export const Default: Story = {
|
|
|
41
41
|
}}
|
|
42
42
|
{...args}
|
|
43
43
|
>
|
|
44
|
-
<TextField
|
|
44
|
+
<TextField
|
|
45
|
+
name="email"
|
|
46
|
+
type="email"
|
|
47
|
+
label="Email"
|
|
48
|
+
placeholder="you@example.com"
|
|
49
|
+
/>
|
|
45
50
|
<TextField name="password" type="password" label="Password" />
|
|
46
51
|
<NumberStepperField name="age" label="Age" min={13} max={100} />
|
|
47
52
|
<CheckboxField name="tos" label="I agree" />
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import { useField, useFormikContext } from 'formik';
|
|
4
4
|
import {
|
|
5
|
-
ComponentProps,
|
|
6
5
|
InputHTMLAttributes,
|
|
7
6
|
KeyboardEvent,
|
|
8
7
|
Ref,
|
|
@@ -13,23 +12,19 @@ import {
|
|
|
13
12
|
import { withClassName } from '../../hooks.js';
|
|
14
13
|
import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
|
|
15
14
|
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
16
|
-
import { Input } from '../input/Input.js';
|
|
15
|
+
import { Input, InputProps } from '../input/Input.js';
|
|
17
16
|
import { TextArea, TextAreaProps } from '../textArea/TextArea.js';
|
|
18
17
|
import { FieldLabel } from './FieldLabel.js';
|
|
19
18
|
|
|
20
19
|
export type TextFieldProps = {
|
|
21
20
|
name: string;
|
|
22
21
|
label?: string;
|
|
23
|
-
required?: boolean;
|
|
24
|
-
type?: InputHTMLAttributes<HTMLInputElement>['type'];
|
|
25
|
-
className?: string;
|
|
26
|
-
placeholder?: string;
|
|
27
|
-
autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
|
|
28
22
|
autoFocus?: InputHTMLAttributes<HTMLInputElement>['autoFocus'];
|
|
29
23
|
autoFocusDelay?: number;
|
|
30
24
|
inputRef?: Ref<HTMLInputElement>;
|
|
31
25
|
inputClassName?: string;
|
|
32
|
-
|
|
26
|
+
ref?: Ref<HTMLDivElement>;
|
|
27
|
+
} & Omit<InputProps, 'ref'>;
|
|
33
28
|
|
|
34
29
|
const emptyRef = (() => {}) as any;
|
|
35
30
|
|
|
@@ -47,9 +42,7 @@ export const TextField = function TextField({
|
|
|
47
42
|
id: providedId,
|
|
48
43
|
inputClassName,
|
|
49
44
|
...rest
|
|
50
|
-
}: TextFieldProps
|
|
51
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
52
|
-
}) {
|
|
45
|
+
}: TextFieldProps) {
|
|
53
46
|
const [props] = useField({
|
|
54
47
|
name,
|
|
55
48
|
onChange,
|
|
@@ -14,7 +14,6 @@ ${PROPS.MODE.WHITE}: #ffffff;
|
|
|
14
14
|
${PROPS.MODE.BLACK}: #000000;
|
|
15
15
|
|
|
16
16
|
color: var(${PROPS.COLOR.INHERITED});
|
|
17
|
-
background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
|
|
18
17
|
|
|
19
18
|
${palettePropertyReset(options)}
|
|
20
19
|
`;
|
|
@@ -31,7 +30,6 @@ ${PROPS.MODE.WHITE}: #000000;
|
|
|
31
30
|
${PROPS.MODE.BLACK}: #ffffff;
|
|
32
31
|
|
|
33
32
|
color: var(${PROPS.COLOR.INHERITED});
|
|
34
|
-
background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
|
|
35
33
|
|
|
36
34
|
${palettePropertyReset(options)}
|
|
37
35
|
`;
|
package/src/uno/theme/spacing.ts
CHANGED
|
@@ -2,6 +2,8 @@ import { Theme } from '@unocss/preset-mini';
|
|
|
2
2
|
import { PROPS } from '../logic/properties.js';
|
|
3
3
|
|
|
4
4
|
export const spacing: Theme['spacing'] = {
|
|
5
|
+
0: '0px',
|
|
6
|
+
none: 'none',
|
|
5
7
|
'2xs': `calc(0.125rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
|
|
6
8
|
xs: `calc(0.25rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
|
|
7
9
|
sm: `calc(0.5rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
|