@multiplatform.one/forms 7.34.3 → 7.35.0

package/dist/cjs/ControlGroup/index.cjs

@@ -26,9 +26,10 @@ __export(ControlGroup_exports, {
   ControlGroupAddon: () => ControlGroupAddon
 });
 module.exports = __toCommonJS(ControlGroup_exports);
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
-var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
 var import_InputParts = require("../InputParts/index.cjs");
 var import_colorRamps = require("../shared/colorRamps.cjs");
 var import_utils = require("../shared/utils.cjs");
@@ -88,7 +89,7 @@ function ControlGroupAddonImpl({
 }) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   const text = typeof children === "string" || typeof children === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
     ...knobProps.label,
     fontWeight: "400",
@@ -124,10 +125,10 @@ function ControlGroupImpl({
     knobProps,
     control,
     elevation
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   const inTableCell = (0, import_tableCellContext.useIsInTableCell)();
   if (import_tamagui.isWeb) {
-    (0, import_theme.ensureCompositeFocusRing)();
+    (0, import_theme2.ensureCompositeFocusRing)();
     ensureControlGroupRing();
   }
   const elevationWrapperProps = (0, import_react.useMemo)(() => (0, import_utils.getElevationWrapperProps)(knobProps, elevation), [knobProps, elevation]);
@@ -138,7 +139,7 @@ function ControlGroupImpl({
     const nodes = [];
     for (let index = 0; index < count; index++) {
       const child = items[index];
-      const position = (0, import_theme.getGroupPosition)(index, count);
+      const position = (0, import_theme2.getGroupPosition)(index, count);
       const isMiddle = position === "middle";
       const needsFlex = !isControlGroupAddon(child) && (isMiddle || count === 2 || !import_tamagui.isWeb && count === 1);
       const flexProps = needsFlex ? {
@@ -152,7 +153,7 @@ function ControlGroupImpl({
         flexGrow: 0,
         flexShrink: 0
       };
-      nodes.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.GroupPositionContext.Provider, {
+      nodes.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme2.GroupPositionContext.Provider, {
         value: position,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           ...flexProps,
@@ -165,7 +166,7 @@ function ControlGroupImpl({
       }, child.key ?? index));
       if (seams && index < count - 1) {
         nodes.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          ...(isVertical ? import_theme.hairline.line : import_theme.hairline.vline),
+          ...(isVertical ? import_theme2.hairline.line : import_theme2.hairline.vline),
           backgroundColor: import_colorRamps.formInputColors.border.base,
           flexGrow: 0,
           flexShrink: 0,
@@ -216,7 +217,7 @@ function ControlGroupImpl({
         ...knobProps.inputSurface,
         ...knobProps.borderRadius,
         ...elevationWrapperProps,
-        ...(0, import_InputParts.getInputFrameTransitionProps)(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
+        ...(0, import_theme.transitionProps)(knobProps.motion.control, ["borderRadius", "borderWidth", "boxShadow", "shadowOpacity", "shadowRadius"]),
         ...(control.focusKnobProps ? {
           focusStyle: {
             borderColor: import_colorRamps.formInputColors.border.focus,
@@ -228,7 +229,7 @@ function ControlGroupImpl({
           focusVisibleStyle: {
             borderColor: import_colorRamps.formInputColors.border.focus,
             backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.focus,
-            ...(0, import_theme.ensureFocusVisibleRing)({
+            ...(0, import_theme2.ensureFocusVisibleRing)({
               ...control.focusVisibleKnobProps,
               outlineOffset: -2
             })
@@ -236,7 +237,7 @@ function ControlGroupImpl({
         } : {
           focusVisibleStyle: {
             borderColor: import_colorRamps.formInputColors.border.focus,
-            ...(0, import_theme.ensureFocusVisibleRing)({
+            ...(0, import_theme2.ensureFocusVisibleRing)({
               outlineOffset: -2
             })
           }
@@ -249,7 +250,7 @@ function ControlGroupImpl({
           borderColor: import_colorRamps.formInputColors.border.focus,
           backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.focus,
           ...control.focusKnobProps,
-          ...(0, import_theme.ensureFocusVisibleRing)({
+          ...(0, import_theme2.ensureFocusVisibleRing)({
             outlineOffset: -2
           })
         } : void 0),

package/dist/cjs/ControlGroup/index.native.js

@@ -29,9 +29,10 @@ __export(ControlGroup_exports, {
 });
 module.exports = __toCommonJS(ControlGroup_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
-var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
 var import_InputParts = require("../InputParts/index.native.js");
 var import_colorRamps = require("../shared/colorRamps.native.js");
 var import_utils = require("../shared/utils.native.js");
@@ -93,7 +94,7 @@ function ControlGroupAddonImpl(param) {
   } = param;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   var text = typeof children === "string" || typeof children === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
     ...knobProps.label,
     fontWeight: "400",
@@ -130,10 +131,10 @@ function ControlGroupImpl(param) {
     knobProps,
     control,
     elevation
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   var inTableCell = (0, import_tableCellContext.useIsInTableCell)();
   if (import_tamagui.isWeb) {
-    (0, import_theme.ensureCompositeFocusRing)();
+    (0, import_theme2.ensureCompositeFocusRing)();
     ensureControlGroupRing();
   }
   var elevationWrapperProps = (0, import_react.useMemo)(function () {
@@ -147,7 +148,7 @@ function ControlGroupImpl(param) {
     for (var index = 0; index < count; index++) {
       var _child_key;
       var child = items[index];
-      var position = (0, import_theme.getGroupPosition)(index, count);
+      var position = (0, import_theme2.getGroupPosition)(index, count);
       var isMiddle = position === "middle";
       var needsFlex = !isControlGroupAddon(child) && (isMiddle || count === 2 || !import_tamagui.isWeb && count === 1);
       var flexProps = needsFlex ? {
@@ -161,7 +162,7 @@ function ControlGroupImpl(param) {
         flexGrow: 0,
         flexShrink: 0
       };
-      nodes.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.GroupPositionContext.Provider, {
+      nodes.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme2.GroupPositionContext.Provider, {
         value: position,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           ...flexProps,
@@ -174,7 +175,7 @@ function ControlGroupImpl(param) {
       }, (_child_key = child.key) !== null && _child_key !== void 0 ? _child_key : index));
       if (seams && index < count - 1) {
         nodes.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          ...(isVertical ? import_theme.hairline.line : import_theme.hairline.vline),
+          ...(isVertical ? import_theme2.hairline.line : import_theme2.hairline.vline),
           backgroundColor: import_colorRamps.formInputColors.border.base,
           flexGrow: 0,
           flexShrink: 0,
@@ -227,7 +228,7 @@ function ControlGroupImpl(param) {
         ...knobProps.inputSurface,
         ...knobProps.borderRadius,
         ...elevationWrapperProps,
-        ...(0, import_InputParts.getInputFrameTransitionProps)(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
+        ...(0, import_theme.transitionProps)(knobProps.motion.control, ["borderRadius", "borderWidth", "boxShadow", "shadowOpacity", "shadowRadius"]),
         ...(control.focusKnobProps ? {
           focusStyle: {
             borderColor: import_colorRamps.formInputColors.border.focus,
@@ -239,7 +240,7 @@ function ControlGroupImpl(param) {
           focusVisibleStyle: {
             borderColor: import_colorRamps.formInputColors.border.focus,
             backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.focus,
-            ...(0, import_theme.ensureFocusVisibleRing)({
+            ...(0, import_theme2.ensureFocusVisibleRing)({
               ...control.focusVisibleKnobProps,
               outlineOffset: -2
             })
@@ -247,7 +248,7 @@ function ControlGroupImpl(param) {
         } : {
           focusVisibleStyle: {
             borderColor: import_colorRamps.formInputColors.border.focus,
-            ...(0, import_theme.ensureFocusVisibleRing)({
+            ...(0, import_theme2.ensureFocusVisibleRing)({
               outlineOffset: -2
             })
           }
@@ -260,7 +261,7 @@ function ControlGroupImpl(param) {
           borderColor: import_colorRamps.formInputColors.border.focus,
           backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.focus,
           ...control.focusKnobProps,
-          ...(0, import_theme.ensureFocusVisibleRing)({
+          ...(0, import_theme2.ensureFocusVisibleRing)({
             outlineOffset: -2
           })
         } : void 0),

package/dist/cjs/ControlGroup/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ControlGroup_exports","__export","ControlGroup","ControlGroupAddon","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_theme","import_InputParts","import_colorRamps","import_utils","import_groupContext","import_tableCellContext","ControlGroupFrame","styled","View","context","InputContext","alignItems","overflow","minWidth","flexWrap","isWeb","tabIndex","focusable","variants","scaleIcon","size","...size","val","height","CONTROL_GROUP_RING_ID","controlGroupRingCss","ensureControlGroupRing","document","getElementById","tag","createElement","id","textContent","head","appendChild","isControlGroupAddon","child","type","groupItems","children","Children","toArray","filter","isValidElement","ControlGroupAddonImpl","param","props","knobProps","useResolvedKnobs","text","jsx","SizableText","label","fontWeight","color","formCommonColors","muted","userSelect","numberOfLines","justifyContent","alignSelf","backgroundColor","formControlColors","background","control","borderRadius","flexGrow","flexShrink","Object","assign","ControlGroupImpl","orientation","focused","setFocused","useState","elevation","inTableCell","useIsInTableCell","ensureCompositeFocusRing","elevationWrapperProps","useMemo","getElevationWrapperProps","isVertical","items","renderItems","renderItems2","seams","count","length","nodes","index","_child_key","position","getGroupPosition","isMiddle","needsFlex","flexProps","flex","minHeight","push","GroupPositionContext","Provider","key","hairline","line","vline","formInputColors","border","base","ControlGroupCtx","FocusContext","body","flexDirection","borderWidth","map","sizeToken","outlined","inputSurface","getInputFrameTransitionProps","transition","focusKnobProps","focusStyle","borderColor","focus","focusVisibleKnobProps","focusVisibleStyle","ensureFocusVisibleRing","outlineOffset"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ControlGroup_exports","__export","ControlGroup","ControlGroupAddon","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_theme2","import_InputParts","import_colorRamps","import_utils","import_groupContext","import_tableCellContext","ControlGroupFrame","styled","View","context","InputContext","alignItems","overflow","minWidth","flexWrap","isWeb","tabIndex","focusable","variants","scaleIcon","size","...size","val","height","CONTROL_GROUP_RING_ID","controlGroupRingCss","ensureControlGroupRing","document","getElementById","tag","createElement","id","textContent","head","appendChild","isControlGroupAddon","child","type","groupItems","children","Children","toArray","filter","isValidElement","ControlGroupAddonImpl","param","props","knobProps","useResolvedKnobs","text","jsx","SizableText","label","fontWeight","color","formCommonColors","muted","userSelect","numberOfLines","justifyContent","alignSelf","backgroundColor","formControlColors","background","control","borderRadius","flexGrow","flexShrink","Object","assign","ControlGroupImpl","orientation","focused","setFocused","useState","elevation","inTableCell","useIsInTableCell","ensureCompositeFocusRing","elevationWrapperProps","useMemo","getElevationWrapperProps","isVertical","items","renderItems","renderItems2","seams","count","length","nodes","index","_child_key","position","getGroupPosition","isMiddle","needsFlex","flexProps","flex","minHeight","push","GroupPositionContext","Provider","key","hairline","line","vline","formInputColors","border","base","ControlGroupCtx","FocusContext","body","flexDirection","borderWidth","map","sizeToken","outlined","inputSurface","transitionProps","motion","focusKnobProps","focusStyle","borderColor","focus","focusVisibleKnobProps","focusVisibleStyle","ensureFocusVisibleRing","outlineOffset"],"sources":["../../../src/ControlGroup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/DescriptionList/index.cjs

@@ -48,14 +48,14 @@ function labelColumnGridTrack(width) {
   }
   return width;
 }
-function listItemRhythm(density) {
-  const compact = density === "compact";
+function listItemRhythm(sizeToken) {
+  const tight = (0, import_theme.compareSizeTokens)(sizeToken, "$true") < 0;
   return {
-    compact,
-    padV: compact ? "$2" : "$2.5",
-    columnGap: compact ? "$2" : "$3",
-    stackGap: compact ? 4 : "$2",
-    minHeight: compact ? 39 : 45
+    tight,
+    padV: tight ? "$2" : "$2.5",
+    columnGap: tight ? "$2" : "$3",
+    stackGap: tight ? 4 : "$2",
+    minHeight: tight ? 39 : 45
   };
 }
 function resolvePlacement(prop, knobPlacement) {
@@ -266,8 +266,7 @@ function DescriptionListWeb({
   rhythm,
   quiet,
   labelColumnWidth,
-  density,
-  size,
+  sizeToken,
   placement,
   framed
 }) {
@@ -296,13 +295,12 @@ function DescriptionListWeb({
     "data-mpo-description-list": "",
     "data-placement": placement,
     "data-stacked": stacked ? "true" : "false",
-    "data-compact": rhythm.compact ? "true" : "false",
+    "data-rhythm": rhythm.tight ? "tight" : "regular",
     "data-framed": framed ? "true" : "false",
     "data-quiet": quiet ? "true" : "false",
     "data-has-action": hasAction ? "true" : "false",
     "data-label-column-width": labelColumnWidth,
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     style,
     children: rows.map((row, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(DescriptionListRowView, {
       row,
@@ -353,20 +351,20 @@ function DescriptionList({
   items,
   children,
   placement: placementProp,
-  compact,
   framed = false,
   quiet = false,
   maxWidth = import_formSpacing.formReadableMaxWidth,
   labelColumnWidth = import_fieldDefaults.LABEL_COLUMN_WIDTH,
+  size,
   testID
 }) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
-    compact
+  } = (0, import_theme.useResolvedKnobs)({
+    size
   });
   const placement = resolvePlacement(placementProp, knobProps.fieldLabelPlacement);
-  const rhythm = listItemRhythm(knobProps.density);
+  const rhythm = listItemRhythm(knobProps.sizeToken);
   const rows = (0, import_react.useMemo)(() => {
     const fromItems = (items ?? []).filter(row => !row.hidden);
     if (fromItems.length) return fromItems;
@@ -388,21 +386,19 @@ function DescriptionList({
       rhythm,
       quiet,
       labelColumnWidth,
-      density: knobProps.density,
-      size: knobProps.size,
+      sizeToken: knobProps.sizeToken,
       placement,
       framed
     }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       "data-mpo-description-list": "",
       "data-placement": placement,
       "data-stacked": stacked ? "true" : "false",
-      "data-compact": rhythm.compact ? "true" : "false",
+      "data-rhythm": rhythm.tight ? "tight" : "regular",
       "data-framed": framed ? "true" : "false",
       "data-quiet": quiet ? "true" : "false",
       "data-has-action": hasAction ? "true" : "false",
       "data-label-column-width": labelColumnWidth,
-      "data-density": knobProps.density,
-      "data-size": knobProps.size,
+      "data-size-token": knobProps.sizeToken,
       width: "100%",
       minWidth: 0,
       children: rows.map((row, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(DescriptionListRowView, {

package/dist/cjs/DescriptionList/index.native.js

@@ -50,14 +50,14 @@ function labelColumnGridTrack(width) {
   }
   return width;
 }
-function listItemRhythm(density) {
-  var compact = density === "compact";
+function listItemRhythm(sizeToken) {
+  var tight = (0, import_theme.compareSizeTokens)(sizeToken, "$true") < 0;
   return {
-    compact,
-    padV: compact ? "$2" : "$2.5",
-    columnGap: compact ? "$2" : "$3",
-    stackGap: compact ? 4 : "$2",
-    minHeight: compact ? 39 : 45
+    tight,
+    padV: tight ? "$2" : "$2.5",
+    columnGap: tight ? "$2" : "$3",
+    stackGap: tight ? 4 : "$2",
+    minHeight: tight ? 39 : 45
   };
 }
 function resolvePlacement(prop, knobPlacement) {
@@ -277,8 +277,7 @@ function DescriptionListWeb(param) {
     rhythm,
     quiet,
     labelColumnWidth,
-    density,
-    size,
+    sizeToken,
     placement,
     framed
   } = param;
@@ -307,13 +306,12 @@ function DescriptionListWeb(param) {
     "data-mpo-description-list": "",
     "data-placement": placement,
     "data-stacked": stacked ? "true" : "false",
-    "data-compact": rhythm.compact ? "true" : "false",
+    "data-rhythm": rhythm.tight ? "tight" : "regular",
     "data-framed": framed ? "true" : "false",
     "data-quiet": quiet ? "true" : "false",
     "data-has-action": hasAction ? "true" : "false",
     "data-label-column-width": labelColumnWidth,
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     style,
     children: rows.map(function (row, index) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DescriptionListRowView, {
@@ -375,20 +373,20 @@ function DescriptionList(param) {
     items,
     children,
     placement: placementProp,
-    compact,
     framed = false,
     quiet = false,
     maxWidth = import_formSpacing.formReadableMaxWidth,
     labelColumnWidth = import_fieldDefaults.LABEL_COLUMN_WIDTH,
+    size,
     testID
   } = param;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
-    compact
+  } = (0, import_theme.useResolvedKnobs)({
+    size
   });
   var placement = resolvePlacement(placementProp, knobProps.fieldLabelPlacement);
-  var rhythm = listItemRhythm(knobProps.density);
+  var rhythm = listItemRhythm(knobProps.sizeToken);
   var rows = (0, import_react.useMemo)(function () {
     var fromItems = (items !== null && items !== void 0 ? items : []).filter(function (row) {
       return !row.hidden;
@@ -412,21 +410,19 @@ function DescriptionList(param) {
       rhythm,
       quiet,
       labelColumnWidth,
-      density: knobProps.density,
-      size: knobProps.size,
+      sizeToken: knobProps.sizeToken,
       placement,
       framed
     }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       "data-mpo-description-list": "",
       "data-placement": placement,
       "data-stacked": stacked ? "true" : "false",
-      "data-compact": rhythm.compact ? "true" : "false",
+      "data-rhythm": rhythm.tight ? "tight" : "regular",
       "data-framed": framed ? "true" : "false",
       "data-quiet": quiet ? "true" : "false",
       "data-has-action": hasAction ? "true" : "false",
       "data-label-column-width": labelColumnWidth,
-      "data-density": knobProps.density,
-      "data-size": knobProps.size,
+      "data-size-token": knobProps.sizeToken,
       width: "100%",
       minWidth: 0,
       children: rows.map(function (row, index) {

package/dist/cjs/DescriptionList/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DescriptionList_exports","__export","DescriptionList","DescriptionListRow","PropertyList","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_Button","import_FormGrid","import_fieldDefaults","import_formSpacing","import_FieldDisplay","import_t","purposeMaxCh","LABEL_COLUMN_MAX_CH","labelColumnGridTrack","width","prefix","startsWith","endsWith","inner","slice","length","trim","listItemRhythm","density","compact","padV","columnGap","stackGap","minHeight","resolvePlacement","prop","knobPlacement","rowHasAction","row","onChange","itemsFromChildren","children","Children","toArray","flatMap","child","isValidElement","props","hidden","term","ListRule","param","quiet","jsx","View","role","height","backgroundColor","opacity","alignSelf","flexGrow","flexShrink","isWeb","style","gridColumn","TermText","knobProps","useResolvedKnobs","Text","fontSize","lineHeight","body","color","minWidth","overflowWrap","ChangeAction","label","alignItems","justifyContent","Button","nested","outlined","onPress","t","ValueSlot","_row_field","FieldDisplay","field","fieldProps","linkedValue","chromeless","align","truncate","DescriptionListRowView","stacked","hasActionColumn","rhythm","showRule","action","changeLabel","rowStyle","display","gridTemplateColumns","rowGap","termStyle","gridRow","valueStyle","actionStyle","justifySelf","jsxs","Fragment","paddingTop","XStack","gap","maxWidth","flex","YStack","paddingVertical","DescriptionListWeb","rows","hasAction","labelColumnWidth","size","placement","framed","columns","listRef","useRef","useLayoutEffect","el","current","setProperty","removeProperty","ref","map","index","useContainerWide","enabled","wide","setWide","useState","update","update2","FORM_GRID_COLLAPSE_WIDTH","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","onLayout","event","nativeEvent","layout","items","placementProp","formReadableMaxWidth","LABEL_COLUMN_WIDTH","testID","fieldLabelPlacement","useMemo","fromItems","filter"],"sources":["../../../src/DescriptionList/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DescriptionList_exports","__export","DescriptionList","DescriptionListRow","PropertyList","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_Button","import_FormGrid","import_fieldDefaults","import_formSpacing","import_FieldDisplay","import_t","purposeMaxCh","LABEL_COLUMN_MAX_CH","labelColumnGridTrack","width","prefix","startsWith","endsWith","inner","slice","length","trim","listItemRhythm","sizeToken","tight","compareSizeTokens","padV","columnGap","stackGap","minHeight","resolvePlacement","prop","knobPlacement","rowHasAction","row","onChange","itemsFromChildren","children","Children","toArray","flatMap","child","isValidElement","props","hidden","term","ListRule","param","quiet","jsx","View","role","height","backgroundColor","opacity","alignSelf","flexGrow","flexShrink","isWeb","style","gridColumn","TermText","knobProps","useResolvedKnobs","Text","fontSize","lineHeight","body","color","minWidth","overflowWrap","ChangeAction","label","alignItems","justifyContent","Button","nested","outlined","onPress","t","ValueSlot","_row_field","FieldDisplay","field","fieldProps","linkedValue","chromeless","align","truncate","DescriptionListRowView","stacked","hasActionColumn","rhythm","showRule","action","changeLabel","rowStyle","display","gridTemplateColumns","rowGap","termStyle","gridRow","valueStyle","actionStyle","justifySelf","jsxs","Fragment","paddingTop","XStack","gap","maxWidth","flex","YStack","paddingVertical","DescriptionListWeb","rows","hasAction","labelColumnWidth","placement","framed","columns","listRef","useRef","useLayoutEffect","el","current","setProperty","removeProperty","ref","map","index","useContainerWide","enabled","wide","setWide","useState","update","update2","FORM_GRID_COLLAPSE_WIDTH","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","onLayout","event","nativeEvent","layout","items","placementProp","formReadableMaxWidth","LABEL_COLUMN_WIDTH","size","testID","fieldLabelPlacement"],"sources":["../../../src/DescriptionList/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FieldDisplay/index.cjs

@@ -71,10 +71,8 @@ const INTENT_CHIP = {
   accent: "blue",
   info: "blue"
 };
-function chipSizeFor(size) {
-  if (size === "small") return "$2";
-  if (size === "large") return "$4";
-  return "$3";
+function chipSizeFor(sizeToken) {
+  return (0, import_theme.sizeKeyBelow)(sizeToken);
 }
 function resolveChipColor(value, fieldProps, opt) {
   const raw = opt?.color ?? opt?.intent ?? fieldProps?.colors?.[value] ?? fieldProps?.intents?.[value];
@@ -134,8 +132,7 @@ function DisplayFrame({
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     "data-component": "FieldDisplay",
     "data-field": field,
-    "data-space": knobProps.space,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     alignItems: "center",
     minWidth: 0,
     width: "100%",
@@ -316,7 +313,7 @@ function ChoiceDisplay({
     children: import_formatters.EMPTY
   });
   const options = fieldProps?.options ?? [];
-  const size = chipSizeFor(knobProps.size);
+  const size = chipSizeFor(knobProps.sizeToken);
   const values = Array.isArray(value) ? value : [value];
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",
@@ -660,7 +657,7 @@ function RatingDisplay({
   });
   const maxStars = typeof fieldProps?.maxStars === "number" ? fieldProps.maxStars : 5;
   const filled = num > 1 ? Math.round(Math.min(maxStars, num)) : Math.round(num * maxStars);
-  const filledColor = theme.accentBackground?.val ?? theme.color10?.val;
+  const filledColor = theme[import_colorRamps.formSelectedColors.mark.slice(1)]?.val ?? theme.color10?.val;
   const emptyColor = theme.color8?.val;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",

package/dist/cjs/FieldDisplay/index.native.js

@@ -88,10 +88,8 @@ var INTENT_CHIP = {
   accent: "blue",
   info: "blue"
 };
-function chipSizeFor(size) {
-  if (size === "small") return "$2";
-  if (size === "large") return "$4";
-  return "$3";
+function chipSizeFor(sizeToken) {
+  return (0, import_theme.sizeKeyBelow)(sizeToken);
 }
 function resolveChipColor(value, fieldProps, opt) {
   var _ref, _ref1, _ref2;
@@ -154,8 +152,7 @@ function DisplayFrame(param) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     "data-component": "FieldDisplay",
     "data-field": field,
-    "data-space": knobProps.space,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     alignItems: "center",
     minWidth: 0,
     width: "100%",
@@ -347,7 +344,7 @@ function ChoiceDisplay(param) {
     children: import_formatters.EMPTY
   });
   var options = (_ref = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) !== null && _ref !== void 0 ? _ref : [];
-  var size = chipSizeFor(knobProps.size);
+  var size = chipSizeFor(knobProps.sizeToken);
   var values = Array.isArray(value) ? value : [value];
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",
@@ -704,7 +701,7 @@ function RatingDisplay(param) {
     fieldProps
   } = param;
   var _ref;
-  var _theme_accentBackground, _theme_color10, _theme_color8;
+  var _theme_formSelectedColors_mark_slice, _theme_color10, _theme_color8;
   var {
     knobProps,
     glyphSize
@@ -719,7 +716,7 @@ function RatingDisplay(param) {
   });
   var maxStars = typeof (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.maxStars) === "number" ? fieldProps.maxStars : 5;
   var filled = num > 1 ? Math.round(Math.min(maxStars, num)) : Math.round(num * maxStars);
-  var filledColor = (_ref = (_theme_accentBackground = theme.accentBackground) === null || _theme_accentBackground === void 0 ? void 0 : _theme_accentBackground.val) !== null && _ref !== void 0 ? _ref : (_theme_color10 = theme.color10) === null || _theme_color10 === void 0 ? void 0 : _theme_color10.val;
+  var filledColor = (_ref = (_theme_formSelectedColors_mark_slice = theme[import_colorRamps.formSelectedColors.mark.slice(1)]) === null || _theme_formSelectedColors_mark_slice === void 0 ? void 0 : _theme_formSelectedColors_mark_slice.val) !== null && _ref !== void 0 ? _ref : (_theme_color10 = theme.color10) === null || _theme_color10 === void 0 ? void 0 : _theme_color10.val;
   var emptyColor = (_theme_color8 = theme.color8) === null || _theme_color8 === void 0 ? void 0 : _theme_color8.val;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     alignItems: "center",