jfs-components 0.0.70 → 0.0.72

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -3,192 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioButton = RadioButton;
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
-var _reactUtils = require("../../utils/react-utils");
-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); }
-// ---------------------------------------------------------------------------
-// Props
-// ---------------------------------------------------------------------------
-
-// ---------------------------------------------------------------------------
-// RadioButton
-// ---------------------------------------------------------------------------
-
-function RadioButton({
-  selected = false,
-  disabled = false,
-  onPress,
-  modes = _reactUtils.EMPTY_MODES,
-  style,
-  testID
-}) {
-  // ---- Refs & State ----
-  const [hovered, setHovered] = (0, _react.useState)(false);
-  const [focused, setFocused] = (0, _react.useState)(false);
-  const [pressed, setPressed] = (0, _react.useState)(false);
-
-  // ---- Dimensions ----
-  const widthStr = (0, _figmaVariablesResolver.getVariableByName)('radio/width', modes) || '18';
-  const heightStr = (0, _figmaVariablesResolver.getVariableByName)('radio/height', modes) || '18';
-  const selectorSizeStr = (0, _figmaVariablesResolver.getVariableByName)('radio/selector/size', modes) || '10';
-  const width = parseFloat(widthStr?.toString() || '18');
-  const height = parseFloat(heightStr?.toString() || '18');
-  const selectorSize = parseFloat(selectorSizeStr?.toString() || '10');
-
-  // ---- State Logic ----
-  // Priority: Disabled -> Focused -> Hover/Pressed -> Idle
-  // Note: Design treats Active (Pressed) similar to Selected for some styles, 
-  // but usually in Radio Buttons, Pressed is a transient state.
-  // We will map:
-  // - Disabled -> 'disabled'
-  // - Focused -> 'focus'
-  // - Hovered -> 'hover'
-  // - Idle -> 'idle'
-
-  // We handle `selected` as a separate dimension derived from state.
-
-  let visualState = 'idle';
-  if (disabled) {
-    visualState = 'disabled';
-  } else if (focused) {
-    visualState = 'focus';
-  } else if (hovered || pressed) {
-    visualState = 'hover';
-  }
-
-  // Construct token paths based on state + selected
-  let prefix = `radio/${visualState}`;
-  if (visualState === 'idle' && selected) {
-    prefix = `radio/selected`;
-  } else if (selected) {
-    prefix = `radio/${visualState}Selected`;
-  }
-
-  // ---- Colors & Border ----
-
-  const resolveColor = (path, fallback) => {
-    return (0, _figmaVariablesResolver.getVariableByName)(path, modes) || fallback;
-  };
-
-  // Background Color
-  let bgColorVar = `${prefix}/background/color`;
-  // Fix for disabledSelected weirdness if needed
-  if (visualState === 'disabled' && selected) {
-    // Check specific path from dump: `radio/disabledSelected/background`
-    if (!(0, _figmaVariablesResolver.getVariableByName)(`${prefix}/background/color`, modes)) {
-      bgColorVar = `${prefix}/background`;
-    }
-  }
-
-  // Border Color
-  let borderColorVar = `${prefix}/border/color`;
-
-  // Border Width
-  let borderWidthVar = `${prefix}/border/size`;
-  // Fix for huge path: `radio/disabled/radio/disabled/border/size`
-  if (visualState === 'disabled' && !selected) {
-    if ((0, _figmaVariablesResolver.getVariableByName)('radio/disabled/radio/disabled/border/size', modes)) {
-      borderWidthVar = 'radio/disabled/radio/disabled/border/size';
-    }
-  }
-
-  // Selector Color
-  let selectorBgVar = `${prefix}/selector/background/color`;
-  if (!selected) {
-    selectorBgVar = 'transparent';
-  }
-
-  // Shadows (Glow)
-  let shadowSizeVar = `${prefix}/boxShadow/size`;
-  let shadowColorVar = `${prefix}/shadow/color`;
-
-  // Resolve Values
-  const backgroundColor = resolveColor(bgColorVar, 'transparent');
-  const borderColor = resolveColor(borderColorVar, 'transparent');
-  const borderWidth = parseFloat((0, _figmaVariablesResolver.getVariableByName)(borderWidthVar, modes)?.toString() || '1');
-  const selectorColor = resolveColor(selectorBgVar, 'transparent');
-  const shadowSize = parseFloat((0, _figmaVariablesResolver.getVariableByName)(shadowSizeVar, modes)?.toString() || '0');
-  const shadowColor = resolveColor(shadowColorVar, 'transparent');
-
-  // Styles
-  const containerStyle = {
-    width,
-    height,
-    borderRadius: width / 2,
-    // 9999px -> circle
-    borderWidth,
-    borderColor,
-    backgroundColor,
-    justifyContent: 'center',
-    alignItems: 'center',
-    // Web shadow (ring)
-    ...(_reactNative.Platform.OS === 'web' && shadowSize > 0 ? {
-      boxShadow: `0px 0px 0px ${shadowSize}px ${shadowColor}`
-    } : {})
-  };
-  const selectorStyle = {
-    width: selectorSize,
-    height: selectorSize,
-    borderRadius: selectorSize / 2,
-    backgroundColor: selectorColor
-  };
-
-  // Dummy block for token extraction (static analysis)
-  if (false) {
-    (0, _figmaVariablesResolver.getVariableByName)('radio/idle/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/idle/border/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/selector/size');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/width');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/height');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hover/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hover/border/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hover/boxShadow/size');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hover/shadow/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/selected/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/selected/border/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/selected/selector/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/border/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/boxShadow/size');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/shadow/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/hoverSelected/selector/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/border/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/border/size');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/boxShadow/size');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/focus/shadow/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/focusSelected/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/focusSelected/selector/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/focusSelected/border/size');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/disabled/radio/disabled/border/size');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/disabled/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/disabled/border/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/disabledSelected/selector/background/color');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/disabledSelected/background');
-    (0, _figmaVariablesResolver.getVariableByName)('radio/disabledSelected/border/color');
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    testID: testID,
-    disabled: disabled,
-    onPress: onPress,
-    onHoverIn: () => setHovered(true),
-    onHoverOut: () => setHovered(false),
-    onFocus: () => setFocused(true),
-    onBlur: () => setFocused(false),
-    onPressIn: () => setPressed(true),
-    onPressOut: () => setPressed(false),
-    style: ({
-      pressed: isPressed
-    }) => [containerStyle, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: selectorStyle
-    })
-  });
-}
+exports.default = exports.RadioButton = void 0;
+var _Radio = require("../Radio/Radio");
+/**
+ * @deprecated `RadioButton` has been renamed to `Radio`.
+ *
+ * This file is kept as a backward-compatibility shim for teams that may be
+ * importing `RadioButton` directly from this deep path:
+ *
+ *   import RadioButton from 'jfs-components/src/components/RadioButton/RadioButton'
+ *   import { RadioButton, RadioButtonProps } from '...'
+ *
+ * The recommended public import is now:
+ *
+ *   import { Radio, type RadioProps } from 'jfs-components'
+ *
+ * Going forward, this component is called `Radio`. This shim only re-exports
+ * the new `Radio` component under the old `RadioButton` names; please migrate
+ * existing usages to `Radio` at your earliest convenience.
+ */
+
+const RadioButton = exports.RadioButton = _Radio.Radio;
 var _default = exports.default = RadioButton;

