@oxy.so/bloom 3.6.0 → 4.0.0

package/lib/commonjs/label/Label.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Label = void 0;
+var _legacy = require("../appearance/legacy.js");
+var _index = require("../appearance/index.js");
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _index = require("../typography/index.js");
+var _index2 = require("../typography/index.js");
 var _shared = require("../text-field/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); }
@@ -32,10 +34,19 @@ const LabelComponent = function Label({
   htmlFor,
   required = false,
   disabled = false,
-  size = 'sm',
+  size: sizeProp,
   style,
   testID
 }) {
+  const {
+    size: inheritedSize
+  } = (0, _index.useBloomAppearance)({
+    size: (0, _legacy.normalizeBloomSize)(sizeProp)
+  }, {
+    size: 'sm',
+    tone: 'neutral'
+  });
+  const size = inheritedSize === 'lg' ? 'md' : inheritedSize;
   const palette = (0, _shared.useTextFieldPalette)();
 
   // `null` is DISTINCT from omitted: omitted falls back to the control's id,
@@ -43,7 +54,7 @@ const LabelComponent = function Label({
   const webProps = IS_WEB ? {
     htmlFor: htmlFor === null ? undefined : htmlFor ?? nativeID
   } : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Text, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Text, {
     ...webProps,
     variant: SIZE_VARIANT[size],
     nativeID: nativeID,
@@ -52,7 +63,7 @@ const LabelComponent = function Label({
       marginBottom: _shared.TEXT_FIELD_STACK_GAP,
       color: disabled ? palette.placeholder : palette.text
     }, style],
-    children: [children, required ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    children: [children, required ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
       variant: SIZE_VARIANT[size],
       accessibilityLabel: "required"
       // `gap-0.5`: an inline margin on web; a nested native

package/lib/commonjs/label/Label.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE_VARIANT","xs","sm","md","IS_WEB","Platform","OS","LabelComponent","Label","children","nativeID","htmlFor","required","disabled","size","style","testID","palette","useTextFieldPalette","webProps","undefined","jsxs","Text","variant","marginBottom","TEXT_FIELD_STACK_GAP","color","placeholder","text","jsx","accessibilityLabel","error","marginLeft","TEXT_FIELD_LEADING_GAP","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["label/Label.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_legacy","require","_index","_react","_interopRequireWildcard","_reactNative","_index2","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE_VARIANT","xs","sm","md","IS_WEB","Platform","OS","LabelComponent","Label","children","nativeID","htmlFor","required","disabled","size","sizeProp","style","testID","inheritedSize","useBloomAppearance","normalizeBloomSize","tone","palette","useTextFieldPalette","webProps","undefined","jsxs","Text","variant","marginBottom","TEXT_FIELD_STACK_GAP","color","placeholder","text","jsx","accessibilityLabel","error","marginLeft","TEXT_FIELD_LEADING_GAP","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["label/Label.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAI8B,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAG,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMkB,YAAuE,GAAG;EAC9EC,EAAE,EAAE,eAAe;EACnBC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,MAAM,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAEpC,MAAMC,cAAc,GAAG,SAASC,KAAKA,CAAC;EACpCC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,IAAI,EAAEC,QAAQ;EACdC,KAAK;EACLC;AACU,CAAC,EAAE;EACb,MAAM;IAACH,IAAI,EAAEI;EAAa,CAAC,GAAG,IAAAC,yBAAkB,EAAC;IAACL,IAAI,EAAE,IAAAM,0BAAkB,EAACL,QAAQ;EAAC,CAAC,EAAE;IAACD,IAAI,EAAE,IAAI;IAAEO,IAAI,EAAE;EAAS,CAAC,CAAC;EACrH,MAAMP,IAAqC,GAAGI,aAAa,KAAK,IAAI,GAAG,IAAI,GAAGA,aAAa;EAC3F,MAAMI,OAAO,GAAG,IAAAC,2BAAmB,EAAC,CAAC;;EAErC;EACA;EACA,MAAMC,QAAiC,GACrCpB,MAAM,GAAG;IAAEO,OAAO,EAAEA,OAAO,KAAK,IAAI,GAAGc,SAAS,GAAId,OAAO,IAAID;EAAU,CAAC,GAAG,CAAC,CAAC;EAEjF,oBACE,IAAA9B,WAAA,CAAA8C,IAAA,EAAChD,OAAA,CAAAiD,IAAI;IAAA,GACCH,QAAQ;IACZI,OAAO,EAAE5B,YAAY,CAACc,IAAI,CAAE;IAC5BJ,QAAQ,EAAEA,QAAS;IACnBO,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACL;MACEa,YAAY,EAAEC,4BAAoB;MAClCC,KAAK,EAAElB,QAAQ,GAAGS,OAAO,CAACU,WAAW,GAAGV,OAAO,CAACW;IAClD,CAAC,EACDjB,KAAK,CACL;IAAAP,QAAA,GACDA,QAAQ,EACRG,QAAQ,gBACP,IAAAhC,WAAA,CAAAsD,GAAA,EAACxD,OAAA,CAAAiD,IAAI;MACHC,OAAO,EAAE5B,YAAY,CAACc,IAAI,CAAE;MAC5BqB,kBAAkB,EAAC;MACnB;MACA;MAAA;MACAnB,KAAK,EAAE,CAAC;QAAEe,KAAK,EAAET,OAAO,CAACc;MAAM,CAAC,EAAEhC,MAAM,GAAG;QAAEiC,UAAU,EAAEC;MAAuB,CAAC,GAAG,IAAI,CAAE;MAAA7B,QAAA,EACzFL,MAAM,GAAG,GAAG,GAAG;IAAI,CAChB,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC;AAEM,MAAMI,KAAK,GAAA+B,OAAA,CAAA/B,KAAA,gBAAG,IAAAgC,WAAI,EAACjC,cAAc,CAAC;AACzCC,KAAK,CAACiC,WAAW,GAAG,OAAO","ignoreList":[]}

package/lib/commonjs/lead-score/LeadScoreCard.js

@@ -0,0 +1,277 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LeadScoreCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../card/index.js");
+var _index2 = require("../stat-bar/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index3 = 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); }
+/**
+ * How good a lead is, and WHY.
+ *
+ * It is drawn the way Bloom draws a score — `chart-cards`' `SleepScoreCard` is
+ * the register, and the `BesideTheReference` story puts the two in one shot:
+ * TWO PANELS inside one card, the verdict on a tinted one and the breakdown on
+ * a neutral one.
+ *
+ *   header   a panel washed in the band's tone: the quiet `body-medium` label
+ *            ("Lead score") over the `title-1-medium` verdict ("Hot") with the
+ *            band's glyph, the trend as a quiet icon-and-label line, and then
+ *            the ring — 132 across, CENTRED, with the score at
+ *            `display-4-medium` inside it
+ *   factors  a neutral panel, padded on the LEFT only so the rules run to its
+ *            right edge: one row per factor — a small mark, the label and its
+ *            detail as one reading line, and the signed contribution
+ *            right-aligned and tabular, with a hairline under every row but the
+ *            last
+ *
+ * **THERE ARE NO BARS.** Five of them down a card is a chart pretending to be a
+ * measurement, and it is the single thing that made this card read as another
+ * product's dashboard. A contribution is a NUMBER, it is printed, and the mark
+ * beside it says which way it pulls. The one measurement here is the score, and
+ * it is a ring, because there is one of it.
+ *
+ * **The card must be named by a prop.** ARIA computes no name for a
+ * `progressbar` from its contents and the ring draws a bare number, so
+ * `accessibilityLabel` is required at the type level. The ring is `stat-bar`'s,
+ * which owns the geometry and the FLAT `aria-value*` props — react-native-web
+ * drops `accessibilityValue` entirely.
+ */
+function LeadScoreCardComponent({
+  score,
+  max = 100,
+  band,
+  bandLabel,
+  accessibilityLabel,
+  valueText,
+  title = 'Lead score',
+  factors,
+  factorsLabel = 'What it is made of',
+  trend,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const resolvedBand = band ?? (0, _shared.resolveLeadScoreBand)(score, max);
+  const bandSpec = _constants.LEAD_SCORE_BAND[resolvedBand];
+  const BandIcon = bandSpec.icon;
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveLeadScorePaint)(theme, theme.colors.card, bandSpec.tone), [theme, bandSpec.tone]);
+  const bandAccent = (0, _accentColors.resolveAccentColors)(theme.colors, bandSpec.tone, 'subtle');
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const TrendIcon = trend === undefined ? undefined : _constants.LEAD_SCORE_TREND[trend.direction].icon;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
+    level: 1,
+    fill: paint.surface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Card, {
+      variant: "outlined",
+      radius: "radius-20",
+      style: [{
+        paddingTop: _constants.LEAD_SCORE_CARD_PADDING,
+        paddingBottom: _constants.LEAD_SCORE_CARD_PADDING,
+        paddingLeft: _constants.LEAD_SCORE_CARD_PADDING,
+        paddingRight: _constants.LEAD_SCORE_CARD_PADDING,
+        gap: _constants.LEAD_SCORE_PANEL_GAP,
+        ...(0, _surfaceLevels.surfaceFillVars)(paint.surface)
+      }, style],
+      testID: testID,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
+        level: 2,
+        fill: paint.header,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          testID: id('header'),
+          style: {
+            borderRadius: _constants.LEAD_SCORE_PANEL_RADIUS,
+            backgroundColor: paint.header,
+            paddingTop: _constants.LEAD_SCORE_PANEL_PADDING,
+            paddingBottom: _constants.LEAD_SCORE_PANEL_PADDING,
+            paddingLeft: _constants.LEAD_SCORE_PANEL_PADDING,
+            paddingRight: _constants.LEAD_SCORE_PANEL_PADDING,
+            gap: 12,
+            ...(0, _surfaceLevels.surfaceFillVars)(paint.header)
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'flex-start',
+              gap: 8
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: {
+                flex: 1,
+                minWidth: 0,
+                gap: 2
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+                variant: "body-medium",
+                numberOfLines: 1,
+                style: {
+                  color: paint.headerText.textSecondary
+                },
+                testID: id('title'),
+                children: title
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: {
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: 6
+                },
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BandIcon, {
+                  width: 20,
+                  height: 20,
+                  fill: bandAccent.foreground
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+                  variant: "title-1-medium",
+                  numberOfLines: 1,
+                  style: {
+                    flexShrink: 1,
+                    color: paint.headerText.text
+                  },
+                  testID: id('band'),
+                  children: bandLabel ?? bandSpec.label
+                })]
+              }), trend && TrendIcon ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: {
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: 4
+                },
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TrendIcon, {
+                  width: 16,
+                  height: 16,
+                  fill: paint.headerText.textSecondary
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+                  variant: "body-2-regular",
+                  numberOfLines: 1,
+                  style: {
+                    flexShrink: 1,
+                    color: paint.headerText.textSecondary
+                  },
+                  testID: id('trend'),
+                  children: trend.label
+                })]
+              }) : null]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              alignItems: 'center'
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.MeterRing, {
+              value: score,
+              max: max,
+              size: _constants.LEAD_SCORE_RING_SIZE,
+              thickness: _constants.LEAD_SCORE_RING_THICKNESS,
+              fill: paint.fill,
+              track: paint.track,
+              accessibilityLabel: accessibilityLabel,
+              valueText: valueText,
+              testID: id('ring'),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+                variant: "display-4-medium",
+                style: [{
+                  color: paint.headerText.text
+                }, _constants.TABULAR],
+                testID: id('score'),
+                children: String(score)
+              })
+            })
+          })]
+        })
+      }), factors?.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
+        level: 2,
+        fill: paint.panel,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          testID: id('factors'),
+          style: {
+            borderRadius: _constants.LEAD_SCORE_PANEL_RADIUS,
+            backgroundColor: paint.panel,
+            // Padded on the LEFT only, so every rule runs to the panel's
+            // right edge and stays inset on the left.
+            paddingLeft: _constants.LEAD_SCORE_PANEL_PADDING,
+            ...(0, _surfaceLevels.surfaceFillVars)(paint.panel)
+          },
+          children: [factorsLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+            variant: "body-2-medium",
+            numberOfLines: 1,
+            style: {
+              color: paint.panelText.textSecondary,
+              paddingTop: _constants.LEAD_FACTOR_ROW_PADDING,
+              paddingBottom: _constants.LEAD_FACTOR_ROW_PADDING,
+              paddingRight: _constants.LEAD_SCORE_PANEL_PADDING,
+              borderBottomWidth: 1,
+              borderBottomColor: paint.rowRule
+            },
+            testID: id('factors-label'),
+            children: factorsLabel
+          }) : null, factors.map((factor, index) => {
+            const positive = factor.contribution >= 0;
+            const points = (0, _shared.formatContribution)(factor.contribution);
+            const key = factor.id ?? factor.label;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              testID: testID ? `${testID}-factor-${key}` : undefined,
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                gap: 8,
+                paddingTop: _constants.LEAD_FACTOR_ROW_PADDING,
+                paddingBottom: _constants.LEAD_FACTOR_ROW_PADDING,
+                paddingRight: _constants.LEAD_SCORE_PANEL_PADDING,
+                borderBottomWidth: index < factors.length - 1 ? 1 : 0,
+                borderBottomColor: paint.rowRule
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: {
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  gap: 8,
+                  flexShrink: 1,
+                  minWidth: 0
+                },
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                  style: {
+                    width: _constants.LEAD_FACTOR_MARK_SIZE,
+                    height: _constants.LEAD_FACTOR_MARK_SIZE,
+                    flexShrink: 0,
+                    borderRadius: _constants.LEAD_FACTOR_MARK_RADIUS,
+                    backgroundColor: positive ? paint.fill : paint.negativeMark
+                  },
+                  testID: testID ? `${testID}-factor-${key}-mark` : undefined
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+                  variant: "body-regular",
+                  numberOfLines: 1,
+                  style: {
+                    flexShrink: 1,
+                    color: paint.panelText.textSecondary
+                  },
+                  children: (0, _shared.factorLine)(factor.label, factor.detail)
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+                variant: "body-medium",
+                numberOfLines: 1,
+                style: [{
+                  flexShrink: 0,
+                  color: paint.panelText.text
+                }, _constants.TABULAR],
+                testID: testID ? `${testID}-factor-${key}-points` : undefined,
+                children: points
+              })]
+            }, key);
+          })]
+        })
+      }) : null]
+    })
+  });
+}
+const LeadScoreCard = exports.LeadScoreCard = /*#__PURE__*/(0, _react.memo)(LeadScoreCardComponent);
+LeadScoreCard.displayName = 'LeadScoreCard';
+//# sourceMappingURL=LeadScoreCard.js.map

