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

package/lib/components/FormLayout/config.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formLayoutCssVars = exports.FORM_LAYOUT_VARIANTS = exports.FORM_LAYOUT_SLOT = exports.FORM_LAYOUT_PREFIX = exports.FORM_LAYOUT_CONFIG = void 0;
+exports.resolveFormLayoutConfig = exports.formLayoutCssVars = exports.FORM_LAYOUT_VARIANTS = exports.FORM_LAYOUT_SLOT = exports.FORM_LAYOUT_SIZES = exports.FORM_LAYOUT_SIZE = exports.FORM_LAYOUT_PREFIX = exports.FORM_LAYOUT_CONFIG = void 0;
 var FORM_LAYOUT_PREFIX = exports.FORM_LAYOUT_PREFIX = 'form-layout';
 /**
  * THE density table for form surfaces — the single thing to edit when the
@@ -45,6 +45,38 @@ var FORM_LAYOUT_CONFIG = exports.FORM_LAYOUT_CONFIG = {
   }
 };
 var FORM_LAYOUT_VARIANTS = exports.FORM_LAYOUT_VARIANTS = Object.keys(FORM_LAYOUT_CONFIG);
+var FORM_LAYOUT_SIZES = exports.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.
+ */
+var FORM_LAYOUT_SIZE = exports.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.
+ */
+var resolveFormLayoutConfig = exports.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);
+};
 var FORM_LAYOUT_SLOT = exports.FORM_LAYOUT_SLOT = {
   header: 'header',
   title: 'title',
@@ -52,9 +84,10 @@ var FORM_LAYOUT_SLOT = exports.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. */
 var formLayoutCssVars = exports.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"),
@@ -63,4 +96,4 @@ var formLayoutCssVars = exports.formLayoutCssVars = function formLayoutCssVars(v
     '--form-layout-action-gap': "".concat(config.actionGap, "px")
   };
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcudHMiLCJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIl0sIm5hbWVzIjpbIkZPUk1fTEFZT1VUX1BSRUZJWCIsImV4cG9ydHMiLCJGT1JNX0xBWU9VVF9DT05GSUciLCJtb2RhbCIsIndpZHRoIiwicGFkZGluZyIsInJvd0dhcCIsImNvbEd1dHRlciIsInJlZ2lvbkdhcCIsImFjdGlvbkdhcCIsImNvbnRyb2xTaXplIiwicGFnZSIsIkZPUk1fTEFZT1VUX1ZBUklBTlRTIiwiT2JqZWN0Iiwia2V5cyIsIkZPUk1fTEFZT1VUX1NMT1QiLCJoZWFkZXIiLCJ0aXRsZSIsImV4dHJhIiwiY29udGVudCIsImZvb3RlciIsImZvcm1MYXlvdXRDc3NWYXJzIiwidmFyaWFudCIsImNvbmZpZyIsImNvbmNhdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBRU8sSUFBTUEsa0JBQWtCLEdBQUFDLE9BQUEsQ0FBQUQsa0JBQUEsR0FBRyxhQUFhO0FBRS9DO0FDRkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FESU8sSUFBTUUsa0JBQWtCLEdBQUFELE9BQUEsQ0FBQUMsa0JBQUEsR0FBRztFQUNoQztFQUNBQyxLQUFLLEVBQUU7SUFDTDtJQUNBQyxLQUFLLEVBQUUsR0FBRztJQUNWO0lBQ0FDLE9BQU8sRUFBRSxFQUFFO0lBQ1g7SUFDQUMsTUFBTSxFQUFFLEVBQUU7SUFDVjtJQUNBQyxTQUFTLEVBQUUsRUFBRTtJQUNiO0lBQ0FDLFNBQVMsRUFBRSxFQUFFO0lBQ2I7SUFDQUMsU0FBUyxFQUFFLEVBQUU7SUFDYjtJQUNBQyxXQUFXLEVBQUU7RUNGYixDREdEO0VBQ0Q7RUFDQUMsSUFBSSxFQUFFO0lBQ0pQLEtBQUssRUFBRSxHQUFHO0lBQ1ZDLE9BQU8sRUFBRSxFQUFFO0lBQ1hDLE1BQU0sRUFBRSxFQUFFO0lBQ1ZDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFNBQVMsRUFBRSxFQUFFO0lBQ2JDLFdBQVcsRUFBRTtFQ0ZiO0FBQ0osQ0RHVTtBQUlILElBQU1FLG9CQUFvQixHQUFBWCxPQUFBLENBQUFXLG9CQUFBLEdBQUdDLE1BQU0sQ0FBQ0MsSUFBSSxDQUFDWixrQkFBa0IsQ0FBd0I7QUFFbkYsSUFBTWEsZ0JBQWdCLEdBQUFkLE9BQUEsQ0FBQWMsZ0JBQUEsR0FBRztFQUM5QkMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLE9BQU8sRUFBRSxTQUFTO0VBQ2xCQyxNQUFNLEVBQUU7QUNOVixDRE9VO0FBRVY7QUFDTyxJQUFNQyxpQkFBaUIsR0FBQXBCLE9BQUEsQ0FBQW9CLGlCQUFBLEdBQUcsU0FBcEJBLGlCQUFpQkEsQ0FBSUMsT0FBMEIsRUFBbUI7RUFDN0UsSUFBTUMsTUFBTSxHQUFHckIsa0JBQWtCLENBQUNvQixPQUFPLENBQUM7RUFDMUMsT0FBTztJQUNMLHFCQUFxQixLQUFBRSxNQUFBLENBQUtELE1BQU0sQ0FBQ25CLEtBQUssT0FBSTtJQUMxQyx1QkFBdUIsS0FBQW9CLE1BQUEsQ0FBS0QsTUFBTSxDQUFDbEIsT0FBTyxPQUFJO0lBQzlDLHVCQUF1QixLQUFBbUIsTUFBQSxDQUFLRCxNQUFNLENBQUNqQixNQUFNLE9BQUk7SUFDN0MsMEJBQTBCLEtBQUFrQixNQUFBLENBQUtELE1BQU0sQ0FBQ2YsU0FBUyxPQUFJO0lBQ25ELDBCQUEwQixLQUFBZ0IsTUFBQSxDQUFLRCxNQUFNLENBQUNkLFNBQVM7RUNQL0MsQ0RRZ0I7QUFDcEIsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgRk9STV9MQVlPVVRfUFJFRklYID0gJ2Zvcm0tbGF5b3V0Jztcbi8qKlxuICogVEhFIGRlbnNpdHkgdGFibGUgZm9yIGZvcm0gc3VyZmFjZXMg4oCUIHRoZSBzaW5nbGUgdGhpbmcgdG8gZWRpdCB3aGVuIHRoZVxuICogZGVzaWduIGNoYW5nZXMgb3IgYSBuZXcgZGVuc2l0eSBpcyBhZGRlZC4gRXZlcnkgdmFsdWUgaXMgY29uc3VtZWQgdGhyb3VnaFxuICogQ1NTIGN1c3RvbSBwcm9wZXJ0aWVzIChjb250YWluZXIgc3BhY2luZykgb3IgcmVhZCBieSB0aGUgZm9ybSBwcmVzZXRcbiAqIChyb3cgZ2FwIC8gY29sdW1uIGd1dHRlciBmb3IgUHJvRm9ybSksIHNvIGFkZGluZyBhIHZhcmlhbnQgaGVyZSBpcyB0aGVcbiAqIHdob2xlIGpvYi5cbiAqXG4gKiBTb3VyY2U6IDFNb25leSBEZXNpZ24gU3lzdGVtIChCZXRhKSDigJQgXCJEaWFsb2cgQm9keVwiIChub2RlIDM5NzQzLTQ2MzQpXG4gKiBmb3IgYG1vZGFsYDsgcGFnZSB1c2FnZSAobm9kZSAzOTk1Ni05NzEyKSBmb3IgYHBhZ2VgLlxuICovXG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfQ09ORklHID0ge1xuICAgIC8qKiBJbnNpZGUgYSBkaWFsb2c6IHRpZ2h0ZXIgZGVuc2l0eS4gKi9cbiAgICBtb2RhbDoge1xuICAgICAgICAvKiogRGVmYXVsdCBwYW5lbCB3aWR0aCAocHgpOyB0aGUgYHdpZHRoYCBwcm9wIG92ZXJyaWRlcy4gKi9cbiAgICAgICAgd2lkdGg6IDY0MCxcbiAgICAgICAgLyoqIFBhbmVsIHBhZGRpbmcgKHB4KS4gKi9cbiAgICAgICAgcGFkZGluZzogMjQsXG4gICAgICAgIC8qKiBWZXJ0aWNhbCBnYXAgYmV0d2VlbiBmaWVsZCByb3dzIChweCkuICovXG4gICAgICAgIHJvd0dhcDogMTIsXG4gICAgICAgIC8qKiBIb3Jpem9udGFsIGd1dHRlciBiZXR3ZWVuIGNvbHVtbnMgaW4gYSByb3cgKHB4KS4gKi9cbiAgICAgICAgY29sR3V0dGVyOiAxMixcbiAgICAgICAgLyoqIEdhcCBiZXR3ZWVuIHRoZSBoZWFkZXIgLyBmaWVsZHMgLyBmb290ZXIgcmVnaW9ucyAocHgpLiAqL1xuICAgICAgICByZWdpb25HYXA6IDE2LFxuICAgICAgICAvKiogR2FwIGJldHdlZW4gZm9vdGVyIGFjdGlvbiBidXR0b25zIChweCk7IEFjdGlvbkJhciByZWFkcyBpdCB2aWEgdmFyLiAqL1xuICAgICAgICBhY3Rpb25HYXA6IDEyLFxuICAgICAgICAvKiogQ29udHJvbCBzaXplIGNhc2NhZGVkIHRvIGV2ZXJ5IGZpZWxkIHZpYSBQcm9Gb3JtIGBzaXplYC4gKi9cbiAgICAgICAgY29udHJvbFNpemU6ICdzbWFsbCcsXG4gICAgfSxcbiAgICAvKiogU3RhbmRhbG9uZSBvbiBhIHBhZ2U6IHJvb21pZXIgZGVuc2l0eS4gKi9cbiAgICBwYWdlOiB7XG4gICAgICAgIHdpZHRoOiA3MzgsXG4gICAgICAgIHBhZGRpbmc6IDMyLFxuICAgICAgICByb3dHYXA6IDI0LFxuICAgICAgICBjb2xHdXR0ZXI6IDI0LFxuICAgICAgICByZWdpb25HYXA6IDI0LFxuICAgICAgICBhY3Rpb25HYXA6IDEyLFxuICAgICAgICBjb250cm9sU2l6ZTogJ2xhcmdlJyxcbiAgICB9LFxufTtcbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9WQVJJQU5UUyA9IE9iamVjdC5rZXlzKEZPUk1fTEFZT1VUX0NPTkZJRyk7XG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfU0xPVCA9IHtcbiAgICBoZWFkZXI6ICdoZWFkZXInLFxuICAgIHRpdGxlOiAndGl0bGUnLFxuICAgIGV4dHJhOiAnZXh0cmEnLFxuICAgIGNvbnRlbnQ6ICdjb250ZW50JyxcbiAgICBmb290ZXI6ICdmb290ZXInLFxufTtcbi8qKiBCcmlkZ2UgdGhlIHZhcmlhbnQncyBudW1iZXJzIGludG8gQ1NTIGN1c3RvbSBwcm9wZXJ0aWVzIGZvciB0aGUgc3R5bGVzaGVldC4gKi9cbmV4cG9ydCBjb25zdCBmb3JtTGF5b3V0Q3NzVmFycyA9ICh2YXJpYW50KSA9PiB7XG4gICAgY29uc3QgY29uZmlnID0gRk9STV9MQVlPVVRfQ09ORklHW3ZhcmlhbnRdO1xuICAgIHJldHVybiB7XG4gICAgICAgICctLWZvcm0tbGF5b3V0LXdpZHRoJzogYCR7Y29uZmlnLndpZHRofXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtcGFkZGluZyc6IGAke2NvbmZpZy5wYWRkaW5nfXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtcm93LWdhcCc6IGAke2NvbmZpZy5yb3dHYXB9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1yZWdpb24tZ2FwJzogYCR7Y29uZmlnLnJlZ2lvbkdhcH1weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LWFjdGlvbi1nYXAnOiBgJHtjb25maWcuYWN0aW9uR2FwfXB4YCxcbiAgICB9O1xufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcudHMiLCJjb21wb25lbnRzL0Zvcm1MYXlvdXQvY29uZmlnLmpzIl0sIm5hbWVzIjpbIkZPUk1fTEFZT1VUX1BSRUZJWCIsImV4cG9ydHMiLCJGT1JNX0xBWU9VVF9DT05GSUciLCJtb2RhbCIsIndpZHRoIiwicGFkZGluZyIsInJvd0dhcCIsImNvbEd1dHRlciIsInJlZ2lvbkdhcCIsImFjdGlvbkdhcCIsImNvbnRyb2xTaXplIiwicGFnZSIsIkZPUk1fTEFZT1VUX1ZBUklBTlRTIiwiT2JqZWN0Iiwia2V5cyIsIkZPUk1fTEFZT1VUX1NJWkVTIiwiRk9STV9MQVlPVVRfU0laRSIsInNtYWxsIiwicmVzb2x2ZUZvcm1MYXlvdXRDb25maWciLCJ2YXJpYW50Iiwic2l6ZSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsIm92ZXJyaWRlcyIsIm92ZXJyaWRlIiwiYXNzaWduIiwiRk9STV9MQVlPVVRfU0xPVCIsImhlYWRlciIsInRpdGxlIiwiZXh0cmEiLCJjb250ZW50IiwiZm9vdGVyIiwiZm9ybUxheW91dENzc1ZhcnMiLCJjb25maWciLCJjb25jYXQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUVPLElBQU1BLGtCQUFrQixHQUFBQyxPQUFBLENBQUFELGtCQUFBLEdBQUcsYUFBYTtBQUUvQztBQ0ZBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBRElPLElBQU1FLGtCQUFrQixHQUFBRCxPQUFBLENBQUFDLGtCQUFBLEdBQUc7RUFDaEM7RUFDQUMsS0FBSyxFQUFFO0lBQ0w7SUFDQUMsS0FBSyxFQUFFLEdBQUc7SUFDVjtJQUNBQyxPQUFPLEVBQUUsRUFBRTtJQUNYO0lBQ0FDLE1BQU0sRUFBRSxFQUFFO0lBQ1Y7SUFDQUMsU0FBUyxFQUFFLEVBQUU7SUFDYjtJQUNBQyxTQUFTLEVBQUUsRUFBRTtJQUNiO0lBQ0FDLFNBQVMsRUFBRSxFQUFFO0lBQ2I7SUFDQUMsV0FBVyxFQUFFO0VDRmIsQ0RHRDtFQUNEO0VBQ0FDLElBQUksRUFBRTtJQUNKUCxLQUFLLEVBQUUsR0FBRztJQUNWQyxPQUFPLEVBQUUsRUFBRTtJQUNYQyxNQUFNLEVBQUUsRUFBRTtJQUNWQyxTQUFTLEVBQUUsRUFBRTtJQUNiQyxTQUFTLEVBQUUsRUFBRTtJQUNiQyxTQUFTLEVBQUUsRUFBRTtJQUNiQyxXQUFXLEVBQUU7RUNGYjtBQUNKLENER1U7QUFJSCxJQUFNRSxvQkFBb0IsR0FBQVgsT0FBQSxDQUFBVyxvQkFBQSxHQUFHQyxNQUFNLENBQUNDLElBQUksQ0FBQ1osa0JBQWtCLENBQXdCO0FBRW5GLElBQU1hLGlCQUFpQixHQUFBZCxPQUFBLENBQUFjLGlCQUFBLEdBQUcsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFVO0FBYzVEO0FDbkJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBRHFCTyxJQUFNQyxnQkFBZ0IsR0FBQWYsT0FBQSxDQUFBZSxnQkFBQSxHQUFHO0VBQzlCTCxJQUFJLEVBQUU7SUFDSk0sS0FBSyxFQUFFO01BQUViLEtBQUssRUFBRSxHQUFHO01BQUVDLE9BQU8sRUFBRSxFQUFFO01BQUVDLE1BQU0sRUFBRSxFQUFFO01BQUVDLFNBQVMsRUFBRTtJQUFFO0VDbkIzRDtBQUNKLENEb0I0RztBQUU1RztBQ3BCQTtBQUNBO0FBQ0E7QUFDQTtBRHNCTyxJQUFNVyx1QkFBdUIsR0FBQWpCLE9BQUEsQ0FBQWlCLHVCQUFBLEdBQUcsU0FBMUJBLHVCQUF1QkEsQ0FBSUMsT0FBMEIsRUFBb0M7RUFBQSxJQUFsQ0MsSUFBQSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBdUIsT0FBTztFQUNoRyxJQUFNRyxTQUFTLEdBQUdSLGdCQUFnQixDQUFDRyxPQUF3QyxDQUFDO0VBQzVFLElBQU1NLFFBQVEsR0FBR0QsU0FBUyxHQUFHQSxTQUFTLENBQUNKLElBQThCLENBQUMsR0FBR0csU0FBUztFQUNsRixPQUFBVixNQUFBLENBQUFhLE1BQUEsQ0FBQWIsTUFBQSxDQUFBYSxNQUFBLENBQUEsQ0FBQSxDQUFBLEVBQVl4QixrQkFBa0IsQ0FBQ2lCLE9BQU8sQ0FBQyxDQUFBLEVBQUtNLFFBQVEsQ0FBQTtBQUN0RCxDQUFDO0FBRU0sSUFBTUUsZ0JBQWdCLEdBQUExQixPQUFBLENBQUEwQixnQkFBQSxHQUFHO0VBQzlCQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsS0FBSyxFQUFFLE9BQU87RUFDZEMsS0FBSyxFQUFFLE9BQU87RUFDZEMsT0FBTyxFQUFFLFNBQVM7RUFDbEJDLE1BQU0sRUFBRTtBQ3JCVixDRHNCVTtBQUVWO0FBQ08sSUFBTUMsaUJBQWlCLEdBQUFoQyxPQUFBLENBQUFnQyxpQkFBQSxHQUFHLFNBQXBCQSxpQkFBaUJBLENBQzVCZCxPQUEwQixFQUVUO0VBQUEsSUFEakJDLElBQUEsR0FBQUMsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQXVCLE9BQU87RUFFOUIsSUFBTWEsTUFBTSxHQUFHaEIsdUJBQXVCLENBQUNDLE9BQU8sRUFBRUMsSUFBSSxDQUFDO0VBQ3JELE9BQU87SUFDTCxxQkFBcUIsS0FBQWUsTUFBQSxDQUFLRCxNQUFNLENBQUM5QixLQUFLLE9BQUk7SUFDMUMsdUJBQXVCLEtBQUErQixNQUFBLENBQUtELE1BQU0sQ0FBQzdCLE9BQU8sT0FBSTtJQUM5Qyx1QkFBdUIsS0FBQThCLE1BQUEsQ0FBS0QsTUFBTSxDQUFDNUIsTUFBTSxPQUFJO0lBQzdDLDBCQUEwQixLQUFBNkIsTUFBQSxDQUFLRCxNQUFNLENBQUMxQixTQUFTLE9BQUk7SUFDbkQsMEJBQTBCLEtBQUEyQixNQUFBLENBQUtELE1BQU0sQ0FBQ3pCLFNBQVM7RUN6Qi9DLENEMEJnQjtBQUNwQixDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvRm9ybUxheW91dC9jb25maWcuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9QUkVGSVggPSAnZm9ybS1sYXlvdXQnO1xuLyoqXG4gKiBUSEUgZGVuc2l0eSB0YWJsZSBmb3IgZm9ybSBzdXJmYWNlcyDigJQgdGhlIHNpbmdsZSB0aGluZyB0byBlZGl0IHdoZW4gdGhlXG4gKiBkZXNpZ24gY2hhbmdlcyBvciBhIG5ldyBkZW5zaXR5IGlzIGFkZGVkLiBFdmVyeSB2YWx1ZSBpcyBjb25zdW1lZCB0aHJvdWdoXG4gKiBDU1MgY3VzdG9tIHByb3BlcnRpZXMgKGNvbnRhaW5lciBzcGFjaW5nKSBvciByZWFkIGJ5IHRoZSBmb3JtIHByZXNldFxuICogKHJvdyBnYXAgLyBjb2x1bW4gZ3V0dGVyIGZvciBQcm9Gb3JtKSwgc28gYWRkaW5nIGEgdmFyaWFudCBoZXJlIGlzIHRoZVxuICogd2hvbGUgam9iLlxuICpcbiAqIFNvdXJjZTogMU1vbmV5IERlc2lnbiBTeXN0ZW0gKEJldGEpIOKAlCBcIkRpYWxvZyBCb2R5XCIgKG5vZGUgMzk3NDMtNDYzNClcbiAqIGZvciBgbW9kYWxgOyBwYWdlIHVzYWdlIChub2RlIDM5OTU2LTk3MTIpIGZvciBgcGFnZWAuXG4gKi9cbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9DT05GSUcgPSB7XG4gICAgLyoqIEluc2lkZSBhIGRpYWxvZzogdGlnaHRlciBkZW5zaXR5LiAqL1xuICAgIG1vZGFsOiB7XG4gICAgICAgIC8qKiBEZWZhdWx0IHBhbmVsIHdpZHRoIChweCk7IHRoZSBgd2lkdGhgIHByb3Agb3ZlcnJpZGVzLiAqL1xuICAgICAgICB3aWR0aDogNjQwLFxuICAgICAgICAvKiogUGFuZWwgcGFkZGluZyAocHgpLiAqL1xuICAgICAgICBwYWRkaW5nOiAyNCxcbiAgICAgICAgLyoqIFZlcnRpY2FsIGdhcCBiZXR3ZWVuIGZpZWxkIHJvd3MgKHB4KS4gKi9cbiAgICAgICAgcm93R2FwOiAxMixcbiAgICAgICAgLyoqIEhvcml6b250YWwgZ3V0dGVyIGJldHdlZW4gY29sdW1ucyBpbiBhIHJvdyAocHgpLiAqL1xuICAgICAgICBjb2xHdXR0ZXI6IDEyLFxuICAgICAgICAvKiogR2FwIGJldHdlZW4gdGhlIGhlYWRlciAvIGZpZWxkcyAvIGZvb3RlciByZWdpb25zIChweCkuICovXG4gICAgICAgIHJlZ2lvbkdhcDogMTYsXG4gICAgICAgIC8qKiBHYXAgYmV0d2VlbiBmb290ZXIgYWN0aW9uIGJ1dHRvbnMgKHB4KTsgQWN0aW9uQmFyIHJlYWRzIGl0IHZpYSB2YXIuICovXG4gICAgICAgIGFjdGlvbkdhcDogMTIsXG4gICAgICAgIC8qKiBDb250cm9sIHNpemUgY2FzY2FkZWQgdG8gZXZlcnkgZmllbGQgdmlhIFByb0Zvcm0gYHNpemVgLiAqL1xuICAgICAgICBjb250cm9sU2l6ZTogJ3NtYWxsJyxcbiAgICB9LFxuICAgIC8qKiBTdGFuZGFsb25lIG9uIGEgcGFnZTogcm9vbWllciBkZW5zaXR5LiAqL1xuICAgIHBhZ2U6IHtcbiAgICAgICAgd2lkdGg6IDczOCxcbiAgICAgICAgcGFkZGluZzogMzIsXG4gICAgICAgIHJvd0dhcDogMjQsXG4gICAgICAgIGNvbEd1dHRlcjogMjQsXG4gICAgICAgIHJlZ2lvbkdhcDogMjQsXG4gICAgICAgIGFjdGlvbkdhcDogMTIsXG4gICAgICAgIGNvbnRyb2xTaXplOiAnbGFyZ2UnLFxuICAgIH0sXG59O1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1ZBUklBTlRTID0gT2JqZWN0LmtleXMoRk9STV9MQVlPVVRfQ09ORklHKTtcbmV4cG9ydCBjb25zdCBGT1JNX0xBWU9VVF9TSVpFUyA9IFsnbGFyZ2UnLCAnc21hbGwnXTtcbi8qKlxuICogUGVyLXNpemUgZGVuc2l0eSBvdmVycmlkZXMgb24gYSB2YXJpYW50J3MgYmFzZWxpbmUgKHRoZSBiYXNlbGluZSBJUyB0aGVcbiAqIGBsYXJnZWAgc2l6ZSkuIE9ubHkgYHBhZ2Uvc21hbGxgIGV4aXN0cyB0b2RheSDigJQgYSBuYXJyb3dlciBwYWdlICg0NDgsXG4gKiBtYXRjaGluZyB0aGUgYXBwJ3Mgc2lnbi1pbiBjYXJkKTsgcGFkZGluZyBhbmQgZ2FwcyBtaXJyb3IgdGhlIHBhZ2UgYmFzZWxpbmVcbiAqICgzMiAvIDI0IC8gMjQpIGFuZCBhcmUgc3BlbGxlZCBvdXQgc28gdGhlIHNpemUncyBmdWxsIGRlbnNpdHkgcmVhZHMgaW4gb25lXG4gKiBwbGFjZS4gQSB2YXJpYW50L3NpemUgd2l0aCBubyBlbnRyeSB1c2VzIHRoZSBiYXNlbGluZSB1bmNoYW5nZWQsIHNvIGBsYXJnZWBcbiAqIG5ldmVyIG5lZWRzIGFuIGVudHJ5LiBgbW9kYWxgIGludGVudGlvbmFsbHkgaGFzIG5vIGBzbWFsbGA6IHRoZSAzODBcbiAqIGNvbmZpcm0vcmVzdWx0IGRpYWxvZyBpcyBCYXNlRGlhbG9nLCB3aGljaCBpcyBub3QgYSBmb3JtIHN1cmZhY2UgYW5kIGRvZXNcbiAqIG5vdCB1c2UgRm9ybUxheW91dC5cbiAqL1xuZXhwb3J0IGNvbnN0IEZPUk1fTEFZT1VUX1NJWkUgPSB7XG4gICAgcGFnZToge1xuICAgICAgICBzbWFsbDogeyB3aWR0aDogNDQ4LCBwYWRkaW5nOiAzMiwgcm93R2FwOiAyNCwgY29sR3V0dGVyOiAyNCB9LFxuICAgIH0sXG59O1xuLyoqXG4gKiBCYXNlbGluZSBkZW5zaXR5IGZvciBhIHZhcmlhbnQgbWVyZ2VkIHdpdGggdGhlIHJlcXVlc3RlZCBzaXplJ3MgZGV2aWF0aW9ucy5cbiAqIFRoZSBzaW5nbGUgbG9va3VwIGJvdGggdGhlIHN1cmZhY2UgKEZvcm1MYXlvdXQpIGFuZCB0aGUgZm9ybSBwcmVzZXRcbiAqIChCYXNlUHJvRm9ybSkgcmVhZCwgc28gd2lkdGggLyBwYWRkaW5nIC8gZ2FwcyAvIGNvbnRyb2wgc2l6ZSBuZXZlciBkaXZlcmdlLlxuICovXG5leHBvcnQgY29uc3QgcmVzb2x2ZUZvcm1MYXlvdXRDb25maWcgPSAodmFyaWFudCwgc2l6ZSA9ICdsYXJnZScpID0+IHtcbiAgICBjb25zdCBvdmVycmlkZXMgPSBGT1JNX0xBWU9VVF9TSVpFW3ZhcmlhbnRdO1xuICAgIGNvbnN0IG92ZXJyaWRlID0gb3ZlcnJpZGVzID8gb3ZlcnJpZGVzW3NpemVdIDogdW5kZWZpbmVkO1xuICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIEZPUk1fTEFZT1VUX0NPTkZJR1t2YXJpYW50XSksIG92ZXJyaWRlKTtcbn07XG5leHBvcnQgY29uc3QgRk9STV9MQVlPVVRfU0xPVCA9IHtcbiAgICBoZWFkZXI6ICdoZWFkZXInLFxuICAgIHRpdGxlOiAndGl0bGUnLFxuICAgIGV4dHJhOiAnZXh0cmEnLFxuICAgIGNvbnRlbnQ6ICdjb250ZW50JyxcbiAgICBmb290ZXI6ICdmb290ZXInLFxufTtcbi8qKiBCcmlkZ2UgdGhlIHJlc29sdmVkICh2YXJpYW50LCBzaXplKSBudW1iZXJzIGludG8gQ1NTIGN1c3RvbSBwcm9wZXJ0aWVzLiAqL1xuZXhwb3J0IGNvbnN0IGZvcm1MYXlvdXRDc3NWYXJzID0gKHZhcmlhbnQsIHNpemUgPSAnbGFyZ2UnKSA9PiB7XG4gICAgY29uc3QgY29uZmlnID0gcmVzb2x2ZUZvcm1MYXlvdXRDb25maWcodmFyaWFudCwgc2l6ZSk7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtd2lkdGgnOiBgJHtjb25maWcud2lkdGh9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1wYWRkaW5nJzogYCR7Y29uZmlnLnBhZGRpbmd9cHhgLFxuICAgICAgICAnLS1mb3JtLWxheW91dC1yb3ctZ2FwJzogYCR7Y29uZmlnLnJvd0dhcH1weGAsXG4gICAgICAgICctLWZvcm0tbGF5b3V0LXJlZ2lvbi1nYXAnOiBgJHtjb25maWcucmVnaW9uR2FwfXB4YCxcbiAgICAgICAgJy0tZm9ybS1sYXlvdXQtYWN0aW9uLWdhcCc6IGAke2NvbmZpZy5hY3Rpb25HYXB9cHhgLFxuICAgIH07XG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/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/lib/components/FormLayout/index.js

@@ -8,8 +8,11 @@ var _exportNames = {
   FormRow: true,
   FormCell: true,
   FORM_LAYOUT_CONFIG: true,
+  FORM_LAYOUT_SIZE: true,
+  FORM_LAYOUT_SIZES: true,
   FORM_LAYOUT_VARIANTS: true,
   formLayoutCssVars: true,
+  resolveFormLayoutConfig: true,
   FormControlSizeContext: true,
   useFormControlSize: true
 };
@@ -19,6 +22,18 @@ Object.defineProperty(exports, "FORM_LAYOUT_CONFIG", {
     return _config.FORM_LAYOUT_CONFIG;
   }
 });
