@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/commonjs/navigation-banner/ArrivalBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_index","_RiCloseLine","_useTheme","_index2","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Figure","label","value","color","labelColor","testID","jsxs","View","style","flex","minWidth","gap","children","jsx","Text","variant","numberOfLines","fontVariant","ArrivalBarComponent","arrival","remainingTime","remainingDistance","onEnd","action","labels","accessibilityLabel","theme","useTheme","paint","useMemo","resolveNavigationPaint","g","NAVIGATION_BANNER_GEOMETRY","endWord","end","GlassIsland","radius","alignSelf","flexDirection","alignItems","padding","role","describeArrival","accessibilityElementsHidden","importantForAccessibility","text","textTertiary","undefined","time","distance","Button","size","icon","RiCloseLine","onPress","ArrivalBar","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["navigation-banner/ArrivalBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/navigation-banner/LaneGuidance.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LaneGuidance = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _maneuvers = require("../directions/maneuvers.js");
+var _tokens = require("../styles/tokens.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * THE LANES ACROSS, and which of them take you where you are going.
+ *
+ *   cell      38 tall, 12 radius, one per lane, left to right as the driver
+ *             sees them. A lane painted with several arrows grows sideways
+ *             rather than stacking them — a driver reads a lane by counting
+ *             across, so a cell that is taller than its neighbours breaks the
+ *             count.
+ *   allowed   the accent's own tint with the arrow in that tint's accent
+ *   quiet     no fill, and the arrow at the GRAPHICAL rung — the one that is
+ *             floored for a glyph rather than for text, which is what an arrow
+ *             is
+ *   preferred within an allowed lane, the one arrow to take stays at full
+ *             strength while its siblings drop to the quiet rung: a lane that
+ *             also goes straight on is still the lane you want
+ *
+ * The arrows are `DIRECTIONS_MANEUVER_ICON`, keyed by a SUBSET of the maneuver
+ * vocabulary. A lane arrow is a maneuver drawn small; a second glyph map would
+ * be a second opinion about what "slight right" looks like.
+ *
+ * The row is one `img` named by `describeLanes` — four arrows in a row say
+ * nothing aloud, and a reader who cannot see them still has to be told which
+ * lane to be in.
+ */
+function laneArrowColor(lane, direction, colors) {
+  if (!lane.allowed) return colors.quiet;
+  if (lane.preferred === undefined) return colors.accent;
+  return lane.preferred === direction ? colors.accent : colors.quiet;
+}
+function LaneGuidanceComponent({
+  lanes,
+  labels,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveNavigationPaint)(theme), [theme]);
+  const accent = (0, _accentColors.resolveAccentColors)(theme.colors, 'primary', 'subtle');
+  const g = _constants.NAVIGATION_BANNER_GEOMETRY;
+  const colors = {
+    accent: accent.foreground,
+    quiet: paint.textGraphical
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    role: "img",
+    accessibilityLabel: accessibilityLabel ?? (0, _shared.describeLanes)(lanes, labels),
+    testID: testID,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    }, style],
+    children: lanes.map((lane, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-lane-${index}` : undefined,
+      style: {
+        minWidth: g.laneWidth,
+        height: g.lane,
+        paddingLeft: 4,
+        paddingRight: 4,
+        borderRadius: _tokens.borderRadius.md,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 2,
+        backgroundColor: lane.allowed ? accent.background : 'transparent'
+      },
+      children: lane.directions.map((direction, arrow) => {
+        const Arrow = _maneuvers.DIRECTIONS_MANEUVER_ICON[direction];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Arrow, {
+          width: g.smallGlyph,
+          height: g.smallGlyph,
+          fill: laneArrowColor(lane, direction, colors)
+        }, `${direction}-${arrow}`);
+      })
+    }, lane.id ?? index))
+  });
+}
+const LaneGuidance = exports.LaneGuidance = /*#__PURE__*/(0, _react.memo)(LaneGuidanceComponent);
+LaneGuidance.displayName = 'LaneGuidance';
+//# sourceMappingURL=LaneGuidance.js.map

package/lib/commonjs/navigation-banner/LaneGuidance.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_maneuvers","_tokens","_accentColors","_useTheme","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","laneArrowColor","lane","direction","colors","allowed","quiet","preferred","undefined","accent","LaneGuidanceComponent","lanes","labels","accessibilityLabel","style","testID","theme","useTheme","paint","useMemo","resolveNavigationPaint","resolveAccentColors","g","NAVIGATION_BANNER_GEOMETRY","foreground","textGraphical","jsx","View","role","describeLanes","flexDirection","alignItems","gap","children","map","index","minWidth","laneWidth","height","paddingLeft","paddingRight","borderRadius","md","justifyContent","backgroundColor","background","directions","arrow","Arrow","DIRECTIONS_MANEUVER_ICON","width","smallGlyph","fill","id","LaneGuidance","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["navigation-banner/LaneGuidance.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/navigation-banner/NavigationBanner.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationBanner = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _maneuvers = require("../directions/maneuvers.js");
+var _index = require("../glass/index.js");
+var _tokens = require("../styles/tokens.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * THE NEXT MANEUVER, while it is happening.
+ *
+ *   pane        `GlassIsland` at the 16 rung — the guidance is drawn over tiles
+ *               Bloom does not own, and the island is the one material in the
+ *               library priced for that. It is asked for a SURFACE radius
+ *               rather than its default capsule: a banner is a surface, and the
+ *               pill rung belongs to button-like controls.
+ *   tile        56 square, 12 radius, the state's tone as a tint with the
+ *               maneuver glyph in that tone's own accent — the same tile recipe
+ *               `OrderStatusBar` paints, at the size a driver reads without
+ *               focusing.
+ *   glyph       `DIRECTIONS_MANEUVER_ICON`. The SAME map the step list beside
+ *               it uses: two sets of arrows for one vocabulary is two answers
+ *               to the question "which way is slight right".
+ *   headline    the distance, TABULAR, so a reading counting down from 400 m
+ *               does not shuffle the street name under it
+ *   instruction the street, up to two lines
+ *   then        the maneuver after this one, behind a full-bleed hairline
+ *   children    lanes, a speed sign — behind a second hairline, and outside the
+ *               announcement, because each names itself
+ *
+ * ── THE TWO EXCEPTIONAL STATES ARE THIS COMPONENT ───────────────────────────
+ *
+ * `off-route` and `rerouting` take the same strip, in the same place, at the
+ * same moment. A separate surface appearing where this one was is a jump, and
+ * the driver has to find the thing they were already reading. So the state
+ * swaps the glyph, the tone and the headline, and the maneuver — which is no
+ * longer true — stops being announced at all.
+ *
+ * ── THE ROW IS ONE UTTERANCE ────────────────────────────────────────────────
+ *
+ * The glyph is the only thing on screen that says which way to turn, and a
+ * glyph says nothing aloud. The maneuver row is therefore one `img` named by
+ * `describeNavigationBanner`, with its drawn text hidden from assistive
+ * technology so the distance is not read twice. `children` sit OUTSIDE that
+ * name: a lane row and a speed sign each announce themselves.
+ */
+function NavigationBannerComponent({
+  maneuver,
+  distance,
+  instruction,
+  thenManeuver,
+  then,
+  state = 'guiding',
+  children,
+  labels,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveNavigationPaint)(theme), [theme]);
+  const g = _constants.NAVIGATION_BANNER_GEOMETRY;
+  const guiding = state === 'guiding';
+  const tone = guiding ? 'primary' : _constants.NAVIGATION_STATE_TONE[state];
+  const accent = (0, _accentColors.resolveAccentColors)(theme.colors, tone, 'subtle');
+  const Glyph = guiding ? _maneuvers.DIRECTIONS_MANEUVER_ICON[maneuver] : _constants.NAVIGATION_STATE_ICON[state];
+  const stateHeadline = guiding ? undefined : (state === 'off-route' ? labels?.offRoute : labels?.rerouting) ?? _constants.NAVIGATION_STATE_LABELS[state];
+  const headline = stateHeadline ?? distance;
+  const thenWord = labels?.then ?? 'then';
+  const ThenGlyph = thenManeuver !== undefined ? _maneuvers.DIRECTIONS_MANEUVER_ICON[thenManeuver] : null;
+  const thenLine = guiding && (thenManeuver !== undefined || then) ? [thenWord, thenManeuver !== undefined ? (0, _shared.maneuverWordFor)(thenManeuver, labels).toLowerCase() : null, then].filter(Boolean).join(' ') : null;
+  const name = accessibilityLabel ?? (0, _shared.describeNavigationBanner)({
+    maneuver,
+    distance,
+    instruction,
+    then,
+    thenManeuver,
+    state,
+    labels
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.GlassIsland, {
+    radius: g.radius,
+    style: [{
+      alignSelf: 'stretch',
+      flexDirection: 'column'
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      role: "img",
+      accessibilityLabel: name,
+      testID: testID ? `${testID}-guidance` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        "aria-hidden": true,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: g.padding,
+            padding: g.padding
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            testID: testID ? `${testID}-glyph` : undefined,
+            style: {
+              width: g.glyph,
+              height: g.glyph,
+              borderRadius: _tokens.borderRadius.md,
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundColor: accent.background
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
+              width: g.glyphIcon,
+              height: g.glyphIcon,
+              fill: accent.foreground
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1,
+              minWidth: 0,
+              gap: 2
+            },
+            children: [headline ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+              variant: "title-2-semibold",
+              numberOfLines: 1,
+              testID: testID ? `${testID}-headline` : undefined,
+              style: {
+                color: paint.text,
+                ...(guiding ? {
+                  fontVariant: ['tabular-nums']
+                } : null)
+              },
+              children: headline
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+              variant: headline ? 'headline-medium' : 'title-2-semibold',
+              numberOfLines: 2,
+              testID: testID ? `${testID}-instruction` : undefined,
+              style: {
+                color: headline ? paint.textSecondary : paint.text
+              },
+              children: instruction
+            })]
+          })]
+        }), thenLine ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          testID: testID ? `${testID}-then` : undefined,
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 8,
+            paddingLeft: g.padding,
+            paddingRight: g.padding,
+            paddingTop: 10,
+            paddingBottom: 10,
+            borderTopWidth: 1,
+            borderTopColor: paint.border
+          },
+          children: [ThenGlyph ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ThenGlyph, {
+            width: g.smallGlyph,
+            height: g.smallGlyph,
+            fill: paint.textSecondary
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            variant: "body-2-medium",
+            numberOfLines: 1,
+            style: {
+              flex: 1,
+              minWidth: 0,
+              color: paint.textSecondary
+            },
+            children: thenLine
+          })]
+        }) : null]
+      })
+    }), children != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-extras` : undefined,
+      style: {
+        paddingLeft: g.padding,
+        paddingRight: g.padding,
+        paddingTop: 10,
+        paddingBottom: 10,
+        borderTopWidth: 1,
+        borderTopColor: paint.border
+      },
+      children: children
+    }) : null]
+  });
+}
+const NavigationBanner = exports.NavigationBanner = /*#__PURE__*/(0, _react.memo)(NavigationBannerComponent);
+NavigationBanner.displayName = 'NavigationBanner';
+//# sourceMappingURL=NavigationBanner.js.map

