@1money/component-ui 0.0.92-alpha.0 → 0.0.93-alpha.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/es/business/{FormPage/FormPage.d.ts → PageForm/PageForm.d.ts} +2 -2
- package/es/business/{FormPage/FormPage.js → PageForm/PageForm.js} +7 -7
- package/es/business/PageForm/index.d.ts +4 -0
- package/es/business/PageForm/index.js +5 -0
- package/es/business/{FormPage → PageForm}/interface.d.ts +5 -5
- package/es/business/{FormPage → PageForm}/interface.js +1 -1
- package/es/business/index.d.ts +1 -1
- package/es/business/index.js +1 -1
- package/es/business/shared/formCore/useRelayedFormRef.d.ts +1 -1
- package/es/business/shared/formCore/useRelayedFormRef.js +2 -2
- package/es/components/FormLayout/config.d.ts +19 -17
- package/es/components/FormLayout/config.js +13 -11
- package/es/components/FormLayout/interface.d.ts +2 -2
- package/es/index.css +1 -1
- package/lib/business/{FormPage/FormPage.d.ts → PageForm/PageForm.d.ts} +2 -2
- package/lib/business/{FormPage/FormPage.js → PageForm/PageForm.js} +8 -8
- package/lib/business/PageForm/index.d.ts +4 -0
- package/lib/business/{FormPage → PageForm}/index.js +6 -6
- package/lib/business/{FormPage → PageForm}/interface.d.ts +5 -5
- package/lib/business/{FormPage → PageForm}/interface.js +1 -1
- package/lib/business/index.d.ts +1 -1
- package/lib/business/index.js +5 -5
- package/lib/business/shared/formCore/useRelayedFormRef.d.ts +1 -1
- package/lib/business/shared/formCore/useRelayedFormRef.js +2 -2
- package/lib/components/FormLayout/config.d.ts +19 -17
- package/lib/components/FormLayout/config.js +13 -11
- package/lib/components/FormLayout/interface.d.ts +2 -2
- package/lib/index.css +1 -1
- package/package.json +5 -5
- package/es/business/FormPage/index.d.ts +0 -4
- package/es/business/FormPage/index.js +0 -5
- package/lib/business/FormPage/index.d.ts +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const
|
|
1
|
+
import type { PageFormProps } from './interface';
|
|
2
|
+
export declare const PageForm: (<Values extends Record<string, any> = Record<string, any>>({ size, width, className, title, extra, description, children, initialValues, onSubmit, onSuccess, submitText, submitSlot, secondary, footnote, formRef, formProps, }: PageFormProps<Values>) => import("react/jsx-runtime").JSX.Element) & {
|
|
3
3
|
Field: ({ half, children }: import("../shared/formCore/BaseProForm").FormFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
};
|
|
@@ -10,10 +10,10 @@ import { useSubmitAction } from '../shared/formCore/useSubmitAction';
|
|
|
10
10
|
* `FormDialog`:
|
|
11
11
|
*
|
|
12
12
|
* FormLayout(page) card chrome + page density, no overlay, never scrolls
|
|
13
|
-
* internally. `size` selects the
|
|
14
|
-
* default) or `small` (448
|
|
15
|
-
*
|
|
16
|
-
*
|
|
13
|
+
* internally. `size` selects the density: `large` (738 /
|
|
14
|
+
* 32 / 24, default) or `small` (448 / 24 / 16 — the
|
|
15
|
+
* compact auth card). Both resolve inside FormLayout;
|
|
16
|
+
* this shell only forwards `size`.
|
|
17
17
|
* ├─ BaseProForm same single ProForm config point (variant='page' + the
|
|
18
18
|
* │ same `size`, so control size / gutter / row gap match)
|
|
19
19
|
* └─ ActionBar(fill) full-width submit (page forms per the DS)
|
|
@@ -21,7 +21,7 @@ import { useSubmitAction } from '../shared/formCore/useSubmitAction';
|
|
|
21
21
|
* The SAME fields render identically here and in FormDialog — only the
|
|
22
22
|
* container differs.
|
|
23
23
|
*/
|
|
24
|
-
var
|
|
24
|
+
var PageFormInner = function PageFormInner(_ref) {
|
|
25
25
|
var _ref$size = _ref.size,
|
|
26
26
|
size = _ref$size === void 0 ? 'large' : _ref$size,
|
|
27
27
|
width = _ref.width,
|
|
@@ -86,7 +86,7 @@ var FormPageInner = function FormPageInner(_ref) {
|
|
|
86
86
|
}))]
|
|
87
87
|
});
|
|
88
88
|
};
|
|
89
|
-
export var
|
|
89
|
+
export var PageForm = Object.assign(PageFormInner, {
|
|
90
90
|
Field: FormField
|
|
91
91
|
});
|
|
92
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL1BhZ2VGb3JtL1BhZ2VGb3JtLmpzIiwiYnVzaW5lc3Mvc3JjL2J1c2luZXNzL1BhZ2VGb3JtL1BhZ2VGb3JtLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiQWN0aW9uQmFyIiwiRm9ybUxheW91dCIsIlR5cG9ncmFwaHkiLCJCYXNlUHJvRm9ybSIsIkZvcm1GaWVsZCIsInVzZVJlbGF5ZWRGb3JtUmVmIiwidXNlU3VibWl0QWN0aW9uIiwiUGFnZUZvcm1Jbm5lciIsIl9yZWYiLCJfcmVmJHNpemUiLCJzaXplIiwid2lkdGgiLCJjbGFzc05hbWUiLCJ0aXRsZSIsImV4dHJhIiwiZGVzY3JpcHRpb24iLCJjaGlsZHJlbiIsImluaXRpYWxWYWx1ZXMiLCJvblN1Ym1pdCIsIm9uU3VjY2VzcyIsInN1Ym1pdFRleHQiLCJzdWJtaXRTbG90Iiwic2Vjb25kYXJ5IiwiZm9vdG5vdGUiLCJmb3JtUmVmIiwiZm9ybVByb3BzIiwiaW5uZXJSZWYiLCJfdXNlU3VibWl0QWN0aW9uIiwic3VibWl0dGluZyIsImhhbmRsZUZpbmlzaCIsInZhcmlhbnQiLCJmb290ZXIiLCJsYXlvdXQiLCJwcmltYXJ5IiwidW5kZWZpbmVkIiwibGFiZWwiLCJsb2FkaW5nIiwib25DbGljayIsIl9hIiwiY3VycmVudCIsInN1Ym1pdEZvcm0iLCJwcmltYXJ5U2xvdCIsInN1Ym1pdCIsIkJvZHkiLCJhcyIsInN0cm9uZyIsImNvbG9yIiwiT2JqZWN0IiwiYXNzaWduIiwib25GaW5pc2giLCJQYWdlRm9ybSIsIkZpZWxkIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQTlELFNBQVNDLFNBQVMsUUFBUSw0QkFBNEI7QUFDdEQsU0FBU0MsVUFBVSxRQUFRLDZCQUE2QjtBQUN4RCxTQUFTQyxVQUFVLFFBQVEsNkJBQTZCO0FBQ3hELFNBQVNDLFdBQVcsRUFB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QUFWQTtNRC9CQSxDQ2dDRCxDQUFDO01BQ0ZMLFFBQVEsRUFBRUE7SUFBUSxDQUFBLENBQ2xCO0lBQUFQLFFBQUEsRUFBQSxDQUdIRCxXQUFXLElBQ1ZsQixJQUFBLENBQUNLLFVBQVUsQ0FBQ3lDLElBQUksRUFBQTtNQUFDQyxFQUFFLEVBQUMsR0FBRztNQUFDbEMsSUFBSSxFQUFDLElBQUk7TUFBQ21DLE1BQU0sRUFBQSxJQUFBO01BQUNDLEtBQUssRUFBQyxtQkFBbUI7TUFBQTlCLFFBQUEsRUFDL0REO0lBQVcsQ0FBQSxDQUVmLEVBQ0RsQixJQUFBLENBQUNNLFdBQVcsRUFBQTRDLE1BQUEsQ0FBQUMsTUFBQSxDQUFBLENBQUEsQ0FBQSxFQUNOdkIsU0FBUyxFQUFBO01BQ2JLLE9BQU8sRUFBQyxNQUFNO01BQ2RwQixJQUFJLEVBQUVBLElBQUk7TUFDVmMsT0FBTyxFQUFFRSxRQUFRO01BQ2pCVCxhQUFhLEVBQUVBLGFBQWE7TUFDNUJnQyxRQUFRLEVBQUVwQixZQUFZO01BQUFiLFFBQUEsRUFFckJBO0lBQVEsQ0FBQSxDQUFBLENBQ0c7RUFBQSxDQUFBLENBQ0g7QUFFakIsQ0FBQztBQUVELE9BQU8sSUFBTWtDLFFBQVEsR0FBR0gsTUFBTSxDQUFDQyxNQUFNLENBQUN6QyxhQUFhLEVBQUU7RUFBRTRDLEtBQUssRUFBRS9DO0FBQVMsQ0FBRSxDQUFDIiwiZmlsZSI6ImJ1c2luZXNzL1BhZ2VGb3JtL1BhZ2VGb3JtLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IEFjdGlvbkJhciB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvQWN0aW9uQmFyJztcbmltcG9ydCB7IEZvcm1MYXlvdXQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0Zvcm1MYXlvdXQnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBCYXNlUHJvRm9ybSwgRm9ybUZpZWxkIH0gZnJvbSAnLi4vc2hhcmVkL2Zvcm1Db3JlL0Jhc2VQcm9Gb3JtJztcbmltcG9ydCB7IHVzZVJlbGF5ZWRGb3JtUmVmIH0gZnJvbSAnLi4vc2hhcmVkL2Zvcm1Db3JlL3VzZVJlbGF5ZWRGb3JtUmVmJztcbmltcG9ydCB7IHVzZVN1Ym1pdEFjdGlvbiB9IGZyb20gJy4uL3NoYXJlZC9mb3JtQ29yZS91c2VTdWJtaXRBY3Rpb24nO1xuLyoqXG4gKiBGb3JtIHNjZW5hcmlvIHNoZWxsIGZvciB0aGUgUEFHRSBob3N0IOKAlCB0aGUgaW4tZG9jdW1lbnQgY291bnRlcnBhcnQgb2ZcbiAqIGBGb3JtRGlhbG9nYDpcbiAqXG4gKiAgIEZvcm1MYXlvdXQocGFnZSkgICBjYXJkIGNocm9tZSArIHBhZ2UgZGVuc2l0eSwgbm8gb3ZlcmxheSwgbmV2ZXIgc2Nyb2xsc1xuICogICAgICAgICAgICAgICAgICAgICAgaW50ZXJuYWxseS4gYHNpemVgIHNlbGVjdHMgdGhlIGRlbnNpdHk6IGBsYXJnZWAgKDczOCAvXG4gKiAgICAgICAgICAgICAgICAgICAgICAzMiAvIDI0LCBkZWZhdWx0KSBvciBgc21hbGxgICg0NDggLyAyNCAvIDE2IOKAlCB0aGVcbiAqICAgICAgICAgICAgICAgICAgICAgIGNvbXBhY3QgYXV0aCBjYXJkKS4gQm90aCByZXNvbHZlIGluc2lkZSBGb3JtTGF5b3V0O1xuICogICAgICAgICAgICAgICAgICAgICAgdGhpcyBzaGVsbCBvbmx5IGZvcndhcmRzIGBzaXplYC5cbiAqICAg4pSc4pSAIEJhc2VQcm9Gb3JtICAgICBzYW1lIHNpbmdsZSBQcm9Gb3JtIGNvbmZpZyBwb2ludCAodmFyaWFudD0ncGFnZScgKyB0aGVcbiAqICAg4pSCICAgICAgICAgICAgICAgICAgc2FtZSBgc2l6ZWAsIHNvIGNvbnRyb2wgc2l6ZSAvIGd1dHRlciAvIHJvdyBnYXAgbWF0Y2gpXG4gKiAgIOKUlOKUgCBBY3Rpb25CYXIoZmlsbCkgZnVsbC13aWR0aCBzdWJtaXQgKHBhZ2UgZm9ybXMgcGVyIHRoZSBEUylcbiAqXG4gKiBUaGUgU0FNRSBmaWVsZHMgcmVuZGVyIGlkZW50aWNhbGx5IGhlcmUgYW5kIGluIEZvcm1EaWFsb2cg4oCUIG9ubHkgdGhlXG4gKiBjb250YWluZXIgZGlmZmVycy5cbiAqL1xuY29uc3QgUGFnZUZvcm1Jbm5lciA9ICh7IHNpemUgPSAnbGFyZ2UnLCB3aWR0aCwgY2xhc3NOYW1lLCB0aXRsZSwgZXh0cmEsIGRlc2NyaXB0aW9uLCBjaGlsZHJlbiwgaW5pdGlhbFZhbHVlcywgb25TdWJtaXQsIG9uU3VjY2Vzcywgc3VibWl0VGV4dCwgc3VibWl0U2xvdCwgc2Vjb25kYXJ5LCBmb290bm90ZSwgZm9ybVJlZiwgZm9ybVByb3BzLCB9KSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VSZWxheWVkRm9ybVJlZihmb3JtUmVmKTtcbiAgICBjb25zdCB7IHN1Ym1pdHRpbmcsIGhhbmRsZUZpbmlzaCB9ID0gdXNlU3VibWl0QWN0aW9uKG9uU3VibWl0LCBvblN1Y2Nlc3MpO1xuICAgIHJldHVybiAoX2pzeHMoRm9ybUxheW91dCwgeyB2YXJpYW50OiAncGFnZScsIHNpemU6IHNpemUsIHdpZHRoOiB3aWR0aCwgY2xhc3NOYW1lOiBjbGFzc05hbWUsIHRpdGxlOiB0aXRsZSwgZXh0cmE6IGV4dHJhLCBmb290ZXI6IF9qc3goQWN0aW9uQmFyLCB7IGxheW91dDogJ2ZpbGwnLCBzZWNvbmRhcnk6IHNlY29uZGFyeSwgcHJpbWFyeTogc3VibWl0U2xvdCA/IHVuZGVmaW5lZCA6IHtcbiAgICAgICAgICAgICAgICBsYWJlbDogc3VibWl0VGV4dCxcbiAgICAgICAgICAgICAgICBsb2FkaW5nOiBzdWJtaXR0aW5nLFxuICAgICAgICAgICAgICAgIG9uQ2xpY2s6ICgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gaW5uZXJSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLnN1Ym1pdEZvcm0oKTsgfSxcbiAgICAgICAgICAgIH0sIHByaW1hcnlTbG90OiBzdWJtaXRTbG90ID09PSBudWxsIHx8IHN1Ym1pdFNsb3QgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHN1Ym1pdFNsb3Qoe1xuICAgICAgICAgICAgICAgIHN1Ym1pdDogKCkgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBpbm5lclJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Euc3VibWl0Rm9ybSgpOyB9LFxuICAgICAgICAgICAgICAgIHN1Ym1pdHRpbmcsXG4gICAgICAgICAgICB9KSwgZm9vdG5vdGU6IGZvb3Rub3RlIH0pLCBjaGlsZHJlbjogW2Rlc2NyaXB0aW9uICYmIChfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBhczogJ3AnLCBzaXplOiAnbWQnLCBzdHJvbmc6IHRydWUsIGNvbG9yOiAnZGVmYXVsdC1zZWNvbmRhcnknLCBjaGlsZHJlbjogZGVzY3JpcHRpb24gfSkpLCBfanN4KEJhc2VQcm9Gb3JtLCBPYmplY3QuYXNzaWduKHt9LCBmb3JtUHJvcHMsIHsgdmFyaWFudDogJ3BhZ2UnLCBzaXplOiBzaXplLCBmb3JtUmVmOiBpbm5lclJlZiwgaW5pdGlhbFZhbHVlczogaW5pdGlhbFZhbHVlcywgb25GaW5pc2g6IGhhbmRsZUZpbmlzaCwgY2hpbGRyZW46IGNoaWxkcmVuIH0pKV0gfSkpO1xufTtcbmV4cG9ydCBjb25zdCBQYWdlRm9ybSA9IE9iamVjdC5hc3NpZ24oUGFnZUZvcm1Jbm5lciwgeyBGaWVsZDogRm9ybUZpZWxkIH0pOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { PageForm } from './PageForm';
|
|
2
|
+
export { PageForm } from './PageForm';
|
|
3
|
+
export default PageForm;
|
|
4
|
+
export * from './interface';
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NyYy9idXNpbmVzcy9QYWdlRm9ybS9pbmRleC50cyJdLCJuYW1lcyI6WyJQYWdlRm9ybSJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsUUFBUSxRQUFRLFlBQVk7QUFFckMsU0FBU0EsUUFBUSxRQUFRLFlBQVk7QUFFckMsZUFBZUEsUUFBUTtBQUV2QixjQUFjLGFBQWEiLCJmaWxlIjoiYnVzaW5lc3MvUGFnZUZvcm0vaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -4,12 +4,12 @@ import type { FormLayoutProps, FormLayoutSize } from "../../components/FormLayou
|
|
|
4
4
|
import type { ProFormFormInstance } from "../../components/ProForm";
|
|
5
5
|
import type { BaseProFormProps } from '../shared/formCore/BaseProForm';
|
|
6
6
|
import type { SubmitHandler } from '../shared/formCore/useSubmitAction';
|
|
7
|
-
export interface
|
|
7
|
+
export interface PageFormProps<Values extends Record<string, any> = Record<string, any>> extends Pick<FormLayoutProps, 'width' | 'className'> {
|
|
8
8
|
/**
|
|
9
9
|
* Panel size, forwarded to FormLayout (and the form preset). `large` is the
|
|
10
|
-
* page density (738 wide, 32 padding, 24 gaps); `small` is
|
|
11
|
-
*
|
|
12
|
-
* `width` to override the resolved one.
|
|
10
|
+
* page density (738 wide, 32 padding, 24 gaps); `small` is the compact
|
|
11
|
+
* auth-card density (448 wide, 24 padding, 16 gaps). Defaults to `large`.
|
|
12
|
+
* Pass an explicit `width` to override the resolved one.
|
|
13
13
|
*/
|
|
14
14
|
size?: FormLayoutSize;
|
|
15
15
|
/** Card heading (FormLayout header). */
|
|
@@ -18,7 +18,7 @@ export interface FormPageProps<Values extends Record<string, any> = Record<strin
|
|
|
18
18
|
extra?: ReactNode;
|
|
19
19
|
/** Supporting copy rendered above the fields. */
|
|
20
20
|
description?: ReactNode;
|
|
21
|
-
/** ProForm fields — wrap each in `
|
|
21
|
+
/** ProForm fields — wrap each in `PageForm.Field` for half/full width. */
|
|
22
22
|
children?: ReactNode;
|
|
23
23
|
/** Initial form values. */
|
|
24
24
|
initialValues?: BaseProFormProps<Values>['initialValues'];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvUGFnZUZvcm0vaW50ZXJmYWNlLmpzIiwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIiwic291cmNlcyI6WyJidXNpbmVzcy9QYWdlRm9ybS9pbnRlcmZhY2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHt9OyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
|
package/es/business/index.d.ts
CHANGED
package/es/business/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export * from './Filter';
|
|
2
2
|
export * from './Dialog';
|
|
3
3
|
export * from './Select';
|
|
4
|
-
export * from './
|
|
4
|
+
export * from './PageForm';
|
|
5
5
|
export { default as FieldList } from './FieldList';
|
|
6
6
|
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9idXNpbmVzcy9pbmRleC50cyJdLCJuYW1lcyI6WyJkZWZhdWx0IiwiRmllbGRMaXN0Il0sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFVBQVU7QUFDeEIsY0FBYyxVQUFVO0FBQ3hCLGNBQWMsVUFBVTtBQUN4QixjQUFjLFlBQVk7QUFDMUIsU0FBU0EsT0FBTyxJQUFJQyxTQUFTLFFBQVEsYUFBYSIsImZpbGUiOiJidXNpbmVzcy9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { RefObject } from 'react';
|
|
2
2
|
import type { ProFormFormInstance } from "../../../components/ProForm";
|
|
3
3
|
/**
|
|
4
|
-
* The inner ref a form shell (FormDialog /
|
|
4
|
+
* The inner ref a form shell (FormDialog / PageForm) hands to BaseProForm,
|
|
5
5
|
* wired so writes flow through to the consumer's `formRef` immediately.
|
|
6
6
|
*
|
|
7
7
|
* ProForm publishes its instance from its OWN effect. When the shell's portal
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect, useMemo, useRef } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
* The inner ref a form shell (FormDialog /
|
|
3
|
+
* The inner ref a form shell (FormDialog / PageForm) hands to BaseProForm,
|
|
4
4
|
* wired so writes flow through to the consumer's `formRef` immediately.
|
|
5
5
|
*
|
|
6
6
|
* ProForm publishes its instance from its OWN effect. When the shell's portal
|
|
@@ -40,4 +40,4 @@ export var useRelayedFormRef = function useRelayedFormRef(formRef) {
|
|
|
40
40
|
}, [formRef, innerRef]);
|
|
41
41
|
return innerRef;
|
|
42
42
|
};
|
|
43
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NoYXJlZC9zcmMvYnVzaW5lc3Mvc2hhcmVkL2Zvcm1Db3JlL3VzZVJlbGF5ZWRGb3JtUmVmLnRzIiwiYnVzaW5lc3Mvc2hhcmVkL2Zvcm1Db3JlL3VzZVJlbGF5ZWRGb3JtUmVmLmpzIl0sIm5hbWVzIjpbInVzZUVmZmVjdCIsInVzZU1lbW8iLCJ1c2VSZWYiLCJ1c2VSZWxheWVkRm9ybVJlZiIsImZvcm1SZWYiLCJleHRlcm5hbFJlZiIsImlubmVyUmVmIiwiaW5zdGFuY2UiLCJjdXJyZW50IiwibmV4dCIsImV4dGVybmFsIiwidW5kZWZpbmVkIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxTQUFTLEVBQUVDLE9BQU8sRUFBRUMsTUFBTSxRQUFRLE9BQU87QUFJbEQ7QUNGQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBRElBLE9BQU8sSUFBTUMsaUJBQWlCLEdBQUcsU0FBcEJBLGlCQUFpQkEsQ0FDNUJDLE9BQXVFLEVBQ3JFO0VBQ0YsSUFBTUMsV0FBVyxHQUFHSCxNQUFNLENBQUNFLE9BQU8sQ0FBQztFQUVuQyxJQUFNRSxRQUFRLEdBQUdMLE9BQU8sQ0FBQyxZQUFLO0lBQzVCLElBQUlNLFFBQWlEO0lBQ3JELE9BQU87TUFDTCxJQUFJQyxPQUFPQSxDQUFBLEVBQUE7UUFDVCxPQUFPRCxRQUFRO01BQ2pCLENBQUM7TUFDRCxJQUFJQyxPQUFPQSxDQUFDQyxJQUE2QyxFQUFBO1FBQ3ZERixRQUFRLEdBQUdFLElBQUk7UUFDZixJQUFNQyxRQUFRLEdBQUdMLFdBQVcsQ0FBQ0csT0FBTztRQUNwQyxJQUFJRSxRQUFRLEVBQUVBLFFBQVEsQ0FBQ0YsT0FBTyxHQUFHQyxJQUFJO01BQ3ZDO0lDSkUsQ0RLSDtFQUNILENBQUMsRUFBRSxFQUFFLENBQUM7RUFFTjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQVQsU0FBUyxDQUFDLFlBQUs7SUFDYkssV0FBVyxDQUFDRyxPQUFPLEdBQUdKLE9BQU87SUFDN0IsSUFBSUEsT0FBTyxFQUFFQSxPQUFPLENBQUNJLE9BQU8sR0FBR0YsUUFBUSxDQUFDRSxPQUFPO0lBQy9DLE9BQU8sWUFBSztNQUNWLElBQUlKLE9BQU8sRUFBRUEsT0FBTyxDQUFDSSxPQUFPLEdBQUdHLFNBQVM7SUFDMUMsQ0FBQztFQUNILENBQUMsRUFBRSxDQUFDUCxPQUFPLEVBQUVFLFFBQVEsQ0FBQyxDQUFDO0VBRXZCLE9BQU9BLFFBQVE7QUFDakIsQ0FBQyIsImZpbGUiOiJidXNpbmVzcy9zaGFyZWQvZm9ybUNvcmUvdXNlUmVsYXllZEZvcm1SZWYuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuLyoqXG4gKiBUaGUgaW5uZXIgcmVmIGEgZm9ybSBzaGVsbCAoRm9ybURpYWxvZyAvIFBhZ2VGb3JtKSBoYW5kcyB0byBCYXNlUHJvRm9ybSxcbiAqIHdpcmVkIHNvIHdyaXRlcyBmbG93IHRocm91Z2ggdG8gdGhlIGNvbnN1bWVyJ3MgYGZvcm1SZWZgIGltbWVkaWF0ZWx5LlxuICpcbiAqIFByb0Zvcm0gcHVibGlzaGVzIGl0cyBpbnN0YW5jZSBmcm9tIGl0cyBPV04gZWZmZWN0LiBXaGVuIHRoZSBzaGVsbCdzIHBvcnRhbFxuICogbW91bnRzIHRoZSBmb3JtIGEgY29tbWl0IGFmdGVyIHRoZSBzaGVsbCAoRGlhbG9nIGNyZWF0ZXMgdGhlIHBvcnRhbCBub2RlIGluXG4gKiBhbiBlZmZlY3QpLCB0aGUgc2hlbGwncyBlZmZlY3RzIGhhdmUgYWxyZWFkeSBydW4g4oCUIGEgcGFzc2l2ZVxuICogYGZvcm1SZWYuY3VycmVudCA9IGlubmVyUmVmLmN1cnJlbnRgIGNvcHkgbmV2ZXIgcmUtZmlyZXMgdW5sZXNzIHNvbWV0aGluZ1xuICogZWxzZSByZS1yZW5kZXJzIHRoZSBzaGVsbCwgbGVhdmluZyB0aGUgY29uc3VtZXIncyBmb3JtUmVmIHVuZGVmaW5lZC4gVGhlXG4gKiBzZXR0ZXIgcmVsYXkgZm9yd2FyZHMgdGhlIHB1Ymxpc2ggaW4gdGhlIHNhbWUgdGljayBpbnN0ZWFkLlxuICovXG5leHBvcnQgY29uc3QgdXNlUmVsYXllZEZvcm1SZWYgPSAoZm9ybVJlZikgPT4ge1xuICAgIGNvbnN0IGV4dGVybmFsUmVmID0gdXNlUmVmKGZvcm1SZWYpO1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGxldCBpbnN0YW5jZTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGdldCBjdXJyZW50KCkge1xuICAgICAgICAgICAgICAgIHJldHVybiBpbnN0YW5jZTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBzZXQgY3VycmVudChuZXh0KSB7XG4gICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBuZXh0O1xuICAgICAgICAgICAgICAgIGNvbnN0IGV4dGVybmFsID0gZXh0ZXJuYWxSZWYuY3VycmVudDtcbiAgICAgICAgICAgICAgICBpZiAoZXh0ZXJuYWwpXG4gICAgICAgICAgICAgICAgICAgIGV4dGVybmFsLmN1cnJlbnQgPSBuZXh0O1xuICAgICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICB9LCBbXSk7XG4gICAgLy8gVHJhY2sgYSBzd2FwcGVkLWluIGZvcm1SZWYgcHJvcCBhbmQgYmFja2ZpbGwgaXQgd2l0aCB0aGUgbGl2ZSBpbnN0YW5jZTtcbiAgICAvLyB0aGUgY2xlYW51cCBjbGVhcnMgdGhlIG91dGdvaW5nIHJlZiBvbiBzd2FwIGFuZCBvbiBzaGVsbCB1bm1vdW50LiBUaGVcbiAgICAvLyBpbm5lci1mb3JtIGxpZmVjeWNsZSBuZWVkcyBubyBoYW5kbGluZyBoZXJlOiBQcm9Gb3JtJ3Mgb3duIHJlZi1zeW5jXG4gICAgLy8gY2xlYW51cCBwdWJsaXNoZXMgYHVuZGVmaW5lZGAgdGhyb3VnaCB0aGUgc2V0dGVyIHdoZW4gdGhlIGZvcm0gdW5tb3VudHNcbiAgICAvLyAoZS5nLiB0aGUgc2hlbGwgc3RheXMgbW91bnRlZCB3aXRoIGBvcGVuPWZhbHNlYCksIHNvIGBpbm5lclJlZi5jdXJyZW50YFxuICAgIC8vIG5ldmVyIGhvbGRzIGFuIHVubW91bnRlZCBpbnN0YW5jZS5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBleHRlcm5hbFJlZi5jdXJyZW50ID0gZm9ybVJlZjtcbiAgICAgICAgaWYgKGZvcm1SZWYpXG4gICAgICAgICAgICBmb3JtUmVmLmN1cnJlbnQgPSBpbm5lclJlZi5jdXJyZW50O1xuICAgICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAgICAgaWYgKGZvcm1SZWYpXG4gICAgICAgICAgICAgICAgZm9ybVJlZi5jdXJyZW50ID0gdW5kZWZpbmVkO1xuICAgICAgICB9O1xuICAgIH0sIFtmb3JtUmVmLCBpbm5lclJlZl0pO1xuICAgIHJldHVybiBpbm5lclJlZjtcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -45,21 +45,23 @@ export declare const FORM_LAYOUT_SIZES: readonly ["large", "small"];
|
|
|
45
45
|
export type FormLayoutSize = (typeof FORM_LAYOUT_SIZES)[number];
|
|
46
46
|
/**
|
|
47
47
|
* Per-size density overrides on a variant's baseline (the baseline IS the
|
|
48
|
-
* `large` size). Only `page/small` exists today —
|
|
49
|
-
* matching the app's sign-in card)
|
|
50
|
-
*
|
|
51
|
-
*
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
*
|
|
48
|
+
* `large` size). Only `page/small` exists today — the compact auth-card
|
|
49
|
+
* surface (448 wide, matching the app's sign-in card): 24 padding and a
|
|
50
|
+
* uniform 16 spacing (row gap, column gutter, AND the region gap between
|
|
51
|
+
* header / fields / footer), tighter than the page baseline. Only `actionGap`
|
|
52
|
+
* and `controlSize` fall back to the baseline. A variant/size with no entry
|
|
53
|
+
* uses the baseline unchanged, so `large` never needs an entry. `modal`
|
|
54
|
+
* intentionally has no `small`: the 380 confirm/result dialog is BaseDialog,
|
|
55
|
+
* which is not a form surface and does not use FormLayout.
|
|
55
56
|
*/
|
|
56
57
|
export declare const FORM_LAYOUT_SIZE: {
|
|
57
58
|
readonly page: {
|
|
58
59
|
readonly small: {
|
|
59
60
|
readonly width: 448;
|
|
60
|
-
readonly padding:
|
|
61
|
-
readonly rowGap:
|
|
62
|
-
readonly colGutter:
|
|
61
|
+
readonly padding: 24;
|
|
62
|
+
readonly rowGap: 16;
|
|
63
|
+
readonly colGutter: 16;
|
|
64
|
+
readonly regionGap: 16;
|
|
63
65
|
};
|
|
64
66
|
};
|
|
65
67
|
};
|
|
@@ -70,18 +72,18 @@ export declare const FORM_LAYOUT_SIZE: {
|
|
|
70
72
|
*/
|
|
71
73
|
export declare const resolveFormLayoutConfig: (variant: FormLayoutVariant, size?: FormLayoutSize) => {
|
|
72
74
|
width: 640 | 448;
|
|
73
|
-
padding:
|
|
74
|
-
rowGap:
|
|
75
|
-
colGutter:
|
|
75
|
+
padding: 24;
|
|
76
|
+
rowGap: 16 | 12;
|
|
77
|
+
colGutter: 16 | 12;
|
|
76
78
|
regionGap: 16;
|
|
77
79
|
actionGap: 12;
|
|
78
80
|
controlSize: "small";
|
|
79
81
|
} | {
|
|
80
82
|
width: 738 | 448;
|
|
81
|
-
padding: 32;
|
|
82
|
-
rowGap: 24;
|
|
83
|
-
colGutter: 24;
|
|
84
|
-
regionGap: 24;
|
|
83
|
+
padding: 32 | 24;
|
|
84
|
+
rowGap: 16 | 24;
|
|
85
|
+
colGutter: 16 | 24;
|
|
86
|
+
regionGap: 16 | 24;
|
|
85
87
|
actionGap: 12;
|
|
86
88
|
controlSize: "large";
|
|
87
89
|
};
|
|
@@ -42,21 +42,23 @@ export var FORM_LAYOUT_VARIANTS = Object.keys(FORM_LAYOUT_CONFIG);
|
|
|
42
42
|
export var FORM_LAYOUT_SIZES = ['large', 'small'];
|
|
43
43
|
/**
|
|
44
44
|
* Per-size density overrides on a variant's baseline (the baseline IS the
|
|
45
|
-
* `large` size). Only `page/small` exists today —
|
|
46
|
-
* matching the app's sign-in card)
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
*
|
|
51
|
-
*
|
|
45
|
+
* `large` size). Only `page/small` exists today — the compact auth-card
|
|
46
|
+
* surface (448 wide, matching the app's sign-in card): 24 padding and a
|
|
47
|
+
* uniform 16 spacing (row gap, column gutter, AND the region gap between
|
|
48
|
+
* header / fields / footer), tighter than the page baseline. Only `actionGap`
|
|
49
|
+
* and `controlSize` fall back to the baseline. A variant/size with no entry
|
|
50
|
+
* uses the baseline unchanged, so `large` never needs an entry. `modal`
|
|
51
|
+
* intentionally has no `small`: the 380 confirm/result dialog is BaseDialog,
|
|
52
|
+
* which is not a form surface and does not use FormLayout.
|
|
52
53
|
*/
|
|
53
54
|
export var FORM_LAYOUT_SIZE = {
|
|
54
55
|
page: {
|
|
55
56
|
small: {
|
|
56
57
|
width: 448,
|
|
57
|
-
padding:
|
|
58
|
-
rowGap:
|
|
59
|
-
colGutter:
|
|
58
|
+
padding: 24,
|
|
59
|
+
rowGap: 16,
|
|
60
|
+
colGutter: 16,
|
|
61
|
+
regionGap: 16
|
|
60
62
|
}
|
|
61
63
|
}
|
|
62
64
|
};
|
|
@@ -90,4 +92,4 @@ export var formLayoutCssVars = function formLayoutCssVars(variant) {
|
|
|
90
92
|
'--form-layout-action-gap': "".concat(config.actionGap, "px")
|
|
91
93
|
};
|
|
92
94
|
};
|
|
93
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcudHMiLCJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIl0sIm5hbWVzIjpbIkZPUk1fTEFZT1VUX1BSRUZJWCIsIkZPUk1fTEFZT1VUX0NPTkZJRyIsIm1vZGFsIiwid2lkdGgiLCJwYWRkaW5nIiwicm93R2FwIiwiY29sR3V0dGVyIiwicmVnaW9uR2FwIiwiYWN0aW9uR2FwIiwiY29udHJvbFNpemUiLCJwYWdlIiwiRk9STV9MQVlPVVRfVkFSSUFOVFMiLCJPYmplY3QiLCJrZXlzIiwiRk9STV9MQVlPVVRfU0laRVMiLCJGT1JNX0xBWU9VVF9TSVpFIiwic21hbGwiLCJyZXNvbHZlRm9ybUxheW91dENvbmZpZyIsInZhcmlhbnQiLCJzaXplIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwib3ZlcnJpZGVzIiwib3ZlcnJpZGUiLCJhc3NpZ24iLCJGT1JNX0xBWU9VVF9TTE9UIiwiaGVhZGVyIiwidGl0bGUiLCJleHRyYSIsImNvbnRlbnQiLCJmb290ZXIiLCJmb3JtTGF5b3V0Q3NzVmFycyIsImNvbmZpZyIsImNvbmNhdCJdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxJQUFNQSxrQkFBa0IsR0FBRyxhQUFhO0FBRS9DO0FDRkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FESUEsT0FBTyxJQUFNQyxrQkFBa0IsR0FBRztFQUNoQztFQUNBQyxLQUFLLEVBQUU7SUFDTDtJQUNBQyxLQUFLLEVBQUUsR0FBRztJQUNWO0lBQ0FDLE9BQU8sRUFBRSxFQUFFO0lBQ1g7SUFDQUMsTUFBTSxFQUFFLEVBQUU7SUFDVjtJQUNBQyxTQUFTLEVBQUUsRUFBRTtJQUNiO0lBQ0FDLFNBQVMsRUFBRSxFQUFFO0lBQ2I7SUFDQUMsU0FBUyxFQUFFLEVBQUU7SUFDYjtJQUNBQyxXQUFXLEVBQUU7RUNGYixDREdEO0VBQ0Q7RUFDQUMsSUFBSSxFQUFFO0lBQ0pQLEtBQUssRUFBRSxHQUFHO0lBQ1ZDLE9BQU8sRUFBRSxFQUFFO0lBQ1hDLE1BQU0sRUFBRSxFQUFFO0lBQ1ZDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFdBQVcsRUFBRTtFQ0ZiO0FBQ0osQ0RHVTtBQUlWLE9BQU8sSUFBTUUsb0JBQW9CLEdBQUdDLE1BQU0sQ0FBQ0MsSUFBSSxDQUFDWixrQkFBa0IsQ0FBd0I7QUFFMUYsT0FBTyxJQUFNYSxpQkFBaUIsR0FBRyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQVU7QUFjNUQ7QUNuQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QURxQkEsT0FBTyxJQUFNQyxnQkFBZ0IsR0FBRztFQUM5QkwsSUFBSSxFQUFFO0lBQ0pNLEtBQUssRUFBRTtNQUFFYixLQUFLLEVBQUUsR0FBRztNQUFFQyxPQUFPLEVBQUUsRUFBRTtNQUFFQyxNQUFNLEVBQUUsRUFBRTtNQUFFQyxTQUFTLEVBQUUsRUFBRTtNQUFFQyxTQUFTLEVBQUU7SUFBRTtFQ25CMUU7QUFDSixDRG9CNEc7QUFFNUc7QUNwQkE7QUFDQTtBQUNBO0FBQ0E7QURzQkEsT0FBTyxJQUFNVSx1QkFBdUIsR0FBRyxTQUExQkEsdUJBQXVCQSxDQUFJQyxPQUEwQixFQUFvQztFQUFBLElBQWxDQyxJQUFBLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUF1QixPQUFPO0VBQ2hHLElBQU1HLFNBQVMsR0FBR1IsZ0JBQWdCLENBQUNHLE9BQXdDLENBQUM7RUFDNUUsSUFBTU0sUUFBUSxHQUFHRCxTQUFTLEdBQUdBLFNBQVMsQ0FBQ0osSUFBOEIsQ0FBQyxHQUFHRyxTQUFTO0VBQ2xGLE9BQUFWLE1BQUEsQ0FBQWEsTUFBQSxDQUFBYixNQUFBLENBQUFhLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFBWXhCLGtCQUFrQixDQUFDaUIsT0FBTyxDQUFDLENBQUEsRUFBS00sUUFBUSxDQUFBO0FBQ3RELENBQUM7QUFFRCxPQUFPLElBQU1FLGdCQUFnQixHQUFHO0VBQzlCQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsS0FBSyxFQUFFLE9BQU87RUFDZEMsS0FBSyxFQUFFLE9BQU87RUFDZEMsT0FBTyxFQUFFLFNBQVM7RUFDbEJDLE1BQU0sRUFBRTtBQ3JCVixDRHNCVTtBQUVWO0FBQ0EsT0FBTyxJQUFNQyxpQkFBaUIsR0FBRyxTQUFwQkEsaUJBQWlCQSxDQUM1QmQsT0FBMEIsRUFFVDtFQUFBLElBRGpCQyxJQUFBLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUF1QixPQUFPO0VBRTlCLElBQU1hLE1BQU0sR0FBR2hCLHVCQUF1QixDQUFDQyxPQUFPLEVBQUVDLElBQUksQ0FBQztFQUNyRCxPQUFPO0lBQ0wscUJBQXFCLEtBQUFlLE1BQUEsQ0FBS0QsTUFBTSxDQUFDOUIsS0FBSyxPQUFJO0lBQzFDLHVCQUF1QixLQUFBK0IsTUFBQSxDQUFLRCxNQUFNLENBQUM3QixPQUFPLE9BQUk7SUFDOUMsdUJBQXVCLEtBQUE4QixNQUFBLENBQUtELE1BQU0sQ0FBQzVCLE1BQU0sT0FBSTtJQUM3QywwQkFBMEIsS0FBQTZCLE1BQUEsQ0FBS0QsTUFBTSxDQUFDMUIsU0FBUyxPQUFJO0lBQ25ELDBCQUEwQixLQUFBMkIsTUFBQSxDQUFLRCxNQUFNLENBQUN6QixTQUFTO0VDekIvQyxDRDBCZ0I7QUFDcEIsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgRk9STV9MQVlPVVRfUFJFRklYID0gJ2Zvcm0tbGF5b3V0Jztcbi8qKlxuICogVEhFIGRlbnNpdHkgdGFibGUgZm9yIGZvcm0gc3VyZmFjZXMg4oCUIHRoZSBzaW5nbGUgdGhpbmcgdG8gZWRpdCB3aGVuIHRoZVxuICogZGVzaWduIGNoYW5nZXMgb3IgYSBuZXcgZGVuc2l0eSBpcyBhZGRlZC4gRXZlcnkgdmFsdWUgaXMgY29uc3VtZWQgdGhyb3VnaFxuICogQ1NTIGN1c3RvbSBwcm9wZXJ0aWVzIChjb250YWluZXIgc3BhY2luZykgb3IgcmVhZCBieSB0aGUgZm9ybSBwcmVzZXRcbiAqIChyb3cgZ2FwIC8gY29sdW1uIGd1dHRlciBmb3IgUHJvRm9ybSksIHNvIGFkZGluZyBhIHZhcmlhbnQgaGVyZSBpcyB0aGVcbiAqIHdob2xlIGpvYi5cbiAqXG4gKiBTb3VyY2U6IDFNb25leSBEZXNpZ24gU3lzdGVtIChCZXRhKSDigJQgXCJEaWFsb2cgQm9keVwiIChub2RlIDM5NzQzLTQ2MzQpXG4gKiBmb3IgYG1vZGFsYDsgcGFnZSB1c2FnZSAobm9kZSAzOTk1Ni05NzEyKSBmb3IgYHBhZ2VgLlxuICovXG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfQ09ORklHID0ge1xuICAgIC8qKiBJbnNpZGUgYSBkaWFsb2c6IHRpZ2h0ZXIgZGVuc2l0eS4gKi9cbiAgICBtb2RhbDoge1xuICAgICAgICAvKiogRGVmYXVsdCBwYW5lbCB3aWR0aCAocHgpOyB0aGUgYHdpZHRoYCBwcm9wIG92ZXJyaWRlcy4gKi9cbiAgICAgICAgd2lkdGg6IDY0MCxcbiAgICAgICAgLyoqIFBhbmVsIHBhZGRpbmcgKHB4KS4gKi9cbiAgICAgICAgcGFkZGluZzogMjQsXG4gICAgICAgIC8qKiBWZXJ0aWNhbCBnYXAgYmV0d2VlbiBmaWVsZCByb3dzIChweCkuICovXG4gICAgICAgIHJvd0dhcDogMTIsXG4gICAgICAgIC8qKiBIb3Jpem9udGFsIGd1dHRlciBiZXR3ZWVuIGNvbHVtbnMgaW4gYSByb3cgKHB4KS4gKi9cbiAgICAgICAgY29sR3V0dGVyOiAxMixcbiAgICAgICAgLyoqIEdhcCBiZXR3ZWVuIHRoZSBoZWFkZXIgLyBmaWVsZHMgLyBmb290ZXIgcmVnaW9ucyAocHgpLiAqL1xuICAgICAgICByZWdpb25HYXA6IDE2LFxuICAgICAgICAvKiogR2FwIGJldHdlZW4gZm9vdGVyIGFjdGlvbiBidXR0b25zIChweCk7IEFjdGlvbkJhciByZWFkcyBpdCB2aWEgdmFyLiAqL1xuICAgICAgICBhY3Rpb25HYXA6IDEyLFxuICAgICAgICAvKiogQ29udHJvbCBzaXplIGNhc2NhZGVkIHRvIGV2ZXJ5IGZpZWxkIHZpYSBQcm9Gb3JtIGBzaXplYC4gKi9cbiAgICAgICAgY29udHJvbFNpemU6ICdzbWFsbCcsXG4gICAgfSxcbiAgICAvKiogU3RhbmRhbG9uZSBvbiBhIHBhZ2U6IHJvb21pZXIgZGVuc2l0eS4gKi9cbiAgICBwYWdlOiB7XG4gICAgICAgIHdpZHRoOiA3MzgsXG4gICAgICAgIHBhZGRpbmc6IDMyLFxuICAgICAgICByb3dHYXA6IDI0LFxuICAgICAgICBjb2xHdXR0ZXI6IDI0LFxuICAgICAgICByZWdpb25HYXA6IDI0LFxuICAgICAgICBhY3Rpb25HYXA6IDEyLFxuICAgICAgICBjb250cm9sU2l6ZTogJ2xhcmdlJyxcbiAgICB9LFxufTtcbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9WQVJJQU5UUyA9IE9iamVjdC5rZXlzKEZPUk1fTEFZT1VUX0NPTkZJRyk7XG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfU0laRVMgPSBbJ2xhcmdlJywgJ3NtYWxsJ107XG4vKipcbiAqIFBlci1zaXplIGRlbnNpdHkgb3ZlcnJpZGVzIG9uIGEgdmFyaWFudCdzIGJhc2VsaW5lICh0aGUgYmFzZWxpbmUgSVMgdGhlXG4gKiBgbGFyZ2VgIHNpemUpLiBPbmx5IGBwYWdlL3NtYWxsYCBleGlzdHMgdG9kYXkg4oCUIHRoZSBjb21wYWN0IGF1dGgtY2FyZFxuICogc3VyZmFjZSAoNDQ4IHdpZGUsIG1hdGNoaW5nIHRoZSBhcHAncyBzaWduLWluIGNhcmQpOiAyNCBwYWRkaW5nIGFuZCBhXG4gKiB1bmlmb3JtIDE2IHNwYWNpbmcgKHJvdyBnYXAsIGNvbHVtbiBndXR0ZXIsIEFORCB0aGUgcmVnaW9uIGdhcCBiZXR3ZWVuXG4gKiBoZWFkZXIgLyBmaWVsZHMgLyBmb290ZXIpLCB0aWdodGVyIHRoYW4gdGhlIHBhZ2UgYmFzZWxpbmUuIE9ubHkgYGFjdGlvbkdhcGBcbiAqIGFuZCBgY29udHJvbFNpemVgIGZhbGwgYmFjayB0byB0aGUgYmFzZWxpbmUuIEEgdmFyaWFudC9zaXplIHdpdGggbm8gZW50cnlcbiAqIHVzZXMgdGhlIGJhc2VsaW5lIHVuY2hhbmdlZCwgc28gYGxhcmdlYCBuZXZlciBuZWVkcyBhbiBlbnRyeS4gYG1vZGFsYFxuICogaW50ZW50aW9uYWxseSBoYXMgbm8gYHNtYWxsYDogdGhlIDM4MCBjb25maXJtL3Jlc3VsdCBkaWFsb2cgaXMgQmFzZURpYWxvZyxcbiAqIHdoaWNoIGlzIG5vdCBhIGZvcm0gc3VyZmFjZSBhbmQgZG9lcyBub3QgdXNlIEZvcm1MYXlvdXQuXG4gKi9cbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9TSVpFID0ge1xuICAgIHBhZ2U6IHtcbiAgICAgICAgc21hbGw6IHsgd2lkdGg6IDQ0OCwgcGFkZGluZzogMjQsIHJvd0dhcDogMTYsIGNvbEd1dHRlcjogMTYsIHJlZ2lvbkdhcDogMTYgfSxcbiAgICB9LFxufTtcbi8qKlxuICogQmFzZWxpbmUgZGVuc2l0eSBmb3IgYSB2YXJpYW50IG1lcmdlZCB3aXRoIHRoZSByZXF1ZXN0ZWQgc2l6ZSdzIGRldmlhdGlvbnMuXG4gKiBUaGUgc2luZ2xlIGxvb2t1cCBib3RoIHRoZSBzdXJmYWNlIChGb3JtTGF5b3V0KSBhbmQgdGhlIGZvcm0gcHJlc2V0XG4gKiAoQmFzZVByb0Zvcm0pIHJlYWQsIHNvIHdpZHRoIC8gcGFkZGluZyAvIGdhcHMgLyBjb250cm9sIHNpemUgbmV2ZXIgZGl2ZXJnZS5cbiAqL1xuZXhwb3J0IGNvbnN0IHJlc29sdmVGb3JtTGF5b3V0Q29uZmlnID0gKHZhcmlhbnQsIHNpemUgPSAnbGFyZ2UnKSA9PiB7XG4gICAgY29uc3Qgb3ZlcnJpZGVzID0gRk9STV9MQVlPVVRfU0laRVt2YXJpYW50XTtcbiAgICBjb25zdCBvdmVycmlkZSA9IG92ZXJyaWRlcyA/IG92ZXJyaWRlc1tzaXplXSA6IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBGT1JNX0xBWU9VVF9DT05GSUdbdmFyaWFudF0pLCBvdmVycmlkZSk7XG59O1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1NMT1QgPSB7XG4gICAgaGVhZGVyOiAnaGVhZGVyJyxcbiAgICB0aXRsZTogJ3RpdGxlJyxcbiAgICBleHRyYTogJ2V4dHJhJyxcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgZm9vdGVyOiAnZm9vdGVyJyxcbn07XG4vKiogQnJpZGdlIHRoZSByZXNvbHZlZCAodmFyaWFudCwgc2l6ZSkgbnVtYmVycyBpbnRvIENTUyBjdXN0b20gcHJvcGVydGllcy4gKi9cbmV4cG9ydCBjb25zdCBmb3JtTGF5b3V0Q3NzVmFycyA9ICh2YXJpYW50LCBzaXplID0gJ2xhcmdlJykgPT4ge1xuICAgIGNvbnN0IGNvbmZpZyA9IHJlc29sdmVGb3JtTGF5b3V0Q29uZmlnKHZhcmlhbnQsIHNpemUpO1xuICAgIHJldHVybiB7XG4gICAgICAgICctLWZvcm0tbGF5b3V0LXdpZHRoJzogYCR7Y29uZmlnLndpZHRofXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtcGFkZGluZyc6IGAke2NvbmZpZy5wYWRkaW5nfXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtcm93LWdhcCc6IGAke2NvbmZpZy5yb3dHYXB9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1yZWdpb24tZ2FwJzogYCR7Y29uZmlnLnJlZ2lvbkdhcH1weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LWFjdGlvbi1nYXAnOiBgJHtjb25maWcuYWN0aW9uR2FwfXB4YCxcbiAgICB9O1xufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -16,8 +16,8 @@ export interface FormLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 't
|
|
|
16
16
|
variant?: FormLayoutVariant;
|
|
17
17
|
/**
|
|
18
18
|
* Panel size within the variant. `large` (default) is the variant baseline;
|
|
19
|
-
* `small` layers a deviation. Only `page/small` deviates today —
|
|
20
|
-
*
|
|
19
|
+
* `small` layers a deviation. Only `page/small` deviates today — the compact
|
|
20
|
+
* auth-card surface (448 wide, 24 padding, 16 gaps); other variant/size
|
|
21
21
|
* combos fall back to the baseline.
|
|
22
22
|
*/
|
|
23
23
|
size?: FormLayoutSize;
|