+Object.defineProperty(exports, "FORM_LAYOUT_SIZE", {
+  enumerable: true,
+  get: function get() {
+    return _config.FORM_LAYOUT_SIZE;
+  }
+});
+Object.defineProperty(exports, "FORM_LAYOUT_SIZES", {
+  enumerable: true,
+  get: function get() {
+    return _config.FORM_LAYOUT_SIZES;
+  }
+});
 Object.defineProperty(exports, "FORM_LAYOUT_VARIANTS", {
   enumerable: true,
   get: function get() {
@@ -56,6 +71,12 @@ Object.defineProperty(exports, "formLayoutCssVars", {
     return _config.formLayoutCssVars;
   }
 });
+Object.defineProperty(exports, "resolveFormLayoutConfig", {
+  enumerable: true,
+  get: function get() {
+    return _config.resolveFormLayoutConfig;
+  }
+});
 Object.defineProperty(exports, "useFormControlSize", {
   enumerable: true,
   get: function get() {
@@ -78,4 +99,4 @@ Object.keys(_interface).forEach(function (key) {
 var _config = require("./config");
 var _context = require("./context");
 var _default = exports["default"] = _FormLayout.FormLayout;
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9pbmRleC50cyJdLCJuYW1lcyI6WyJfRm9ybUxheW91dCIsInJlcXVpcmUiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2NvbmZpZyIsIl9jb250ZXh0IiwiX2RlZmF1bHQiLCJGb3JtTGF5b3V0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FBT0EsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFDQSxJQUFBUyxPQUFBLEdBQUFkLE9BQUE7QUFLQSxJQUFBZSxRQUFBLEdBQUFmLE9BQUE7QUFBdUUsSUFBQWdCLFFBQUEsR0FBQU4sT0FBQSxjQVJ4RE8sc0JBQVUiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybUxheW91dC9pbmRleC50cyJdLCJuYW1lcyI6WyJfRm9ybUxheW91dCIsInJlcXVpcmUiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2NvbmZpZyIsIl9jb250ZXh0IiwiX2RlZmF1bHQiLCJGb3JtTGF5b3V0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FBT0EsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFDQSxJQUFBUyxPQUFBLEdBQUFkLE9BQUE7QUFRQSxJQUFBZSxRQUFBLEdBQUFmLE9BQUE7QUFBdUUsSUFBQWdCLFFBQUEsR0FBQU4sT0FBQSxjQVh4RE8sc0JBQVUiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtTGF5b3V0L2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/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