package/lib/commonjs/components/index.js

@@ -87,6 +87,12 @@ Object.defineProperty(exports, "Card", {
     return _Card.default;
   }
 });
+Object.defineProperty(exports, "CardAdvisory", {
+  enumerable: true,
+  get: function () {
+    return _CardAdvisory.default;
+  }
+});
 Object.defineProperty(exports, "CardCTA", {
   enumerable: true,
   get: function () {
@@ -99,6 +105,12 @@ Object.defineProperty(exports, "CardFeedback", {
     return _CardFeedback.default;
   }
 });
+Object.defineProperty(exports, "CardFinancialCondition", {
+  enumerable: true,
+  get: function () {
+    return _CardFinancialCondition.default;
+  }
+});
 Object.defineProperty(exports, "CardProviderInfo", {
   enumerable: true,
   get: function () {
@@ -129,6 +141,24 @@ Object.defineProperty(exports, "ChipSelect", {
     return _ChipSelect.default;
   }
 });
+Object.defineProperty(exports, "CircularProgressBar", {
+  enumerable: true,
+  get: function () {
+    return _CircularProgressBar.default;
+  }
+});
+Object.defineProperty(exports, "CircularProgressBarDoted", {
+  enumerable: true,
+  get: function () {
+    return _CircularProgressBarDoted.default;
+  }
+});
+Object.defineProperty(exports, "CircularRating", {
+  enumerable: true,
+  get: function () {
+    return _CircularRating.default;
+  }
+});
 Object.defineProperty(exports, "DebitCard", {
   enumerable: true,
   get: function () {
@@ -177,6 +207,12 @@ Object.defineProperty(exports, "FormField", {
     return _FormField.default;
   }
 });
+Object.defineProperty(exports, "Gauge", {
+  enumerable: true,
+  get: function () {
+    return _Gauge.default;
+  }
+});
 Object.defineProperty(exports, "HStack", {
   enumerable: true,
   get: function () {
@@ -213,6 +249,12 @@ Object.defineProperty(exports, "InputSearch", {
     return _InputSearch.default;
   }
 });
+Object.defineProperty(exports, "InstitutionBadge", {
+  enumerable: true,
+  get: function () {
+    return _InstitutionBadge.default;
+  }
+});
 Object.defineProperty(exports, "LazyList", {
   enumerable: true,
   get: function () {
@@ -315,6 +357,12 @@ Object.defineProperty(exports, "ProgressBadge", {
     return _ProgressBadge.default;
   }
 });
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () {
+    return _Radio.default;
+  }
+});
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,
   get: function () {
@@ -522,9 +570,11 @@ var _BottomNav = _interopRequireDefault(require("./BottomNav/BottomNav"));
 var _BottomNavItem = _interopRequireDefault(require("./BottomNavItem/BottomNavItem"));
 var _Button = _interopRequireDefault(require("./Button/Button"));
 var _Card = _interopRequireDefault(require("./Card/Card"));
+var _CardAdvisory = _interopRequireDefault(require("./CardAdvisory/CardAdvisory"));
 var _Carousel = _interopRequireDefault(require("./Carousel/Carousel"));
 var _Checkbox = _interopRequireDefault(require("./Checkbox/Checkbox"));
 var _CardFeedback = _interopRequireDefault(require("./CardFeedback/CardFeedback"));
+var _CardFinancialCondition = _interopRequireDefault(require("./CardFinancialCondition/CardFinancialCondition"));
 var _Disclaimer = _interopRequireDefault(require("./Disclaimer/Disclaimer"));
 var _Divider = _interopRequireDefault(require("./Divider/Divider"));
 var _Drawer = _interopRequireDefault(require("./Drawer/Drawer"));
@@ -533,6 +583,10 @@ var _DebitCard = _interopRequireDefault(require("./DebitCard/DebitCard"));
 var _FilterBar = _interopRequireDefault(require("./FilterBar/FilterBar"));
 var _Form = _interopRequireWildcard(require("./Form/Form"));
 var _FormField = _interopRequireDefault(require("./FormField/FormField"));
+var _CircularProgressBar = _interopRequireDefault(require("./CircularProgressBar/CircularProgressBar"));
+var _CircularProgressBarDoted = _interopRequireDefault(require("./CircularProgressBarDoted/CircularProgressBarDoted"));
+var _CircularRating = _interopRequireDefault(require("./CircularRating/CircularRating"));
+var _Gauge = _interopRequireDefault(require("./Gauge/Gauge"));
 var _HoldingsCard = _interopRequireDefault(require("./HoldingsCard/HoldingsCard"));
 var _HStack = _interopRequireDefault(require("./HStack/HStack"));
 var _IconButton = _interopRequireDefault(require("./IconButton/IconButton"));
@@ -573,8 +627,10 @@ var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup/ButtonGroup"));
 var _CardProviderInfo = _interopRequireDefault(require("./CardProviderInfo/CardProviderInfo"));
 var _ChipSelect = _interopRequireDefault(require("./ChipSelect/ChipSelect"));
 var _InputSearch = _interopRequireDefault(require("./InputSearch/InputSearch"));
+var _InstitutionBadge = _interopRequireDefault(require("./InstitutionBadge/InstitutionBadge"));
 var _SupportText = _interopRequireDefault(require("./SupportText/SupportText"));
 var _SupportTextIcon = _interopRequireDefault(require("./SupportText/SupportTextIcon"));
+var _Radio = _interopRequireDefault(require("./Radio/Radio"));
 var _RadioButton = _interopRequireDefault(require("./RadioButton/RadioButton"));
 var _RechargeCard = _interopRequireDefault(require("./RechargeCard/RechargeCard"));
 var _Tabs = _interopRequireDefault(require("./Tabs/Tabs"));