package/lib/commonjs/navigation-banner/NavigationBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_maneuvers","_index","_tokens","_accentColors","_useTheme","_index2","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NavigationBannerComponent","maneuver","distance","instruction","thenManeuver","then","state","children","labels","accessibilityLabel","style","testID","theme","useTheme","paint","useMemo","resolveNavigationPaint","g","NAVIGATION_BANNER_GEOMETRY","guiding","tone","NAVIGATION_STATE_TONE","accent","resolveAccentColors","colors","Glyph","DIRECTIONS_MANEUVER_ICON","NAVIGATION_STATE_ICON","stateHeadline","undefined","offRoute","rerouting","NAVIGATION_STATE_LABELS","headline","thenWord","ThenGlyph","thenLine","maneuverWordFor","toLowerCase","filter","Boolean","join","name","describeNavigationBanner","jsxs","GlassIsland","radius","alignSelf","flexDirection","jsx","View","role","accessibilityElementsHidden","importantForAccessibility","alignItems","gap","padding","width","glyph","height","borderRadius","md","justifyContent","backgroundColor","background","glyphIcon","fill","foreground","flex","minWidth","Text","variant","numberOfLines","color","text","fontVariant","textSecondary","paddingLeft","paddingRight","paddingTop","paddingBottom","borderTopWidth","borderTopColor","border","smallGlyph","NavigationBanner","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["navigation-banner/NavigationBanner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/navigation-banner/SpeedLimitPill.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpeedLimitPill = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shadows = require("../design-tokens/shadows");
+var _shared = require("../map-marker/shared.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared2 = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * THE POSTED LIMIT: a round sign, small enough to sit beside the guidance and
+ * legible enough to read off a windscreen mount.
+ *
+ *   sign      48 round with a 4 ring in the tone, on the SAME chrome surface
+ *             every floating map piece paints, with `shadow-s` — so it reads on
+ *             a satellite tile as well as on a pale street map
+ *   number    `title-3-bold`, TABULAR, one line, never truncated
+ *   unit      `caption-2-medium` under the sign, quiet
+ *
+ * ── `exceeded` FILLS THE SIGN, IT DOES NOT BRIGHTEN IT ──────────────────────
+ *
+ * A sign that only changed shade is a sign a driver reads as the same sign; the
+ * change has to be one that survives a glance, in daylight, at an angle. So
+ * over the limit the ring's tone becomes the FILL and the number takes that
+ * fill's own on-colour, which is the pair `resolveAccentColors` already
+ * guarantees is legible. Nothing moves, and nothing flashes: a warning that
+ * animates in a car is a warning that asks for attention the road needs.
+ *
+ * The sign is a CIRCLE because it is a sign, not a capsule of text — the pill
+ * rung is for button-like controls and this is not one.
+ */
+function SpeedLimitPillComponent({
+  limit,
+  unit,
+  exceeded = false,
+  tone = 'error',
+  accessibilityLabel,
+  exceededLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveNavigationPaint)(theme), [theme]);
+  const map = (0, _react.useMemo)(() => (0, _shared.resolveMapMarkerPaint)(theme), [theme]);
+  const solid = (0, _accentColors.resolveAccentColors)(theme.colors, tone, 'solid');
+  const g = _constants.NAVIGATION_BANNER_GEOMETRY;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "img",
+    accessibilityLabel: accessibilityLabel ?? (0, _shared2.describeSpeedLimit)({
+      limit,
+      unit,
+      exceeded,
+      exceededLabel
+    }),
+    testID: testID,
+    style: [{
+      alignItems: 'center',
+      gap: 2
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID ? `${testID}-sign` : undefined,
+      style: {
+        width: g.sign,
+        height: g.sign,
+        borderRadius: g.sign / 2,
+        borderWidth: g.signRing,
+        borderColor: solid.background,
+        backgroundColor: exceeded ? solid.background : map.surface,
+        alignItems: 'center',
+        justifyContent: 'center',
+        ...(0, _shadows.bloomShadowStyle)('s')
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "title-3-bold",
+        numberOfLines: 1,
+        style: {
+          color: exceeded ? solid.foreground : paint.text,
+          fontVariant: ['tabular-nums']
+        },
+        children: limit
+      })
+    }), unit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-2-medium",
+      numberOfLines: 1,
+      testID: testID ? `${testID}-unit` : undefined,
+      style: {
+        color: paint.textTertiary
+      },
+      children: unit
+    }) : null]
+  });
+}
+const SpeedLimitPill = exports.SpeedLimitPill = /*#__PURE__*/(0, _react.memo)(SpeedLimitPillComponent);
+SpeedLimitPill.displayName = 'SpeedLimitPill';
+//# sourceMappingURL=SpeedLimitPill.js.map

