@1money/component-ui 0.0.90-alpha.1 → 0.0.90-alpha.11

package/es/components/FormLayout/config.js

@@ -39,6 +39,38 @@ export var FORM_LAYOUT_CONFIG = {
   }
 };
 export var FORM_LAYOUT_VARIANTS = Object.keys(FORM_LAYOUT_CONFIG);
+export var FORM_LAYOUT_SIZES = ['large', 'small'];
+/**
+ * Per-size density overrides on a variant's baseline (the baseline IS the
+ * `large` size). Only `page/small` exists today — a narrower page (448,
+ * matching the app's sign-in card); padding and gaps mirror the page baseline
+ * (32 / 24 / 24) and are spelled out so the size's full density reads in one
+ * place. A variant/size with no entry uses the baseline unchanged, so `large`
+ * never needs an entry. `modal` intentionally has no `small`: the 380
+ * confirm/result dialog is BaseDialog, which is not a form surface and does
+ * not use FormLayout.
+ */
+export var FORM_LAYOUT_SIZE = {
+  page: {
+    small: {
+      width: 448,
+      padding: 32,
+      rowGap: 24,
+      colGutter: 24
+    }
+  }
+};
+/**
+ * Baseline density for a variant merged with the requested size's deviations.
+ * The single lookup both the surface (FormLayout) and the form preset
+ * (BaseProForm) read, so width / padding / gaps / control size never diverge.
+ */
+export var resolveFormLayoutConfig = function resolveFormLayoutConfig(variant) {
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'large';
+  var overrides = FORM_LAYOUT_SIZE[variant];
+  var override = overrides ? overrides[size] : undefined;
+  return Object.assign(Object.assign({}, FORM_LAYOUT_CONFIG[variant]), override);
+};
 export var FORM_LAYOUT_SLOT = {
   header: 'header',
   title: 'title',
@@ -46,9 +78,10 @@ export var FORM_LAYOUT_SLOT = {
   content: 'content',
   footer: 'footer'
 };
-/** Bridge the variant's numbers into CSS custom properties for the stylesheet. */
+/** Bridge the resolved (variant, size) numbers into CSS custom properties. */
 export var formLayoutCssVars = function formLayoutCssVars(variant) {
-  var config = FORM_LAYOUT_CONFIG[variant];
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'large';
+  var config = resolveFormLayoutConfig(variant, size);
   return {
     '--form-layout-width': "".concat(config.width, "px"),
     '--form-layout-padding': "".concat(config.padding, "px"),
@@ -57,4 +90,4 @@ export var formLayoutCssVars = function formLayoutCssVars(variant) {
     '--form-layout-action-gap': "".concat(config.actionGap, "px")
   };
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcudHMiLCJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIl0sIm5hbWVzIjpbIkZPUk1fTEFZT1VUX1BSRUZJWCIsIkZPUk1fTEFZT1VUX0NPTkZJRyIsIm1vZGFsIiwid2lkdGgiLCJwYWRkaW5nIiwicm93R2FwIiwiY29sR3V0dGVyIiwicmVnaW9uR2FwIiwiYWN0aW9uR2FwIiwiY29udHJvbFNpemUiLCJwYWdlIiwiRk9STV9MQVlPVVRfVkFSSUFOVFMiLCJPYmplY3QiLCJrZXlzIiwiRk9STV9MQVlPVVRfU0xPVCIsImhlYWRlciIsInRpdGxlIiwiZXh0cmEiLCJjb250ZW50IiwiZm9vdGVyIiwiZm9ybUxheW91dENzc1ZhcnMiLCJ2YXJpYW50IiwiY29uZmlnIiwiY29uY2F0Il0sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLElBQU1BLGtCQUFrQixHQUFHLGFBQWE7QUFFL0M7QUNGQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QURJQSxPQUFPLElBQU1DLGtCQUFrQixHQUFHO0VBQ2hDO0VBQ0FDLEtBQUssRUFBRTtJQUNMO0lBQ0FDLEtBQUssRUFBRSxHQUFHO0lBQ1Y7SUFDQUMsT0FBTyxFQUFFLEVBQUU7SUFDWDtJQUNBQyxNQUFNLEVBQUUsRUFBRTtJQUNWO0lBQ0FDLFNBQVMsRUFBRSxFQUFFO0lBQ2I7SUFDQUMsU0FBUyxFQUFFLEVBQUU7SUFDYjtJQUNBQyxTQUFTLEVBQUUsRUFBRTtJQUNiO0lBQ0FDLFdBQVcsRUFBRTtFQ0ZiLENER0Q7RUFDRDtFQUNBQyxJQUFJLEVBQUU7SUFDSlAsS0FBSyxFQUFFLEdBQUc7SUFDVkMsT0FBTyxFQUFFLEVBQUU7SUFDWEMsTUFBTSxFQUFFLEVBQUU7SUFDVkMsU0FBUyxFQUFFLEVBQUU7SUFDYkMsU0FBUyxFQUFFLEVBQUU7SUFDYkMsU0FBUyxFQUFFLEVBQUU7SUFDYkMsV0FBVyxFQUFFO0VDRmI7QUFDSixDREdVO0FBSVYsT0FBTyxJQUFNRSxvQkFBb0IsR0FBR0MsTUFBTSxDQUFDQyxJQUFJLENBQUNaLGtCQUFrQixDQUF3QjtBQUUxRixPQUFPLElBQU1hLGdCQUFnQixHQUFHO0VBQzlCQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsS0FBSyxFQUFFLE9BQU87RUFDZEMsS0FBSyxFQUFFLE9BQU87RUFDZEMsT0FBTyxFQUFFLFNBQVM7RUFDbEJDLE1BQU0sRUFBRTtBQ05WLENET1U7QUFFVjtBQUNBLE9BQU8sSUFBTUMsaUJBQWlCLEdBQUcsU0FBcEJBLGlCQUFpQkEsQ0FBSUMsT0FBMEIsRUFBbUI7RUFDN0UsSUFBTUMsTUFBTSxHQUFHckIsa0JBQWtCLENBQUNvQixPQUFPLENBQUM7RUFDMUMsT0FBTztJQUNMLHFCQUFxQixLQUFBRSxNQUFBLENBQUtELE1BQU0sQ0FBQ25CLEtBQUssT0FBSTtJQUMxQyx1QkFBdUIsS0FBQW9CLE1BQUEsQ0FBS0QsTUFBTSxDQUFDbEIsT0FBTyxPQUFJO0lBQzlDLHVCQUF1QixLQUFBbUIsTUFBQSxDQUFLRCxNQUFNLENBQUNqQixNQUFNLE9BQUk7SUFDN0MsMEJBQTBCLEtBQUFrQixNQUFBLENBQUtELE1BQU0sQ0FBQ2YsU0FBUyxPQUFJO0lBQ25ELDBCQUEwQixLQUFBZ0IsTUFBQSxDQUFLRCxNQUFNLENBQUNkLFNBQVM7RUNQL0MsQ0RRZ0I7QUFDcEIsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgRk9STV9MQVlPVVRfUFJFRklYID0gJ2Zvcm0tbGF5b3V0Jztcbi8qKlxuICogVEhFIGRlbnNpdHkgdGFibGUgZm9yIGZvcm0gc3VyZmFjZXMg4oCUIHRoZSBzaW5nbGUgdGhpbmcgdG8gZWRpdCB3aGVuIHRoZVxuICogZGVzaWduIGNoYW5nZXMgb3IgYSBuZXcgZGVuc2l0eSBpcyBhZGRlZC4gRXZlcnkgdmFsdWUgaXMgY29uc3VtZWQgdGhyb3VnaFxuICogQ1NTIGN1c3RvbSBwcm9wZXJ0aWVzIChjb250YWluZXIgc3BhY2luZykgb3IgcmVhZCBieSB0aGUgZm9ybSBwcmVzZXRcbiAqIChyb3cgZ2FwIC8gY29sdW1uIGd1dHRlciBmb3IgUHJvRm9ybSksIHNvIGFkZGluZyBhIHZhcmlhbnQgaGVyZSBpcyB0aGVcbiAqIHdob2xlIGpvYi5cbiAqXG4gKiBTb3VyY2U6IDFNb25leSBEZXNpZ24gU3lzdGVtIChCZXRhKSDigJQgXCJEaWFsb2cgQm9keVwiIChub2RlIDM5NzQzLTQ2MzQpXG4gKiBmb3IgYG1vZGFsYDsgcGFnZSB1c2FnZSAobm9kZSAzOTk1Ni05NzEyKSBmb3IgYHBhZ2VgLlxuICovXG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfQ09ORklHID0ge1xuICAgIC8qKiBJbnNpZGUgYSBkaWFsb2c6IHRpZ2h0ZXIgZGVuc2l0eS4gKi9cbiAgICBtb2RhbDoge1xuICAgICAgICAvKiogRGVmYXVsdCBwYW5lbCB3aWR0aCAocHgpOyB0aGUgYHdpZHRoYCBwcm9wIG92ZXJyaWRlcy4gKi9cbiAgICAgICAgd2lkdGg6IDY0MCxcbiAgICAgICAgLyoqIFBhbmVsIHBhZGRpbmcgKHB4KS4gKi9cbiAgICAgICAgcGFkZGluZzogMjQsXG4gICAgICAgIC8qKiBWZXJ0aWNhbCBnYXAgYmV0d2VlbiBmaWVsZCByb3dzIChweCkuICovXG4gICAgICAgIHJvd0dhcDogMTIsXG4gICAgICAgIC8qKiBIb3Jpem9udGFsIGd1dHRlciBiZXR3ZWVuIGNvbHVtbnMgaW4gYSByb3cgKHB4KS4gKi9cbiAgICAgICAgY29sR3V0dGVyOiAxMixcbiAgICAgICAgLyoqIEdhcCBiZXR3ZWVuIHRoZSBoZWFkZXIgLyBmaWVsZHMgLyBmb290ZXIgcmVnaW9ucyAocHgpLiAqL1xuICAgICAgICByZWdpb25HYXA6IDE2LFxuICAgICAgICAvKiogR2FwIGJldHdlZW4gZm9vdGVyIGFjdGlvbiBidXR0b25zIChweCk7IEFjdGlvbkJhciByZWFkcyBpdCB2aWEgdmFyLiAqL1xuICAgICAgICBhY3Rpb25HYXA6IDEyLFxuICAgICAgICAvKiogQ29udHJvbCBzaXplIGNhc2NhZGVkIHRvIGV2ZXJ5IGZpZWxkIHZpYSBQcm9Gb3JtIGBzaXplYC4gKi9cbiAgICAgICAgY29udHJvbFNpemU6ICdzbWFsbCcsXG4gICAgfSxcbiAgICAvKiogU3RhbmRhbG9uZSBvbiBhIHBhZ2U6IHJvb21pZXIgZGVuc2l0eS4gKi9cbiAgICBwYWdlOiB7XG4gICAgICAgIHdpZHRoOiA3MzgsXG4gICAgICAgIHBhZGRpbmc6IDMyLFxuICAgICAgICByb3dHYXA6IDI0LFxuICAgICAgICBjb2xHdXR0ZXI6IDI0LFxuICAgICAgICByZWdpb25HYXA6IDI0LFxuICAgICAgICBhY3Rpb25HYXA6IDEyLFxuICAgICAgICBjb250cm9sU2l6ZTogJ2xhcmdlJyxcbiAgICB9LFxufTtcbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9WQVJJQU5UUyA9IE9iamVjdC5rZXlzKEZPUk1fTEFZT1VUX0NPTkZJRyk7XG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfU0xPVCA9IHtcbiAgICBoZWFkZXI6ICdoZWFkZXInLFxuICAgIHRpdGxlOiAndGl0bGUnLFxuICAgIGV4dHJhOiAnZXh0cmEnLFxuICAgIGNvbnRlbnQ6ICdjb250ZW50JyxcbiAgICBmb290ZXI6ICdmb290ZXInLFxufTtcbi8qKiBCcmlkZ2UgdGhlIHZhcmlhbnQncyBudW1iZXJzIGludG8gQ1NTIGN1c3RvbSBwcm9wZXJ0aWVzIGZvciB0aGUgc3R5bGVzaGVldC4gKi9cbmV4cG9ydCBjb25zdCBmb3JtTGF5b3V0Q3NzVmFycyA9ICh2YXJpYW50KSA9PiB7XG4gICAgY29uc3QgY29uZmlnID0gRk9STV9MQVlPVVRfQ09ORklHW3ZhcmlhbnRdO1xuICAgIHJldHVybiB7XG4gICAgICAgICctLWZvcm0tbGF5b3V0LXdpZHRoJzogYCR7Y29uZmlnLndpZHRofXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtcGFkZGluZyc6IGAke2NvbmZpZy5wYWRkaW5nfXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtcm93LWdhcCc6IGAke2NvbmZpZy5yb3dHYXB9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1yZWdpb24tZ2FwJzogYCR7Y29uZmlnLnJlZ2lvbkdhcH1weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LWFjdGlvbi1nYXAnOiBgJHtjb25maWcuYWN0aW9uR2FwfXB4YCxcbiAgICB9O1xufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcudHMiLCJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIl0sIm5hbWVzIjpbIkZPUk1fTEFZT1VUX1BSRUZJWCIsIkZPUk1fTEFZT1VUX0NPTkZJRyIsIm1vZGFsIiwid2lkdGgiLCJwYWRkaW5nIiwicm93R2FwIiwiY29sR3V0dGVyIiwicmVnaW9uR2FwIiwiYWN0aW9uR2FwIiwiY29udHJvbFNpemUiLCJwYWdlIiwiRk9STV9MQVlPVVRfVkFSSUFOVFMiLCJPYmplY3QiLCJrZXlzIiwiRk9STV9MQVlPVVRfU0laRVMiLCJGT1JNX0xBWU9VVF9TSVpFIiwic21hbGwiLCJyZXNvbHZlRm9ybUxheW91dENvbmZpZyIsInZhcmlhbnQiLCJzaXplIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwib3ZlcnJpZGVzIiwib3ZlcnJpZGUiLCJhc3NpZ24iLCJGT1JNX0xBWU9VVF9TTE9UIiwiaGVhZGVyIiwidGl0bGUiLCJleHRyYSIsImNvbnRlbnQiLCJmb290ZXIiLCJmb3JtTGF5b3V0Q3NzVmFycyIsImNvbmZpZyIsImNvbmNhdCJdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxJQUFNQSxrQkFBa0IsR0FBRyxhQUFhO0FBRS9DO0FDRkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FESUEsT0FBTyxJQUFNQyxrQkFBa0IsR0FBRztFQUNoQztFQUNBQyxLQUFLLEVBQUU7SUFDTDtJQUNBQyxLQUFLLEVBQUUsR0FBRztJQUNWO0lBQ0FDLE9BQU8sRUFBRSxFQUFFO0lBQ1g7SUFDQUMsTUFBTSxFQUFFLEVBQUU7SUFDVjtJQUNBQyxTQUFTLEVBQUUsRUFBRTtJQUNiO0lBQ0FDLFNBQVMsRUFBRSxFQUFFO0lBQ2I7SUFDQUMsU0FBUyxFQUFFLEVBQUU7SUFDYjtJQUNBQyxXQUFXLEVBQUU7RUNGYixDREdEO0VBQ0Q7RUFDQUMsSUFBSSxFQUFFO0lBQ0pQLEtBQUssRUFBRSxHQUFHO0lBQ1ZDLE9BQU8sRUFBRSxFQUFFO0lBQ1hDLE1BQU0sRUFBRSxFQUFFO0lBQ1ZDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFdBQVcsRUFBRTtFQ0ZiO0FBQ0osQ0RHVTtBQUlWLE9BQU8sSUFBTUUsb0JBQW9CLEdBQUdDLE1BQU0sQ0FBQ0MsSUFBSSxDQUFDWixrQkFBa0IsQ0FBd0I7QUFFMUYsT0FBTyxJQUFNYSxpQkFBaUIsR0FBRyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQVU7QUFjNUQ7QUNuQkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FEcUJBLE9BQU8sSUFBTUMsZ0JBQWdCLEdBQUc7RUFDOUJMLElBQUksRUFBRTtJQUNKTSxLQUFLLEVBQUU7TUFBRWIsS0FBSyxFQUFFLEdBQUc7TUFBRUMsT0FBTyxFQUFFLEVBQUU7TUFBRUMsTUFBTSxFQUFFLEVBQUU7TUFBRUMsU0FBUyxFQUFFO0lBQUU7RUNuQjNEO0FBQ0osQ0RvQjRHO0FBRTVHO0FDcEJBO0FBQ0E7QUFDQTtBQUNBO0FEc0JBLE9BQU8sSUFBTVcsdUJBQXVCLEdBQUcsU0FBMUJBLHVCQUF1QkEsQ0FBSUMsT0FBMEIsRUFBb0M7RUFBQSxJQUFsQ0MsSUFBQSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBdUIsT0FBTztFQUNoRyxJQUFNRyxTQUFTLEdBQUdSLGdCQUFnQixDQUFDRyxPQUF3QyxDQUFDO0VBQzVFLElBQU1NLFFBQVEsR0FBR0QsU0FBUyxHQUFHQSxTQUFTLENBQUNKLElBQThCLENBQUMsR0FBR0csU0FBUztFQUNsRixPQUFBVixNQUFBLENBQUFhLE1BQUEsQ0FBQWIsTUFBQSxDQUFBYSxNQUFBLENBQUEsQ0FBQSxDQUFBLEVBQVl4QixrQkFBa0IsQ0FBQ2lCLE9BQU8sQ0FBQyxDQUFBLEVBQUtNLFFBQVEsQ0FBQTtBQUN0RCxDQUFDO0FBRUQsT0FBTyxJQUFNRSxnQkFBZ0IsR0FBRztFQUM5QkMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLE9BQU8sRUFBRSxTQUFTO0VBQ2xCQyxNQUFNLEVBQUU7QUNyQlYsQ0RzQlU7QUFFVjtBQUNBLE9BQU8sSUFBTUMsaUJBQWlCLEdBQUcsU0FBcEJBLGlCQUFpQkEsQ0FDNUJkLE9BQTBCLEVBRVQ7RUFBQSxJQURqQkMsSUFBQSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBdUIsT0FBTztFQUU5QixJQUFNYSxNQUFNLEdBQUdoQix1QkFBdUIsQ0FBQ0MsT0FBTyxFQUFFQyxJQUFJLENBQUM7RUFDckQsT0FBTztJQUNMLHFCQUFxQixLQUFBZSxNQUFBLENBQUtELE1BQU0sQ0FBQzlCLEtBQUssT0FBSTtJQUMxQyx1QkFBdUIsS0FBQStCLE1BQUEsQ0FBS0QsTUFBTSxDQUFDN0IsT0FBTyxPQUFJO0lBQzlDLHVCQUF1QixLQUFBOEIsTUFBQSxDQUFLRCxNQUFNLENBQUM1QixNQUFNLE9BQUk7SUFDN0MsMEJBQTBCLEtBQUE2QixNQUFBLENBQUtELE1BQU0sQ0FBQzFCLFNBQVMsT0FBSTtJQUNuRCwwQkFBMEIsS0FBQTJCLE1BQUEsQ0FBS0QsTUFBTSxDQUFDekIsU0FBUztFQ3pCL0MsQ0QwQmdCO0FBQ3BCLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2NvbmZpZy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1BSRUZJWCA9ICdmb3JtLWxheW91dCc7XG4vKipcbiAqIFRIRSBkZW5zaXR5IHRhYmxlIGZvciBmb3JtIHN1cmZhY2VzIOKAlCB0aGUgc2luZ2xlIHRoaW5nIHRvIGVkaXQgd2hlbiB0aGVcbiAqIGRlc2lnbiBjaGFuZ2VzIG9yIGEgbmV3IGRlbnNpdHkgaXMgYWRkZWQuIEV2ZXJ5IHZhbHVlIGlzIGNvbnN1bWVkIHRocm91Z2hcbiAqIENTUyBjdXN0b20gcHJvcGVydGllcyAoY29udGFpbmVyIHNwYWNpbmcpIG9yIHJlYWQgYnkgdGhlIGZvcm0gcHJlc2V0XG4gKiAocm93IGdhcCAvIGNvbHVtbiBndXR0ZXIgZm9yIFByb0Zvcm0pLCBzbyBhZGRpbmcgYSB2YXJpYW50IGhlcmUgaXMgdGhlXG4gKiB3aG9sZSBqb2IuXG4gKlxuICogU291cmNlOiAxTW9uZXkgRGVzaWduIFN5c3RlbSAoQmV0YSkg4oCUIFwiRGlhbG9nIEJvZHlcIiAobm9kZSAzOTc0My00NjM0KVxuICogZm9yIGBtb2RhbGA7IHBhZ2UgdXNhZ2UgKG5vZGUgMzk5NTYtOTcxMikgZm9yIGBwYWdlYC5cbiAqL1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX0NPTkZJRyA9IHtcbiAgICAvKiogSW5zaWRlIGEgZGlhbG9nOiB0aWdodGVyIGRlbnNpdHkuICovXG4gICAgbW9kYWw6IHtcbiAgICAgICAgLyoqIERlZmF1bHQgcGFuZWwgd2lkdGggKHB4KTsgdGhlIGB3aWR0aGAgcHJvcCBvdmVycmlkZXMuICovXG4gICAgICAgIHdpZHRoOiA2NDAsXG4gICAgICAgIC8qKiBQYW5lbCBwYWRkaW5nIChweCkuICovXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgICAvKiogVmVydGljYWwgZ2FwIGJldHdlZW4gZmllbGQgcm93cyAocHgpLiAqL1xuICAgICAgICByb3dHYXA6IDEyLFxuICAgICAgICAvKiogSG9yaXpvbnRhbCBndXR0ZXIgYmV0d2VlbiBjb2x1bW5zIGluIGEgcm93IChweCkuICovXG4gICAgICAgIGNvbEd1dHRlcjogMTIsXG4gICAgICAgIC8qKiBHYXAgYmV0d2VlbiB0aGUgaGVhZGVyIC8gZmllbGRzIC8gZm9vdGVyIHJlZ2lvbnMgKHB4KS4gKi9cbiAgICAgICAgcmVnaW9uR2FwOiAxNixcbiAgICAgICAgLyoqIEdhcCBiZXR3ZWVuIGZvb3RlciBhY3Rpb24gYnV0dG9ucyAocHgpOyBBY3Rpb25CYXIgcmVhZHMgaXQgdmlhIHZhci4gKi9cbiAgICAgICAgYWN0aW9uR2FwOiAxMixcbiAgICAgICAgLyoqIENvbnRyb2wgc2l6ZSBjYXNjYWRlZCB0byBldmVyeSBmaWVsZCB2aWEgUHJvRm9ybSBgc2l6ZWAuICovXG4gICAgICAgIGNvbnRyb2xTaXplOiAnc21hbGwnLFxuICAgIH0sXG4gICAgLyoqIFN0YW5kYWxvbmUgb24gYSBwYWdlOiByb29taWVyIGRlbnNpdHkuICovXG4gICAgcGFnZToge1xuICAgICAgICB3aWR0aDogNzM4LFxuICAgICAgICBwYWRkaW5nOiAzMixcbiAgICAgICAgcm93R2FwOiAyNCxcbiAgICAgICAgY29sR3V0dGVyOiAyNCxcbiAgICAgICAgcmVnaW9uR2FwOiAyNCxcbiAgICAgICAgYWN0aW9uR2FwOiAxMixcbiAgICAgICAgY29udHJvbFNpemU6ICdsYXJnZScsXG4gICAgfSxcbn07XG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfVkFSSUFOVFMgPSBPYmplY3Qua2V5cyhGT1JNX0xBWU9VVF9DT05GSUcpO1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1NJWkVTID0gWydsYXJnZScsICdzbWFsbCddO1xuLyoqXG4gKiBQZXItc2l6ZSBkZW5zaXR5IG92ZXJyaWRlcyBvbiBhIHZhcmlhbnQncyBiYXNlbGluZSAodGhlIGJhc2VsaW5lIElTIHRoZVxuICogYGxhcmdlYCBzaXplKS4gT25seSBgcGFnZS9zbWFsbGAgZXhpc3RzIHRvZGF5IOKAlCBhIG5hcnJvd2VyIHBhZ2UgKDQ0OCxcbiAqIG1hdGNoaW5nIHRoZSBhcHAncyBzaWduLWluIGNhcmQpOyBwYWRkaW5nIGFuZCBnYXBzIG1pcnJvciB0aGUgcGFnZSBiYXNlbGluZVxuICogKDMyIC8gMjQgLyAyNCkgYW5kIGFyZSBzcGVsbGVkIG91dCBzbyB0aGUgc2l6ZSdzIGZ1bGwgZGVuc2l0eSByZWFkcyBpbiBvbmVcbiAqIHBsYWNlLiBBIHZhcmlhbnQvc2l6ZSB3aXRoIG5vIGVudHJ5IHVzZXMgdGhlIGJhc2VsaW5lIHVuY2hhbmdlZCwgc28gYGxhcmdlYFxuICogbmV2ZXIgbmVlZHMgYW4gZW50cnkuIGBtb2RhbGAgaW50ZW50aW9uYWxseSBoYXMgbm8gYHNtYWxsYDogdGhlIDM4MFxuICogY29uZmlybS9yZXN1bHQgZGlhbG9nIGlzIEJhc2VEaWFsb2csIHdoaWNoIGlzIG5vdCBhIGZvcm0gc3VyZmFjZSBhbmQgZG9lc1xuICogbm90IHVzZSBGb3JtTGF5b3V0LlxuICovXG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfU0laRSA9IHtcbiAgICBwYWdlOiB7XG4gICAgICAgIHNtYWxsOiB7IHdpZHRoOiA0NDgsIHBhZGRpbmc6IDMyLCByb3dHYXA6IDI0LCBjb2xHdXR0ZXI6IDI0IH0sXG4gICAgfSxcbn07XG4vKipcbiAqIEJhc2VsaW5lIGRlbnNpdHkgZm9yIGEgdmFyaWFudCBtZXJnZWQgd2l0aCB0aGUgcmVxdWVzdGVkIHNpemUncyBkZXZpYXRpb25zLlxuICogVGhlIHNpbmdsZSBsb29rdXAgYm90aCB0aGUgc3VyZmFjZSAoRm9ybUxheW91dCkgYW5kIHRoZSBmb3JtIHByZXNldFxuICogKEJhc2VQcm9Gb3JtKSByZWFkLCBzbyB3aWR0aCAvIHBhZGRpbmcgLyBnYXBzIC8gY29udHJvbCBzaXplIG5ldmVyIGRpdmVyZ2UuXG4gKi9cbmV4cG9ydCBjb25zdCByZXNvbHZlRm9ybUxheW91dENvbmZpZyA9ICh2YXJpYW50LCBzaXplID0gJ2xhcmdlJykgPT4ge1xuICAgIGNvbnN0IG92ZXJyaWRlcyA9IEZPUk1fTEFZT1VUX1NJWkVbdmFyaWFudF07XG4gICAgY29uc3Qgb3ZlcnJpZGUgPSBvdmVycmlkZXMgPyBvdmVycmlkZXNbc2l6ZV0gOiB1bmRlZmluZWQ7XG4gICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgRk9STV9MQVlPVVRfQ09ORklHW3ZhcmlhbnRdKSwgb3ZlcnJpZGUpO1xufTtcbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9TTE9UID0ge1xuICAgIGhlYWRlcjogJ2hlYWRlcicsXG4gICAgdGl0bGU6ICd0aXRsZScsXG4gICAgZXh0cmE6ICdleHRyYScsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGZvb3RlcjogJ2Zvb3RlcicsXG59O1xuLyoqIEJyaWRnZSB0aGUgcmVzb2x2ZWQgKHZhcmlhbnQsIHNpemUpIG51bWJlcnMgaW50byBDU1MgY3VzdG9tIHByb3BlcnRpZXMuICovXG5leHBvcnQgY29uc3QgZm9ybUxheW91dENzc1ZhcnMgPSAodmFyaWFudCwgc2l6ZSA9ICdsYXJnZScpID0+IHtcbiAgICBjb25zdCBjb25maWcgPSByZXNvbHZlRm9ybUxheW91dENvbmZpZyh2YXJpYW50LCBzaXplKTtcbiAgICByZXR1cm4ge1xuICAgICAgICAnLS1mb3JtLWxheW91dC13aWR0aCc6IGAke2NvbmZpZy53aWR0aH1weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LXBhZGRpbmcnOiBgJHtjb25maWcucGFkZGluZ31weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LXJvdy1nYXAnOiBgJHtjb25maWcucm93R2FwfXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtcmVnaW9uLWdhcCc6IGAke2NvbmZpZy5yZWdpb25HYXB9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1hY3Rpb24tZ2FwJzogYCR7Y29uZmlnLmFjdGlvbkdhcH1weGAsXG4gICAgfTtcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/FormLayout/index.d.ts

@@ -3,5 +3,5 @@ export { FormLayout, FormRow, FormCell } from './FormLayout';
 export type { FormRowProps, FormCellProps } from './FormLayout';
 export default FormLayout;
 export * from './interface';
-export { FORM_LAYOUT_CONFIG, FORM_LAYOUT_VARIANTS, formLayoutCssVars, } from './config';
+export { FORM_LAYOUT_CONFIG, FORM_LAYOUT_SIZE, FORM_LAYOUT_SIZES, FORM_LAYOUT_VARIANTS, formLayoutCssVars, resolveFormLayoutConfig, } from './config';
 export { FormControlSizeContext, useFormControlSize } from './context';

package/es/components/FormLayout/index.js

@@ -2,6 +2,6 @@ import { FormLayout } from './FormLayout';
 export { FormLayout, FormRow, FormCell } from './FormLayout';
 export default FormLayout;
 export * from './interface';
-export { FORM_LAYOUT_CONFIG, FORM_LAYOUT_VARIANTS, formLayoutCssVars } from './config';
+export { FORM_LAYOUT_CONFIG, FORM_LAYOUT_SIZE, FORM_LAYOUT_SIZES, FORM_LAYOUT_VARIANTS, formLayoutCssVars, resolveFormLayoutConfig } from './config';
 export { FormControlSizeContext, useFormControlSize } from './context';
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9pbmRleC50cyJdLCJuYW1lcyI6WyJGb3JtTGF5b3V0IiwiRm9ybVJvdyIsIkZvcm1DZWxsIiwiRk9STV9MQVlPVVRfQ09ORklHIiwiRk9STV9MQVlPVVRfVkFSSUFOVFMiLCJmb3JtTGF5b3V0Q3NzVmFycyIsIkZvcm1Db250cm9sU2l6ZUNvbnRleHQiLCJ1c2VGb3JtQ29udHJvbFNpemUiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLFVBQVUsUUFBUSxjQUFjO0FBRXpDLFNBQVNBLFVBQVUsRUFBRUMsT0FBTyxFQUFFQyxRQUFRLFFBQVEsY0FBYztBQUc1RCxlQUFlRixVQUFVO0FBRXpCLGNBQWMsYUFBYTtBQUMzQixTQUNFRyxrQkFBa0IsRUFDbEJDLG9CQUFvQixFQUNwQkMsaUJBQWlCLFFBQ1osVUFBVTtBQUNqQixTQUFTQyxzQkFBc0IsRUFBRUMsa0JBQWtCLFFBQVEsV0FBVyIsImZpbGUiOiJjb21wb25lbnRzL0Zvcm1MYXlvdXQvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9pbmRleC50cyJdLCJuYW1lcyI6WyJGb3JtTGF5b3V0IiwiRm9ybVJvdyIsIkZvcm1DZWxsIiwiRk9STV9MQVlPVVRfQ09ORklHIiwiRk9STV9MQVlPVVRfU0laRSIsIkZPUk1fTEFZT1VUX1NJWkVTIiwiRk9STV9MQVlPVVRfVkFSSUFOVFMiLCJmb3JtTGF5b3V0Q3NzVmFycyIsInJlc29sdmVGb3JtTGF5b3V0Q29uZmlnIiwiRm9ybUNvbnRyb2xTaXplQ29udGV4dCIsInVzZUZvcm1Db250cm9sU2l6ZSJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsVUFBVSxRQUFRLGNBQWM7QUFFekMsU0FBU0EsVUFBVSxFQUFFQyxPQUFPLEVBQUVDLFFBQVEsUUFBUSxjQUFjO0FBRzVELGVBQWVGLFVBQVU7QUFFekIsY0FBYyxhQUFhO0FBQzNCLFNBQ0VHLGtCQUFrQixFQUNsQkMsZ0JBQWdCLEVBQ2hCQyxpQkFBaUIsRUFDakJDLG9CQUFvQixFQUNwQkMsaUJBQWlCLEVBQ2pCQyx1QkFBdUIsUUFDbEIsVUFBVTtBQUNqQixTQUFTQyxzQkFBc0IsRUFBRUMsa0JBQWtCLFFBQVEsV0FBVyIsImZpbGUiOiJjb21wb25lbnRzL0Zvcm1MYXlvdXQvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/FormLayout/interface.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-import type { FormLayoutVariant } from './config';
-export type { FormLayoutVariant } from './config';
+import type { FormLayoutSize, FormLayoutVariant } from './config';
+export type { FormLayoutSize, FormLayoutVariant } from './config';
 /**
  * Form-only surface layout: panel chrome (white surface, hairline border,
  * radius) + three regions (header with title/extra, fields content, footer)
@@ -14,6 +14,13 @@ export type { FormLayoutVariant } from './config';
 export interface FormLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /** Density + scroll-policy variant. */
     variant?: FormLayoutVariant;
+    /**
+     * Panel size within the variant. `large` (default) is the variant baseline;
+     * `small` layers a deviation. Only `page/small` deviates today — a narrower
+     * 448 page (padding and gaps stay on the page baseline); other variant/size
+     * combos fall back to the baseline.
+     */
+    size?: FormLayoutSize;
     /**
      * Override the variant's scroll policy (modal → `true`, page → `false`).
      * When `true` the fields region scrolls IF height-constrained (header and