package/lib/commonjs/lead-score/LeadScoreCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_surfaceLevels","_accentColors","_useTheme","_index3","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LeadScoreCardComponent","score","max","band","bandLabel","accessibilityLabel","valueText","title","factors","factorsLabel","trend","style","testID","theme","useTheme","resolvedBand","resolveLeadScoreBand","bandSpec","LEAD_SCORE_BAND","BandIcon","icon","paint","useMemo","resolveLeadScorePaint","colors","card","tone","bandAccent","resolveAccentColors","id","part","undefined","TrendIcon","LEAD_SCORE_TREND","direction","jsx","SurfaceLevelProvider","level","fill","surface","children","jsxs","Card","variant","radius","paddingTop","LEAD_SCORE_CARD_PADDING","paddingBottom","paddingLeft","paddingRight","gap","LEAD_SCORE_PANEL_GAP","surfaceFillVars","header","View","borderRadius","LEAD_SCORE_PANEL_RADIUS","backgroundColor","LEAD_SCORE_PANEL_PADDING","flexDirection","alignItems","flex","minWidth","Text","numberOfLines","color","headerText","textSecondary","width","height","foreground","flexShrink","text","label","MeterRing","value","size","LEAD_SCORE_RING_SIZE","thickness","LEAD_SCORE_RING_THICKNESS","track","TABULAR","String","length","panel","panelText","LEAD_FACTOR_ROW_PADDING","borderBottomWidth","borderBottomColor","rowRule","map","factor","index","positive","contribution","points","formatContribution","key","justifyContent","LEAD_FACTOR_MARK_SIZE","LEAD_FACTOR_MARK_RADIUS","negativeMark","factorLine","detail","LeadScoreCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["lead-score/LeadScoreCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/lead-score/constants.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TABULAR = exports.LEAD_SCORE_TREND = exports.LEAD_SCORE_THRESHOLDS = exports.LEAD_SCORE_RING_THICKNESS = exports.LEAD_SCORE_RING_SIZE = exports.LEAD_SCORE_PANEL_RADIUS = exports.LEAD_SCORE_PANEL_PADDING = exports.LEAD_SCORE_PANEL_GAP = exports.LEAD_SCORE_CARD_PADDING = exports.LEAD_SCORE_BAND = exports.LEAD_FACTOR_ROW_PADDING = exports.LEAD_FACTOR_MARK_SIZE = exports.LEAD_FACTOR_MARK_RADIUS = void 0;
+var _scales = require("../design-tokens/scales.js");
+var _RiArrowDownLine = require("../icons/remix/RiArrowDownLine.js");
+var _RiArrowUpLine = require("../icons/remix/RiArrowUpLine.js");
+var _RiFireLine = require("../icons/remix/RiFireLine.js");
+var _RiSnowflakeLine = require("../icons/remix/RiSnowflakeLine.js");
+var _RiSubtractLine = require("../icons/remix/RiSubtractLine.js");
+var _RiTempHotLine = require("../icons/remix/RiTempHotLine.js");
+/**
+ * The band's tone, word and glyph.
+ *
+ * The tone paints the HEADER PANEL — the wash the label, the verdict and the
+ * ring sit on — and the band's glyph. The verdict word beside it is
+ * `title-1-medium` in the reading colour of that wash, the way every Bloom
+ * score card draws a verdict, and the ring is the accent, because that is what
+ * a meter means.
+ *
+ * `hot` is the SUCCESS tone, not the error one: a hot lead is the good outcome,
+ * and reading temperature as danger is exactly the confusion a tone vocabulary
+ * exists to prevent.
+ */
+const LEAD_SCORE_BAND = exports.LEAD_SCORE_BAND = {
+  cold: {
+    tone: 'info',
+    label: 'Cold',
+    icon: _RiSnowflakeLine.RiSnowflakeLine
+  },
+  warm: {
+    tone: 'warning',
+    label: 'Warm',
+    icon: _RiTempHotLine.RiTempHotLine
+  },
+  hot: {
+    tone: 'success',
+    label: 'Hot',
+    icon: _RiFireLine.RiFireLine
+  }
+};
+
+/**
+ * Where one band ends and the next begins, as a FRACTION of `max` — so a
+ * 0–100 score and a 0–5 one land in the same places. An app with its own
+ * thresholds passes `band` and skips this entirely.
+ */
+const LEAD_SCORE_THRESHOLDS = exports.LEAD_SCORE_THRESHOLDS = {
+  warm: 0.4,
+  hot: 0.7
+};
+
+/**
+ * The trend arrow's glyph, per direction.
+ *
+ * A glyph and no tone: the trend is a quiet icon-and-label line under the
+ * verdict. The ARROW carries the direction, and the card keeps one tinted
+ * thing — the header wash — rather than three competing ones.
+ */
+const LEAD_SCORE_TREND = exports.LEAD_SCORE_TREND = {
+  up: {
+    icon: _RiArrowUpLine.RiArrowUpLine
+  },
+  down: {
+    icon: _RiArrowDownLine.RiArrowDownLine
+  },
+  flat: {
+    icon: _RiSubtractLine.RiSubtractLine
+  }
+};
+
+/**
+ * Ring geometry: 132 across with a 10 stroke, CENTRED in the header panel.
+ *
+ * It is the largest thing on the card on purpose. At 72 beside the verdict it
+ * was a widget in a corner, and the number inside it — the one fact the card
+ * exists to state — was smaller than the word next to it.
+ */
+const LEAD_SCORE_RING_SIZE = exports.LEAD_SCORE_RING_SIZE = 132;
+const LEAD_SCORE_RING_THICKNESS = exports.LEAD_SCORE_RING_THICKNESS = 10;
+
+/** The card's inset, and the gap between its two panels. */
+const LEAD_SCORE_CARD_PADDING = exports.LEAD_SCORE_CARD_PADDING = 10;
+const LEAD_SCORE_PANEL_GAP = exports.LEAD_SCORE_PANEL_GAP = 10;
+
+/** Both panels: the tinted header and the neutral one under it. */
+const LEAD_SCORE_PANEL_RADIUS = exports.LEAD_SCORE_PANEL_RADIUS = _scales.RADIUS['radius-16'];
+const LEAD_SCORE_PANEL_PADDING = exports.LEAD_SCORE_PANEL_PADDING = 16;
+
+/** One factor row: 12 of air above and below its single line. */
+const LEAD_FACTOR_ROW_PADDING = exports.LEAD_FACTOR_ROW_PADDING = 12;
+/** The square mark at the head of a factor row. */
+const LEAD_FACTOR_MARK_SIZE = exports.LEAD_FACTOR_MARK_SIZE = 10;
+const LEAD_FACTOR_MARK_RADIUS = exports.LEAD_FACTOR_MARK_RADIUS = _scales.RADIUS['radius-4'];
+
+/** Figures line up column-wise, so every number here is tabular. */
+const TABULAR = exports.TABULAR = {
+  fontVariant: ['tabular-nums']
+};
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/lead-score/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_scales","require","_RiArrowDownLine","_RiArrowUpLine","_RiFireLine","_RiSnowflakeLine","_RiSubtractLine","_RiTempHotLine","LEAD_SCORE_BAND","exports","cold","tone","label","icon","RiSnowflakeLine","warm","RiTempHotLine","hot","RiFireLine","LEAD_SCORE_THRESHOLDS","LEAD_SCORE_TREND","up","RiArrowUpLine","down","RiArrowDownLine","flat","RiSubtractLine","LEAD_SCORE_RING_SIZE","LEAD_SCORE_RING_THICKNESS","LEAD_SCORE_CARD_PADDING","LEAD_SCORE_PANEL_GAP","LEAD_SCORE_PANEL_RADIUS","RADIUS","LEAD_SCORE_PANEL_PADDING","LEAD_FACTOR_ROW_PADDING","LEAD_FACTOR_MARK_SIZE","LEAD_FACTOR_MARK_RADIUS","TABULAR","fontVariant"],"sourceRoot":"../../../src","sources":["lead-score/constants.ts"],"mappings":";;;;;;AAEA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,eAGZ,GAAAC,OAAA,CAAAD,eAAA,GAAG;EACFE,IAAI,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEC,KAAK,EAAE,MAAM;IAAEC,IAAI,EAAEC;EAAgB,CAAC;EAC5DC,IAAI,EAAE;IAAEJ,IAAI,EAAE,SAAS;IAAEC,KAAK,EAAE,MAAM;IAAEC,IAAI,EAAEG;EAAc,CAAC;EAC7DC,GAAG,EAAE;IAAEN,IAAI,EAAE,SAAS;IAAEC,KAAK,EAAE,KAAK;IAAEC,IAAI,EAAEK;EAAW;AACzD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG;EAAEJ,IAAI,EAAE,GAAG;EAAEE,GAAG,EAAE;AAAI,CAAU;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAmF,GAAAX,OAAA,CAAAW,gBAAA,GAAG;EACjGC,EAAE,EAAE;IAAER,IAAI,EAAES;EAAc,CAAC;EAC3BC,IAAI,EAAE;IAAEV,IAAI,EAAEW;EAAgB,CAAC;EAC/BC,IAAI,EAAE;IAAEZ,IAAI,EAAEa;EAAe;AAC/B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,oBAAoB,GAAAlB,OAAA,CAAAkB,oBAAA,GAAG,GAAG;AAChC,MAAMC,yBAAyB,GAAAnB,OAAA,CAAAmB,yBAAA,GAAG,EAAE;;AAE3C;AACO,MAAMC,uBAAuB,GAAApB,OAAA,CAAAoB,uBAAA,GAAG,EAAE;AAClC,MAAMC,oBAAoB,GAAArB,OAAA,CAAAqB,oBAAA,GAAG,EAAE;;AAEtC;AACO,MAAMC,uBAAuB,GAAAtB,OAAA,CAAAsB,uBAAA,GAAGC,cAAM,CAAC,WAAW,CAAC;AACnD,MAAMC,wBAAwB,GAAAxB,OAAA,CAAAwB,wBAAA,GAAG,EAAE;;AAE1C;AACO,MAAMC,uBAAuB,GAAAzB,OAAA,CAAAyB,uBAAA,GAAG,EAAE;AACzC;AACO,MAAMC,qBAAqB,GAAA1B,OAAA,CAAA0B,qBAAA,GAAG,EAAE;AAChC,MAAMC,uBAAuB,GAAA3B,OAAA,CAAA2B,uBAAA,GAAGJ,cAAM,CAAC,UAAU,CAAC;;AAEzD;AACO,MAAMK,OAAkB,GAAA5B,OAAA,CAAA4B,OAAA,GAAG;EAAEC,WAAW,EAAE,CAAC,cAAc;AAAE,CAAC","ignoreList":[]}

package/lib/commonjs/lead-score/index.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LEAD_FACTOR_MARK_RADIUS", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_FACTOR_MARK_RADIUS;
+  }
+});
+Object.defineProperty(exports, "LEAD_FACTOR_MARK_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_FACTOR_MARK_SIZE;
+  }
+});
+Object.defineProperty(exports, "LEAD_FACTOR_ROW_PADDING", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_FACTOR_ROW_PADDING;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_BAND", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_BAND;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_CARD_PADDING", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_CARD_PADDING;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_PANEL_GAP", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_PANEL_GAP;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_PANEL_PADDING", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_PANEL_PADDING;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_PANEL_RADIUS", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_PANEL_RADIUS;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_RING_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_RING_SIZE;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_RING_THICKNESS", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_RING_THICKNESS;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_THRESHOLDS", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_THRESHOLDS;
+  }
+});
+Object.defineProperty(exports, "LEAD_SCORE_TREND", {
+  enumerable: true,
+  get: function () {
+    return _constants.LEAD_SCORE_TREND;
+  }
+});
+Object.defineProperty(exports, "LeadScoreCard", {
+  enumerable: true,
+  get: function () {
+    return _LeadScoreCard.LeadScoreCard;
+  }
+});
+Object.defineProperty(exports, "factorLine", {
+  enumerable: true,
+  get: function () {
+    return _shared.factorLine;
+  }
+});
+Object.defineProperty(exports, "formatContribution", {
+  enumerable: true,
+  get: function () {
+    return _shared.formatContribution;
+  }
+});
+Object.defineProperty(exports, "resolveLeadScoreBand", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveLeadScoreBand;
+  }
+});
+Object.defineProperty(exports, "resolveLeadScorePaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveLeadScorePaint;
+  }
+});
+var _LeadScoreCard = require("./LeadScoreCard.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/lead-score/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_LeadScoreCard","require","_constants","_shared"],"sourceRoot":"../../../src","sources":["lead-score/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAcA,IAAAE,OAAA,GAAAF,OAAA","ignoreList":[]}