@userflow-tech/react-native 0.2.0 → 0.3.0

package/lib/module/authoring/chrome/ChromeBottomSheet.js

@@ -3,15 +3,21 @@
 import * as React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useUserflowSafeAreaInsets } from "../../surfaces/safeArea.js";
+import { ChromeIcon } from "./ChromeIcon.js";
 import { chromeColors, chromeShadows, chromeSpace, chromeText } from "./tokens.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Full-bleed authoring bottom bar. Content is top-aligned; bottom padding
- * includes the home-indicator inset.
+ * Full-bleed authoring bottom bar. Content is top-aligned.
+ *
+ * On the Pro Max reference the actions end 48pt above the screen edge: 14pt
+ * above the 34pt home indicator. Without a bottom inset (iPhone 8, Android
+ * button nav) the bar falls back to its 24pt top padding so it stays balanced.
  */
 export function ChromeBottomSheet({
   children,
   helperText,
+  helperIcon,
+  tone = 'default',
   onMeasureHeight,
   testID = 'userflow-chrome-bottom-sheet'
 }) {
@@ -23,28 +29,44 @@ export function ChromeBottomSheet({
     testID: testID,
     onLayout: onLayout,
     style: [styles.bar, chromeShadows.card, {
-      paddingBottom: chromeSpace[24] + insets.bottom
+      backgroundColor: tone === 'error' ? chromeColors.danger : chromeColors.primaryText,
+      paddingBottom: Math.max(chromeSpace[24], insets.bottom + GAP_ABOVE_HOME_INDICATOR)
     }],
-    children: [helperText ? /*#__PURE__*/_jsx(Text, {
-      style: [chromeText.labelSmBold, styles.helper, {
-        color: chromeColors.invertedText
-      }],
-      children: helperText
+    children: [helperText ? /*#__PURE__*/_jsxs(View, {
+      style: styles.helperRow,
+      children: [helperIcon ? /*#__PURE__*/_jsx(ChromeIcon, {
+        name: helperIcon.name,
+        size: 16,
+        testID: "userflow-chrome-bottom-sheet-icon",
+        tintColor: helperIcon.tintColor
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        style: [chromeText.labelSmBold, styles.helper, {
+          color: chromeColors.invertedText
+        }],
+        children: helperText
+      })]
     }) : null, /*#__PURE__*/_jsx(View, {
       style: styles.row,
       children: children
     })]
   });
 }
+const GAP_ABOVE_HOME_INDICATOR = 14;
 const styles = StyleSheet.create({
   bar: {
-    backgroundColor: chromeColors.primaryText,
     paddingTop: chromeSpace[24],
     paddingHorizontal: chromeSpace[24],
     gap: chromeSpace[16]
   },
-  helper: {
+  helperRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
     alignSelf: 'stretch',
+    gap: chromeSpace[8]
+  },
+  helper: {
+    flex: 1,
+    flexShrink: 1,
     textAlign: 'center'
   },
   row: {

package/lib/module/authoring/chrome/ChromeBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","useUserflowSafeAreaInsets","chromeColors","chromeShadows","chromeSpace","chromeText","jsx","_jsx","jsxs","_jsxs","ChromeBottomSheet","children","helperText","onMeasureHeight","testID","insets","onLayout","useCallback","event","nativeEvent","layout","height","style","styles","bar","card","paddingBottom","bottom","labelSmBold","helper","color","invertedText","row","create","backgroundColor","primaryText","paddingTop","paddingHorizontal","gap","alignSelf","textAlign","flexDirection","flexWrap","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeBottomSheet.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAgC,cAAc;AAE7E,SAASC,yBAAyB,QAAQ,4BAAyB;AAEnE,SAASC,YAAY,EAAEC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShF;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,QAAQ;EACRC,UAAU;EACVC,eAAe;EACfC,MAAM,GAAG;AACa,CAAC,EAAsB;EAC7C,MAAMC,MAAM,GAAGd,yBAAyB,CAAC,CAAC;EAE1C,MAAMe,QAAQ,GAAGnB,KAAK,CAACoB,WAAW,CAC/BC,KAAwB,IAAK;IAC5BL,eAAe,GAAGK,KAAK,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM,CAAC;EACpD,CAAC,EACD,CAACR,eAAe,CAClB,CAAC;EAED,oBACEJ,KAAA,CAACT,IAAI;IACHc,MAAM,EAAEA,MAAO;IACfE,QAAQ,EAAEA,QAAS;IACnBM,KAAK,EAAE,CAACC,MAAM,CAACC,GAAG,EAAErB,aAAa,CAACsB,IAAI,EAAE;MAAEC,aAAa,EAAEtB,WAAW,CAAC,EAAE,CAAC,GAAGW,MAAM,CAACY;IAAO,CAAC,CAAE;IAAAhB,QAAA,GAE3FC,UAAU,gBACTL,IAAA,CAACR,IAAI;MAACuB,KAAK,EAAE,CAACjB,UAAU,CAACuB,WAAW,EAAEL,MAAM,CAACM,MAAM,EAAE;QAAEC,KAAK,EAAE5B,YAAY,CAAC6B;MAAa,CAAC,CAAE;MAAApB,QAAA,EACxFC;IAAU,CACP,CAAC,GACL,IAAI,eACRL,IAAA,CAACP,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACS,GAAI;MAAArB,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CACtC,CAAC;AAEX;AAEA,MAAMY,MAAM,GAAGzB,UAAU,CAACmC,MAAM,CAAC;EAC/BT,GAAG,EAAE;IACHU,eAAe,EAAEhC,YAAY,CAACiC,WAAW;IACzCC,UAAU,EAAEhC,WAAW,CAAC,EAAE,CAAC;IAC3BiC,iBAAiB,EAAEjC,WAAW,CAAC,EAAE,CAAC;IAClCkC,GAAG,EAAElC,WAAW,CAAC,EAAE;EACrB,CAAC;EACDyB,MAAM,EAAE;IACNU,SAAS,EAAE,SAAS;IACpBC,SAAS,EAAE;EACb,CAAC;EACDR,GAAG,EAAE;IACHS,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,QAAQ;IACpBJ,SAAS,EAAE,SAAS;IACpBK,cAAc,EAAE,QAAQ;IACxBN,GAAG,EAAElC,WAAW,CAAC,CAAC;EACpB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","View","useUserflowSafeAreaInsets","ChromeIcon","chromeColors","chromeShadows","chromeSpace","chromeText","jsx","_jsx","jsxs","_jsxs","ChromeBottomSheet","children","helperText","helperIcon","tone","onMeasureHeight","testID","insets","onLayout","useCallback","event","nativeEvent","layout","height","style","styles","bar","card","backgroundColor","danger","primaryText","paddingBottom","Math","max","bottom","GAP_ABOVE_HOME_INDICATOR","helperRow","name","size","tintColor","labelSmBold","helper","color","invertedText","row","create","paddingTop","paddingHorizontal","gap","flexDirection","alignItems","alignSelf","flex","flexShrink","textAlign","flexWrap","justifyContent"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeBottomSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/authoring/chrome/ChromeButton.js

@@ -20,7 +20,9 @@ export function ChromeButton({
   flex = false
 }) {
   const iconOnly = variant === 'icon';
-  const tint = variant === 'primary' ? chromeColors.invertedText : chromeColors.blue500;
+  const primary = variant === 'primary';
+  const disabledPrimary = disabled && primary;
+  const tint = primary ? chromeColors.invertedText : chromeColors.blue500;
   return /*#__PURE__*/_jsxs(Pressable, {
     accessibilityRole: "button",
     accessibilityLabel: accessibilityLabel,
@@ -29,8 +31,8 @@ export function ChromeButton({
     testID: testID,
     style: ({
       pressed
-    }) => [iconOnly ? styles.icon : styles.pill, variant === 'primary' ? styles.primary : styles.secondary, variant === 'primary' ? chromeShadows.button : chromeShadows.buttonSubtle, flex ? styles.flex : null, {
-      opacity: disabled ? 0.5 : pressed ? 0.75 : 1
+    }) => [iconOnly ? styles.icon : styles.pill, disabledPrimary ? styles.disabled : primary ? styles.primary : styles.secondary, disabledPrimary ? null : primary ? chromeShadows.button : chromeShadows.buttonSubtle, flex ? styles.flex : null, {
+      opacity: disabledPrimary ? 1 : disabled ? 0.5 : pressed ? 0.75 : 1
     }],
     children: [icon ? /*#__PURE__*/_jsx(View, {
       style: styles.iconWrap,
@@ -73,6 +75,9 @@ const styles = StyleSheet.create({
   primary: {
     backgroundColor: chromeColors.blue500
   },
+  disabled: {
+    backgroundColor: chromeColors.disabledFill
+  },
   secondary: {
     backgroundColor: chromeColors.white,
     borderWidth: 1,

package/lib/module/authoring/chrome/ChromeButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","StyleSheet","Text","View","ChromeIcon","chromeColors","chromeRadius","chromeShadows","chromeSpace","chromeText","jsx","_jsx","jsxs","_jsxs","ChromeButton","variant","label","icon","onPress","disabled","accessibilityLabel","testID","flex","iconOnly","tint","invertedText","blue500","accessibilityRole","style","pressed","styles","pill","primary","secondary","button","buttonSubtle","opacity","children","iconWrap","pointerEvents","name","tintColor","size","numberOfLines","buttonLabel","color","create","flexDirection","flexShrink","alignItems","justifyContent","gap","paddingHorizontal","paddingVertical","borderRadius","fullyRounded","width","height","backgroundColor","white","borderWidth","borderColor"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","Text","View","ChromeIcon","chromeColors","chromeRadius","chromeShadows","chromeSpace","chromeText","jsx","_jsx","jsxs","_jsxs","ChromeButton","variant","label","icon","onPress","disabled","accessibilityLabel","testID","flex","iconOnly","primary","disabledPrimary","tint","invertedText","blue500","accessibilityRole","style","pressed","styles","pill","secondary","button","buttonSubtle","opacity","children","iconWrap","pointerEvents","name","tintColor","size","numberOfLines","buttonLabel","color","create","flexDirection","flexShrink","alignItems","justifyContent","gap","paddingHorizontal","paddingVertical","borderRadius","fullyRounded","width","height","backgroundColor","disabledFill","white","borderWidth","borderColor"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeButton.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEhE,SAASC,UAAU,QAA6B,iBAAc;AAC9D,SAASC,YAAY,EAAEC,YAAY,EAAEC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgB9F;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAC;EAC3BC,OAAO,GAAG,SAAS;EACnBC,KAAK;EACLC,IAAI;EACJC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,kBAAkB;EAClBC,MAAM;EACNC,IAAI,GAAG;AACU,CAAC,EAAsB;EACxC,MAAMC,QAAQ,GAAGR,OAAO,KAAK,MAAM;EACnC,MAAMS,OAAO,GAAGT,OAAO,KAAK,SAAS;EACrC,MAAMU,eAAe,GAAGN,QAAQ,IAAIK,OAAO;EAC3C,MAAME,IAAI,GAAGF,OAAO,GAAGnB,YAAY,CAACsB,YAAY,GAAGtB,YAAY,CAACuB,OAAO;EAEvE,oBACEf,KAAA,CAACb,SAAS;IACR6B,iBAAiB,EAAC,QAAQ;IAC1BT,kBAAkB,EAAEA,kBAAmB;IACvCD,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBG,MAAM,EAAEA,MAAO;IACfS,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBR,QAAQ,GAAGS,MAAM,CAACf,IAAI,GAAGe,MAAM,CAACC,IAAI,EACpCR,eAAe,GAAGO,MAAM,CAACb,QAAQ,GAAGK,OAAO,GAAGQ,MAAM,CAACR,OAAO,GAAGQ,MAAM,CAACE,SAAS,EAC/ET,eAAe,GAAG,IAAI,GAAGD,OAAO,GAAGjB,aAAa,CAAC4B,MAAM,GAAG5B,aAAa,CAAC6B,YAAY,EACpFd,IAAI,GAAGU,MAAM,CAACV,IAAI,GAAG,IAAI,EACzB;MAAEe,OAAO,EAAEZ,eAAe,GAAG,CAAC,GAAGN,QAAQ,GAAG,GAAG,GAAGY,OAAO,GAAG,IAAI,GAAG;IAAE,CAAC,CACtE;IAAAO,QAAA,GAEDrB,IAAI,gBACHN,IAAA,CAACR,IAAI;MAAC2B,KAAK,EAAEE,MAAM,CAACO,QAAS;MAACC,aAAa,EAAC,MAAM;MAAAF,QAAA,eAChD3B,IAAA,CAACP,UAAU;QAACqC,IAAI,EAAExB,IAAK;QAACyB,SAAS,EAAEhB,IAAK;QAACiB,IAAI,EAAE;MAAG,CAAE;IAAC,CACjD,CAAC,GACL,IAAI,EACP3B,KAAK,IAAI,CAACO,QAAQ,gBACjBZ,IAAA,CAACT,IAAI;MAAC0C,aAAa,EAAE,CAAE;MAACd,KAAK,EAAE,CAACrB,UAAU,CAACoC,WAAW,EAAEb,MAAM,CAAChB,KAAK,EAAE;QAAE8B,KAAK,EAAEpB;MAAK,CAAC,CAAE;MAAAY,QAAA,EACpFtB;IAAK,CACF,CAAC,GACL,IAAI;EAAA,CACC,CAAC;AAEhB;AAEA,MAAMgB,MAAM,GAAG/B,UAAU,CAAC8C,MAAM,CAAC;EAC/Bd,IAAI,EAAE;IACJe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAE5C,WAAW,CAAC,CAAC,CAAC;IACnB6C,iBAAiB,EAAE7C,WAAW,CAAC,EAAE,CAAC;IAClC8C,eAAe,EAAE9C,WAAW,CAAC,EAAE,CAAC;IAChC+C,YAAY,EAAEjD,YAAY,CAACkD;EAC7B,CAAC;EACDxC,KAAK,EAAE;IACLiC,UAAU,EAAE;EACd,CAAC;EACDhC,IAAI,EAAE;IACJwC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVR,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBI,YAAY,EAAEjD,YAAY,CAACkD;EAC7B,CAAC;EACDhC,OAAO,EAAE;IACPmC,eAAe,EAAEtD,YAAY,CAACuB;EAChC,CAAC;EACDT,QAAQ,EAAE;IACRwC,eAAe,EAAEtD,YAAY,CAACuD;EAChC,CAAC;EACD1B,SAAS,EAAE;IACTyB,eAAe,EAAEtD,YAAY,CAACwD,KAAK;IACnCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE1D,YAAY,CAACuB;EAC5B,CAAC;EACDN,IAAI,EAAE;IACJA,IAAI,EAAE;EACR,CAAC;EACDiB,QAAQ,EAAE;IACRkB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/authoring/chrome/ChromeIcon.js

@@ -4,11 +4,15 @@ import * as React from 'react';
 import { Image } from 'react-native';
 import arrowLeftFromBracket from './icons/arrow-left-from-bracket.png';
 import arrowRotateLeft from './icons/arrow-rotate-left.png';
+import circleExclamation from './icons/circle-exclamation.png';
+import triangleExclamation from './icons/triangle-exclamation.png';
 import xmark from './icons/xmark.png';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SOURCES = {
   'arrow-left-from-bracket': arrowLeftFromBracket,
   'arrow-rotate-left': arrowRotateLeft,
+  'circle-exclamation': circleExclamation,
+  'triangle-exclamation': triangleExclamation,
   xmark
 };
 /** Monochrome PNG glyph tinted via `tintColor` (white source assets). */

package/lib/module/authoring/chrome/ChromeIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","arrowLeftFromBracket","arrowRotateLeft","xmark","jsx","_jsx","SOURCES","ChromeIcon","name","tintColor","size","style","testID","accessibilityIgnoresInvertColors","source","width","height"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeIcon.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAyC,cAAc;AAErE,OAAOC,oBAAoB,MAAM,qCAAqC;AACtE,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,OAAOC,KAAK,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAItC,MAAMC,OAAuC,GAAG;EAC9C,yBAAyB,EAAEL,oBAAoB;EAC/C,mBAAmB,EAAEC,eAAe;EACpCC;AACF,CAAC;AAUD;AACA,OAAO,SAASI,UAAUA,CAAC;EACzBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC;AACe,CAAC,EAAsB;EACtC,oBACEP,IAAA,CAACL,KAAK;IACJa,gCAAgC;IAChCC,MAAM,EAAER,OAAO,CAACE,IAAI,CAAE;IACtBG,KAAK,EAAE,CAAC;MAAEI,KAAK,EAAEL,IAAI;MAAEM,MAAM,EAAEN,IAAI;MAAED;IAAU,CAAC,EAAEE,KAAK,CAAE;IACzDC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","Image","arrowLeftFromBracket","arrowRotateLeft","circleExclamation","triangleExclamation","xmark","jsx","_jsx","SOURCES","ChromeIcon","name","tintColor","size","style","testID","accessibilityIgnoresInvertColors","source","width","height"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeIcon.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAyC,cAAc;AAErE,OAAOC,oBAAoB,MAAM,qCAAqC;AACtE,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,OAAOC,KAAK,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAStC,MAAMC,OAAuC,GAAG;EAC9C,yBAAyB,EAAEP,oBAAoB;EAC/C,mBAAmB,EAAEC,eAAe;EACpC,oBAAoB,EAAEC,iBAAiB;EACvC,sBAAsB,EAAEC,mBAAmB;EAC3CC;AACF,CAAC;AAUD;AACA,OAAO,SAASI,UAAUA,CAAC;EACzBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC;AACe,CAAC,EAAsB;EACtC,oBACEP,IAAA,CAACP,KAAK;IACJe,gCAAgC;IAChCC,MAAM,EAAER,OAAO,CAACE,IAAI,CAAE;IACtBG,KAAK,EAAE,CAAC;MAAEI,KAAK,EAAEL,IAAI;MAAEM,MAAM,EAAEN,IAAI;MAAED;IAAU,CAAC,EAAEE,KAAK,CAAE;IACzDC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}

package/lib/module/authoring/chrome/ChromeTopBar.js

@@ -3,19 +3,22 @@
 import * as React from 'react';
 import { Image, StyleSheet, Text, View } from 'react-native';
 import { useUserflowSafeAreaInsets } from "../../surfaces/safeArea.js";
+import { ChromeIcon } from "./ChromeIcon.js";
 import logomark from './icons/userflow-logomark.png';
 import { chromeColors, chromeShadows, chromeSpace, chromeText } from "./tokens.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Full-bleed authoring top bar. Height comes from safe-area + content, not
- * the 120pt Figma frame (that number already includes the status bar).
+ * the Figma frame (that number already includes the status bar).
  *
- * Measured on the Pro Max reference: 4pt below the status bar, 16pt above
- * the bottom edge of the bar.
+ * On the Pro Max reference the 16pt label starts 13pt below the status bar
+ * and ends 24pt above the bottom edge. The 40pt controls are taller than
+ * that label, so the outer padding is what remains after centering them.
  */
 export function ChromeTopBar({
   label,
   tone = 'default',
+  icon,
   left,
   right,
   onMeasureHeight,
@@ -45,14 +48,19 @@ export function ChromeTopBar({
       }), /*#__PURE__*/_jsxs(View, {
         style: styles.labelRow,
         pointerEvents: "none",
-        children: [/*#__PURE__*/_jsx(Image, {
+        children: [icon ? /*#__PURE__*/_jsx(ChromeIcon, {
+          name: icon.name,
+          size: 16,
+          testID: "userflow-chrome-top-bar-icon",
+          tintColor: icon.tintColor
+        }) : /*#__PURE__*/_jsx(Image, {
           accessibilityIgnoresInvertColors: true,
           source: logomark,
           style: styles.logomark,
           testID: "userflow-chrome-logomark"
         }), /*#__PURE__*/_jsx(Text, {
           numberOfLines: numberOfLines,
-          style: [chromeText.barTitle, styles.label],
+          style: [chromeText.labelSmBold, styles.label],
           children: label
         })]
       }), /*#__PURE__*/_jsx(View, {
@@ -63,12 +71,17 @@ export function ChromeTopBar({
   });
 }
 const SLOT = 40;
-/** Gap between the status-bar inset and the content row (Figma: 5pt / we use 4). */
-const CONTENT_TOP_GAP = 4;
+/** Figma: 13pt from the status-bar inset to the 16pt label, 24pt below it. */
+const LABEL_LINE_HEIGHT = 16;
+const LABEL_GAP_BELOW_STATUS_BAR = 13;
+const LABEL_GAP_ABOVE_BAR_EDGE = 24;
+const SLOT_SLACK = (SLOT - LABEL_LINE_HEIGHT) / 2;
+const CONTENT_TOP_GAP = LABEL_GAP_BELOW_STATUS_BAR - SLOT_SLACK;
+const CONTENT_BOTTOM_GAP = LABEL_GAP_ABOVE_BAR_EDGE - SLOT_SLACK;
 const styles = StyleSheet.create({
   bar: {
     paddingHorizontal: chromeSpace[24],
-    paddingBottom: chromeSpace[16]
+    paddingBottom: CONTENT_BOTTOM_GAP
   },
   row: {
     flexDirection: 'row',
@@ -96,8 +109,8 @@ const styles = StyleSheet.create({
   },
   logomark: {
     // Figma `Warstwa_1` stacked-card mark. Not the Made-with-Userflow footer glyph.
-    width: 24,
-    height: 22,
+    width: 16,
+    height: 15,
     tintColor: chromeColors.invertedText
   }
 });

package/lib/module/authoring/chrome/ChromeTopBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","Text","View","useUserflowSafeAreaInsets","logomark","chromeColors","chromeShadows","chromeSpace","chromeText","jsx","_jsx","jsxs","_jsxs","ChromeTopBar","label","tone","left","right","onMeasureHeight","numberOfLines","accessibilityElementsHidden","importantForAccessibility","testID","insets","onLayout","useCallback","event","nativeEvent","layout","height","style","styles","bar","card","backgroundColor","danger","primaryText","paddingTop","top","CONTENT_TOP_GAP","children","row","slot","labelRow","pointerEvents","accessibilityIgnoresInvertColors","source","barTitle","SLOT","create","paddingHorizontal","paddingBottom","flexDirection","alignItems","minHeight","width","justifyContent","flex","gap","color","invertedText","textAlign","flexShrink","tintColor"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeTopBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Image","StyleSheet","Text","View","useUserflowSafeAreaInsets","ChromeIcon","logomark","chromeColors","chromeShadows","chromeSpace","chromeText","jsx","_jsx","jsxs","_jsxs","ChromeTopBar","label","tone","icon","left","right","onMeasureHeight","numberOfLines","accessibilityElementsHidden","importantForAccessibility","testID","insets","onLayout","useCallback","event","nativeEvent","layout","height","style","styles","bar","card","backgroundColor","danger","primaryText","paddingTop","top","CONTENT_TOP_GAP","children","row","slot","labelRow","pointerEvents","name","size","tintColor","accessibilityIgnoresInvertColors","source","labelSmBold","SLOT","LABEL_LINE_HEIGHT","LABEL_GAP_BELOW_STATUS_BAR","LABEL_GAP_ABOVE_BAR_EDGE","SLOT_SLACK","CONTENT_BOTTOM_GAP","create","paddingHorizontal","paddingBottom","flexDirection","alignItems","minHeight","width","justifyContent","flex","gap","color","invertedText","textAlign","flexShrink"],"sourceRoot":"../../../../src","sources":["authoring/chrome/ChromeTopBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/authoring/chrome/DoubleTapBridge.js

@@ -3,6 +3,7 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { changedTouchPoints, forEachChangedTouch } from "../../runtime/changedTouchPoints.js";
+import { isolateSync } from "../../runtime/isolateCall.js";
 import { doubleTapMonitor } from "./doubleTapMonitor.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -15,24 +16,30 @@ export function DoubleTapBridge({
   children
 }) {
   const onTouchStart = React.useCallback(event => {
-    forEachChangedTouch(event, (identifier, pageX, pageY) => {
-      doubleTapMonitor.handleTouchStart(identifier, pageX, pageY);
+    isolateSync('double-tap', () => {
+      forEachChangedTouch(event, (identifier, pageX, pageY) => {
+        doubleTapMonitor.handleTouchStart(identifier, pageX, pageY);
+      });
     });
   }, []);
   const onTouchEnd = React.useCallback(event => {
-    forEachChangedTouch(event, (identifier, pageX, pageY) => {
-      doubleTapMonitor.handleTouchEnd(identifier, pageX, pageY);
+    isolateSync('double-tap', () => {
+      forEachChangedTouch(event, (identifier, pageX, pageY) => {
+        doubleTapMonitor.handleTouchEnd(identifier, pageX, pageY);
+      });
     });
   }, []);
   const onTouchCancel = React.useCallback(event => {
-    const points = changedTouchPoints(event);
-    if (points.length === 0) {
-      doubleTapMonitor.cancelTouch();
-      return;
-    }
-    for (const touch of points) {
-      doubleTapMonitor.cancelTouch(touch.identifier);
-    }
+    isolateSync('double-tap', () => {
+      const points = changedTouchPoints(event);
+      if (points.length === 0) {
+        doubleTapMonitor.cancelTouch();
+        return;
+      }
+      for (const touch of points) {
+        doubleTapMonitor.cancelTouch(touch.identifier);
+      }
+    });
   }, []);
   return /*#__PURE__*/_jsx(View, {
     style: styles.root,

package/lib/module/authoring/chrome/DoubleTapBridge.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","changedTouchPoints","forEachChangedTouch","doubleTapMonitor","jsx","_jsx","DoubleTapBridge","children","onTouchStart","useCallback","event","identifier","pageX","pageY","handleTouchStart","onTouchEnd","handleTouchEnd","onTouchCancel","points","length","cancelTouch","touch","style","styles","root","collapsable","testID","create","flex"],"sourceRoot":"../../../../src","sources":["authoring/chrome/DoubleTapBridge.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAoC,cAAc;AAE3E,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,qCAAkC;AAE1F,SAASC,gBAAgB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMtD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAA+B,CAAC,EAAsB;EACtF,MAAMC,YAAY,GAAGV,KAAK,CAACW,WAAW,CAAEC,KAA4B,IAAK;IACvER,mBAAmB,CAACQ,KAAK,EAAE,CAACC,UAAU,EAAEC,KAAK,EAAEC,KAAK,KAAK;MACvDV,gBAAgB,CAACW,gBAAgB,CAACH,UAAU,EAAEC,KAAK,EAAEC,KAAK,CAAC;IAC7D,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,UAAU,GAAGjB,KAAK,CAACW,WAAW,CAAEC,KAA4B,IAAK;IACrER,mBAAmB,CAACQ,KAAK,EAAE,CAACC,UAAU,EAAEC,KAAK,EAAEC,KAAK,KAAK;MACvDV,gBAAgB,CAACa,cAAc,CAACL,UAAU,EAAEC,KAAK,EAAEC,KAAK,CAAC;IAC3D,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,aAAa,GAAGnB,KAAK,CAACW,WAAW,CAAEC,KAA4B,IAAK;IACxE,MAAMQ,MAAM,GAAGjB,kBAAkB,CAACS,KAAK,CAAC;IACxC,IAAIQ,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;MACvBhB,gBAAgB,CAACiB,WAAW,CAAC,CAAC;MAC9B;IACF;IACA,KAAK,MAAMC,KAAK,IAAIH,MAAM,EAAE;MAC1Bf,gBAAgB,CAACiB,WAAW,CAACC,KAAK,CAACV,UAAU,CAAC;IAChD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEN,IAAA,CAACL,IAAI;IACHsB,KAAK,EAAEC,MAAM,CAACC,IAAK;IACnBC,WAAW,EAAE,KAAM;IACnBjB,YAAY,EAAEA,YAAa;IAC3BO,UAAU,EAAEA,UAAW;IACvBE,aAAa,EAAEA,aAAc;IAC7BS,MAAM,EAAC,4BAA4B;IAAAnB,QAAA,EAElCA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMgB,MAAM,GAAGxB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","changedTouchPoints","forEachChangedTouch","isolateSync","doubleTapMonitor","jsx","_jsx","DoubleTapBridge","children","onTouchStart","useCallback","event","identifier","pageX","pageY","handleTouchStart","onTouchEnd","handleTouchEnd","onTouchCancel","points","length","cancelTouch","touch","style","styles","root","collapsable","testID","create","flex"],"sourceRoot":"../../../../src","sources":["authoring/chrome/DoubleTapBridge.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAoC,cAAc;AAE3E,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,qCAAkC;AAC1F,SAASC,WAAW,QAAQ,8BAA2B;AAEvD,SAASC,gBAAgB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMtD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAA+B,CAAC,EAAsB;EACtF,MAAMC,YAAY,GAAGX,KAAK,CAACY,WAAW,CAAEC,KAA4B,IAAK;IACvER,WAAW,CAAC,YAAY,EAAE,MAAM;MAC9BD,mBAAmB,CAACS,KAAK,EAAE,CAACC,UAAU,EAAEC,KAAK,EAAEC,KAAK,KAAK;QACvDV,gBAAgB,CAACW,gBAAgB,CAACH,UAAU,EAAEC,KAAK,EAAEC,KAAK,CAAC;MAC7D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,UAAU,GAAGlB,KAAK,CAACY,WAAW,CAAEC,KAA4B,IAAK;IACrER,WAAW,CAAC,YAAY,EAAE,MAAM;MAC9BD,mBAAmB,CAACS,KAAK,EAAE,CAACC,UAAU,EAAEC,KAAK,EAAEC,KAAK,KAAK;QACvDV,gBAAgB,CAACa,cAAc,CAACL,UAAU,EAAEC,KAAK,EAAEC,KAAK,CAAC;MAC3D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,aAAa,GAAGpB,KAAK,CAACY,WAAW,CAAEC,KAA4B,IAAK;IACxER,WAAW,CAAC,YAAY,EAAE,MAAM;MAC9B,MAAMgB,MAAM,GAAGlB,kBAAkB,CAACU,KAAK,CAAC;MACxC,IAAIQ,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;QACvBhB,gBAAgB,CAACiB,WAAW,CAAC,CAAC;QAC9B;MACF;MACA,KAAK,MAAMC,KAAK,IAAIH,MAAM,EAAE;QAC1Bf,gBAAgB,CAACiB,WAAW,CAACC,KAAK,CAACV,UAAU,CAAC;MAChD;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEN,IAAA,CAACN,IAAI;IACHuB,KAAK,EAAEC,MAAM,CAACC,IAAK;IACnBC,WAAW,EAAE,KAAM;IACnBjB,YAAY,EAAEA,YAAa;IAC3BO,UAAU,EAAEA,UAAW;IACvBE,aAAa,EAAEA,aAAc;IAC7BS,MAAM,EAAC,4BAA4B;IAAAnB,QAAA,EAElCA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMgB,MAAM,GAAGzB,UAAU,CAAC6B,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/authoring/chrome/doubleTapMonitor.js

@@ -21,6 +21,16 @@ export class DoubleTapMonitor {
       this.lastTap = null;
     }
   }
+
+  /**
+   * Drop `subscription` only when it is still the active one. A later owner
+   * (preview bar after the picker leaves navigate mode) must survive cleanup.
+   */
+  clearIfCurrent(subscription) {
+    if (this.subscription === subscription) {
+      this.set(null);
+    }
+  }
   handleTouchStart(identifier, pageX, pageY) {
     if (!this.subscription) {
       this.touchStarts.clear();

package/lib/module/authoring/chrome/doubleTapMonitor.js.map

@@ -1 +1 @@
-{"version":3,"names":["TARGET_PRESS_TAP_SLOP","isDoubleTap","DoubleTapMonitor","subscription","touchStarts","Map","lastTap","set","clear","handleTouchStart","identifier","pageX","pageY","handleTouchEnd","start","get","delete","sub","dx","dy","sample","timestamp","Date","now","onDoubleTap","cancelTouch","resetForTests","doubleTapMonitor"],"sourceRoot":"../../../../src","sources":["authoring/chrome/doubleTapMonitor.ts"],"mappings":";;AAAA,SACEA,qBAAqB,QAGhB,qCAAkC;AACzC,SAASC,WAAW,QAAwB,iBAAc;AAM1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,CAAC;EACpBC,YAAY,GAAiC,IAAI;EACjDC,WAAW,GAAG,IAAIC,GAAG,CAA8B,CAAC;EACpDC,OAAO,GAAqB,IAAI;EAExCC,GAAGA,CAACJ,YAA0C,EAAQ;IACpD,IAAI,CAACA,YAAY,GAAGA,YAAY;IAChC,IAAI,CAACA,YAAY,EAAE;MACjB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB,IAAI,CAACF,OAAO,GAAG,IAAI;IACrB;EACF;EAEAG,gBAAgBA,CAACC,UAA2B,EAAEC,KAAa,EAAEC,KAAa,EAAQ;IAChF,IAAI,CAAC,IAAI,CAACT,YAAY,EAAE;MACtB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB;IACF;IACA,IAAI,CAACJ,WAAW,CAACG,GAAG,CAACG,UAAU,EAAE;MAAEC,KAAK;MAAEC;IAAM,CAAC,CAAC;EACpD;EAEAC,cAAcA,CAACH,UAA2B,EAAEC,KAAa,EAAEC,KAAa,EAAQ;IAC9E,MAAME,KAAK,GAAG,IAAI,CAACV,WAAW,CAACW,GAAG,CAACL,UAAU,CAAC,IAAI,IAAI;IACtD,IAAI,CAACN,WAAW,CAACY,MAAM,CAACN,UAAU,CAAC;IACnC,MAAMO,GAAG,GAAG,IAAI,CAACd,YAAY;IAC7B,IAAI,CAACW,KAAK,IAAI,CAACG,GAAG,EAAE;IAEpB,MAAMC,EAAE,GAAGP,KAAK,GAAGG,KAAK,CAACH,KAAK;IAC9B,MAAMQ,EAAE,GAAGP,KAAK,GAAGE,KAAK,CAACF,KAAK;IAC9B,IAAIM,EAAE,GAAGA,EAAE,GAAGC,EAAE,GAAGA,EAAE,GAAGnB,qBAAqB,GAAGA,qBAAqB,EAAE;MACrE,IAAI,CAACM,OAAO,GAAG,IAAI;MACnB;IACF;IAEA,MAAMc,MAAiB,GAAG;MAAET,KAAK;MAAEC,KAAK;MAAES,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;IAAE,CAAC;IACjE,IAAItB,WAAW,CAAC,IAAI,CAACK,OAAO,EAAEc,MAAM,CAAC,EAAE;MACrC,IAAI,CAACd,OAAO,GAAG,IAAI;MACnBW,GAAG,CAACO,WAAW,CAAC,CAAC;MACjB;IACF;IACA,IAAI,CAAClB,OAAO,GAAGc,MAAM;EACvB;EAEAK,WAAWA,CAACf,UAA4B,EAAQ;IAC9C,IAAIA,UAAU,IAAI,IAAI,EAAE;MACtB,IAAI,CAACN,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB;IACF;IACA,IAAI,CAACJ,WAAW,CAACY,MAAM,CAACN,UAAU,CAAC;EACrC;;EAEA;EACAgB,aAAaA,CAAA,EAAS;IACpB,IAAI,CAACvB,YAAY,GAAG,IAAI;IACxB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;IACxB,IAAI,CAACF,OAAO,GAAG,IAAI;EACrB;AACF;;AAEA;AACA,OAAO,MAAMqB,gBAAgB,GAAG,IAAIzB,gBAAgB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["TARGET_PRESS_TAP_SLOP","isDoubleTap","DoubleTapMonitor","subscription","touchStarts","Map","lastTap","set","clear","clearIfCurrent","handleTouchStart","identifier","pageX","pageY","handleTouchEnd","start","get","delete","sub","dx","dy","sample","timestamp","Date","now","onDoubleTap","cancelTouch","resetForTests","doubleTapMonitor"],"sourceRoot":"../../../../src","sources":["authoring/chrome/doubleTapMonitor.ts"],"mappings":";;AAAA,SACEA,qBAAqB,QAGhB,qCAAkC;AACzC,SAASC,WAAW,QAAwB,iBAAc;AAM1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,CAAC;EACpBC,YAAY,GAAiC,IAAI;EACjDC,WAAW,GAAG,IAAIC,GAAG,CAA8B,CAAC;EACpDC,OAAO,GAAqB,IAAI;EAExCC,GAAGA,CAACJ,YAA0C,EAAQ;IACpD,IAAI,CAACA,YAAY,GAAGA,YAAY;IAChC,IAAI,CAACA,YAAY,EAAE;MACjB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB,IAAI,CAACF,OAAO,GAAG,IAAI;IACrB;EACF;;EAEA;AACF;AACA;AACA;EACEG,cAAcA,CAACN,YAAmC,EAAQ;IACxD,IAAI,IAAI,CAACA,YAAY,KAAKA,YAAY,EAAE;MACtC,IAAI,CAACI,GAAG,CAAC,IAAI,CAAC;IAChB;EACF;EAEAG,gBAAgBA,CAACC,UAA2B,EAAEC,KAAa,EAAEC,KAAa,EAAQ;IAChF,IAAI,CAAC,IAAI,CAACV,YAAY,EAAE;MACtB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB;IACF;IACA,IAAI,CAACJ,WAAW,CAACG,GAAG,CAACI,UAAU,EAAE;MAAEC,KAAK;MAAEC;IAAM,CAAC,CAAC;EACpD;EAEAC,cAAcA,CAACH,UAA2B,EAAEC,KAAa,EAAEC,KAAa,EAAQ;IAC9E,MAAME,KAAK,GAAG,IAAI,CAACX,WAAW,CAACY,GAAG,CAACL,UAAU,CAAC,IAAI,IAAI;IACtD,IAAI,CAACP,WAAW,CAACa,MAAM,CAACN,UAAU,CAAC;IACnC,MAAMO,GAAG,GAAG,IAAI,CAACf,YAAY;IAC7B,IAAI,CAACY,KAAK,IAAI,CAACG,GAAG,EAAE;IAEpB,MAAMC,EAAE,GAAGP,KAAK,GAAGG,KAAK,CAACH,KAAK;IAC9B,MAAMQ,EAAE,GAAGP,KAAK,GAAGE,KAAK,CAACF,KAAK;IAC9B,IAAIM,EAAE,GAAGA,EAAE,GAAGC,EAAE,GAAGA,EAAE,GAAGpB,qBAAqB,GAAGA,qBAAqB,EAAE;MACrE,IAAI,CAACM,OAAO,GAAG,IAAI;MACnB;IACF;IAEA,MAAMe,MAAiB,GAAG;MAAET,KAAK;MAAEC,KAAK;MAAES,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;IAAE,CAAC;IACjE,IAAIvB,WAAW,CAAC,IAAI,CAACK,OAAO,EAAEe,MAAM,CAAC,EAAE;MACrC,IAAI,CAACf,OAAO,GAAG,IAAI;MACnBY,GAAG,CAACO,WAAW,CAAC,CAAC;MACjB;IACF;IACA,IAAI,CAACnB,OAAO,GAAGe,MAAM;EACvB;EAEAK,WAAWA,CAACf,UAA4B,EAAQ;IAC9C,IAAIA,UAAU,IAAI,IAAI,EAAE;MACtB,IAAI,CAACP,WAAW,CAACI,KAAK,CAAC,CAAC;MACxB;IACF;IACA,IAAI,CAACJ,WAAW,CAACa,MAAM,CAACN,UAAU,CAAC;EACrC;;EAEA;EACAgB,aAAaA,CAAA,EAAS;IACpB,IAAI,CAACxB,YAAY,GAAG,IAAI;IACxB,IAAI,CAACC,WAAW,CAACI,KAAK,CAAC,CAAC;IACxB,IAAI,CAACF,OAAO,GAAG,IAAI;EACrB;AACF;;AAEA;AACA,OAAO,MAAMsB,gBAAgB,GAAG,IAAI1B,gBAAgB,CAAC,CAAC","ignoreList":[]}

package/lib/module/authoring/chrome/tokens.js

@@ -17,6 +17,12 @@ export const chromeColors = {
   focusRing: 'rgba(47, 105, 238, 0.35)',
   bgMiddle: '#f4f8fb',
   danger: '#57000e',
+  /** Figma Colors/Accent/Warning (`#f0c000`). */
+  warningAccent: '#f0c000',
+  /** Figma Colors/Accent/Danger (`#eb1e47`). */
+  dangerAccent: '#eb1e47',
+  /** Figma Primitive Colors/Gray/150 — disabled primary pill. */
+  disabledFill: '#c3d5e0',
   white: '#ffffff',
   /** Figma Shadow/Button. Opacity is applied in `chromeShadows`. */
   shadowButton: 'rgb(54, 107, 214)'
@@ -44,17 +50,12 @@ export const chromeRadius = {
   fullyRounded: 9999
 };
 export const chromeText = {
-  barTitle: {
-    fontSize: 16,
-    fontWeight: '600',
-    lineHeight: 20
-  },
   buttonLabel: {
     fontSize: 16,
     fontWeight: '600',
     lineHeight: 20
   },
-  /** Figma Labels/SM Bold — bottom-sheet helper copy (3869:521). */
+  /** Figma Labels/SM Bold — header title and bottom-sheet helper copy. */
   labelSmBold: {
     fontSize: 14,
     fontWeight: '600',

package/lib/module/authoring/chrome/tokens.js.map

@@ -1 +1 @@
-{"version":3,"names":["chromeColors","primaryText","invertedText","blue500","overlay","focusRing","bgMiddle","danger","white","shadowButton","chromeOverlay","color","opacity","chromeSpace","chromeRadius","md","lg","fullyRounded","chromeText","barTitle","fontSize","fontWeight","lineHeight","buttonLabel","labelSmBold","dialogTitle","dialogBody","tooltip","chromeShadows","button","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","buttonSubtle","card","dialog"],"sourceRoot":"../../../../src","sources":["authoring/chrome/tokens.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["chromeColors","primaryText","invertedText","blue500","overlay","focusRing","bgMiddle","danger","warningAccent","dangerAccent","disabledFill","white","shadowButton","chromeOverlay","color","opacity","chromeSpace","chromeRadius","md","lg","fullyRounded","chromeText","buttonLabel","fontSize","fontWeight","lineHeight","labelSmBold","dialogTitle","dialogBody","tooltip","chromeShadows","button","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","buttonSubtle","card","dialog"],"sourceRoot":"../../../../src","sources":["authoring/chrome/tokens.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/authoring/elementPickerController.js.map

@@ -1 +1 @@
-{"version":3,"names":["IDLE","active","ElementPickerController","request","nextId","listeners","Set","getState","requestId","elementType","subscribe","listener","add","delete","beginSelection","onCancel","emit","commit","result","expectedId","req","onResult","cancel","resetForTests","clear","state","elementPickerController"],"sourceRoot":"../../../src","sources":["authoring/elementPickerController.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["IDLE","active","ElementPickerController","request","nextId","listeners","Set","getState","requestId","elementType","subscribe","listener","add","delete","beginSelection","onCancel","emit","commit","result","expectedId","req","onResult","cancel","resetForTests","clear","state","elementPickerController"],"sourceRoot":"../../../src","sources":["authoring/elementPickerController.ts"],"mappings":"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","ignoreList":[]}