package/lib/commonjs/navigation-banner/SpeedLimitPill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shadows","_shared","_accentColors","_useTheme","_index","_constants","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SpeedLimitPillComponent","limit","unit","exceeded","tone","accessibilityLabel","exceededLabel","style","testID","theme","useTheme","paint","useMemo","resolveNavigationPaint","map","resolveMapMarkerPaint","solid","resolveAccentColors","colors","g","NAVIGATION_BANNER_GEOMETRY","jsxs","View","role","describeSpeedLimit","alignItems","gap","children","jsx","undefined","width","sign","height","borderRadius","borderWidth","signRing","borderColor","background","backgroundColor","surface","justifyContent","bloomShadowStyle","Text","variant","numberOfLines","color","foreground","text","fontVariant","textTertiary","SpeedLimitPill","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["navigation-banner/SpeedLimitPill.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/navigation-banner/constants.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NAVIGATION_STATE_TONE = exports.NAVIGATION_STATE_LABELS = exports.NAVIGATION_STATE_ICON = exports.NAVIGATION_BANNER_GEOMETRY = void 0;
+var _RiErrorWarningLine = require("../icons/remix/RiErrorWarningLine.js");
+var _RiLoopRightLine = require("../icons/remix/RiLoopRightLine.js");
+var _tokens = require("../styles/tokens.js");
+/**
+ * 56 for the maneuver glyph is the largest square that leaves the distance
+ * figure room on a 390 phone with the pane's own padding either side, and the
+ * glyph is the one thing on the banner a driver reads without focusing.
+ *
+ * The speed sign is 48 with a 4 ring: below 44 the number stops being legible
+ * at arm's length, and a ring thinner than 4 stops reading as a sign at all.
+ */
+const NAVIGATION_BANNER_GEOMETRY = exports.NAVIGATION_BANNER_GEOMETRY = {
+  radius: _tokens.borderRadius.lg,
+  padding: 14,
+  glyph: 56,
+  glyphIcon: 40,
+  smallGlyph: 18,
+  lane: 38,
+  laneWidth: 30,
+  sign: 48,
+  signRing: 4
+};
+
+/** The glyph each exceptional state draws in place of a maneuver. */
+const NAVIGATION_STATE_ICON = exports.NAVIGATION_STATE_ICON = {
+  'off-route': _RiErrorWarningLine.RiErrorWarningLine,
+  rerouting: _RiLoopRightLine.RiLoopRightLine
+};
+
+/**
+ * The tone each exceptional state paints.
+ *
+ * `rerouting` is `warning` rather than `error`: nothing is wrong yet, the app
+ * is working, and a red banner at that moment tells a driver to act when the
+ * only correct action is to keep driving. `off-route` IS the error — the line
+ * on the map no longer describes where the car is.
+ */
+const NAVIGATION_STATE_TONE = exports.NAVIGATION_STATE_TONE = {
+  'off-route': 'error',
+  rerouting: 'warning'
+};
+
+/** The English default headline for each exceptional state. */
+const NAVIGATION_STATE_LABELS = exports.NAVIGATION_STATE_LABELS = {
+  'off-route': 'Off route',
+  rerouting: 'Finding a new route'
+};
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/navigation-banner/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RiErrorWarningLine","require","_RiLoopRightLine","_tokens","NAVIGATION_BANNER_GEOMETRY","exports","radius","borderRadius","lg","padding","glyph","glyphIcon","smallGlyph","lane","laneWidth","sign","signRing","NAVIGATION_STATE_ICON","RiErrorWarningLine","rerouting","RiLoopRightLine","NAVIGATION_STATE_TONE","NAVIGATION_STATE_LABELS"],"sourceRoot":"../../../src","sources":["navigation-banner/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,0BAAoD,GAAAC,OAAA,CAAAD,0BAAA,GAAG;EAClEE,MAAM,EAAEC,oBAAY,CAACC,EAAE;EACvBC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,EAAE;EACdC,IAAI,EAAE,EAAE;EACRC,SAAS,EAAE,EAAE;EACbC,IAAI,EAAE,EAAE;EACRC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACO,MAAMC,qBAEZ,GAAAZ,OAAA,CAAAY,qBAAA,GAAG;EACF,WAAW,EAAEC,sCAAkB;EAC/BC,SAAS,EAAEC;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAEZ,GAAAhB,OAAA,CAAAgB,qBAAA,GAAG;EACF,WAAW,EAAE,OAAO;EACpBF,SAAS,EAAE;AACb,CAAC;;AAED;AACO,MAAMG,uBAEZ,GAAAjB,OAAA,CAAAiB,uBAAA,GAAG;EACF,WAAW,EAAE,WAAW;EACxBH,SAAS,EAAE;AACb,CAAC","ignoreList":[]}

package/lib/commonjs/navigation-banner/index.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ArrivalBar", {
+  enumerable: true,
+  get: function () {
+    return _ArrivalBar.ArrivalBar;
+  }
+});
+Object.defineProperty(exports, "LaneGuidance", {
+  enumerable: true,
+  get: function () {
+    return _LaneGuidance.LaneGuidance;
+  }
+});
+Object.defineProperty(exports, "NAVIGATION_BANNER_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _constants.NAVIGATION_BANNER_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "NAVIGATION_STATE_ICON", {
+  enumerable: true,
+  get: function () {
+    return _constants.NAVIGATION_STATE_ICON;
+  }
+});
+Object.defineProperty(exports, "NAVIGATION_STATE_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _constants.NAVIGATION_STATE_LABELS;
+  }
+});
+Object.defineProperty(exports, "NAVIGATION_STATE_TONE", {
+  enumerable: true,
+  get: function () {
+    return _constants.NAVIGATION_STATE_TONE;
+  }
+});
+Object.defineProperty(exports, "NavigationBanner", {
+  enumerable: true,
+  get: function () {
+    return _NavigationBanner.NavigationBanner;
+  }
+});
+Object.defineProperty(exports, "SpeedLimitPill", {
+  enumerable: true,
+  get: function () {
+    return _SpeedLimitPill.SpeedLimitPill;
+  }
+});
+Object.defineProperty(exports, "describeArrival", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeArrival;
+  }
+});
+Object.defineProperty(exports, "describeLanes", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeLanes;
+  }
+});
+Object.defineProperty(exports, "describeNavigationBanner", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeNavigationBanner;
+  }
+});
+Object.defineProperty(exports, "describeSpeedLimit", {
+  enumerable: true,
+  get: function () {
+    return _shared.describeSpeedLimit;
+  }
+});
+Object.defineProperty(exports, "maneuverWordFor", {
+  enumerable: true,
+  get: function () {
+    return _shared.maneuverWordFor;
+  }
+});
+Object.defineProperty(exports, "resolveNavigationPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveNavigationPaint;
+  }
+});
+var _ArrivalBar = require("./ArrivalBar.js");
+var _LaneGuidance = require("./LaneGuidance.js");
+var _NavigationBanner = require("./NavigationBanner.js");
+var _SpeedLimitPill = require("./SpeedLimitPill.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/navigation-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ArrivalBar","require","_LaneGuidance","_NavigationBanner","_SpeedLimitPill","_constants","_shared"],"sourceRoot":"../../../src","sources":["navigation-banner/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAOA,IAAAK,OAAA,GAAAL,OAAA","ignoreList":[]}