jfs-components 0.0.4 → 0.0.5

package/lib/commonjs/Containers.js

@@ -4,12 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.storyContainer = void 0;
-var _native = _interopRequireDefault(require("styled-components/native"));
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const storyContainer = exports.storyContainer = _native.default.View`
-  height: 100%;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-`;
+const storyContainer = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: styles.container,
+  ...props
+});
+exports.storyContainer = storyContainer;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: '100%',
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
 //# sourceMappingURL=Containers.js.map

package/lib/commonjs/Containers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","_interopRequireDefault","require","e","__esModule","default","storyContainer","exports","styled","View"],"sourceRoot":"../../src","sources":["Containers.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6C,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,eAAM,CAACC,IAAI;AACzC;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","storyContainer","props","jsx","View","style","styles","container","exports","StyleSheet","create","height","width","alignItems","justifyContent"],"sourceRoot":"../../src","sources":["Containers.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,MAAMG,cAAc,GAAIC,KAAgB,iBAC7C,IAAAL,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,IAAI;EAACC,KAAK,EAAIC,MAAM,CAACC,SAAW;EAAA,GAAML;AAAK,CAAI,CACjD;AAACM,OAAA,CAAAP,cAAA,GAAAA,cAAA;AAEF,MAAMK,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Accordion/Accordion.mdx

@@ -120,3 +120,4 @@ function PaymentSection() {
 
 
 
+

package/lib/commonjs/components/ActionFooter/ActionFooter.mdx

@@ -99,3 +99,4 @@ All tokens support mode-based theming through the `modes` prop.
 
 The ActionFooter uses `accessibilityRole="toolbar"` to indicate it contains a group of action controls. Provide a meaningful `accessibilityLabel` to describe the footer's purpose to screen reader users.
 
+

package/lib/commonjs/components/CtaCard/CtaCard.mdx

@@ -62,5 +62,4 @@ This component uses the following design tokens, resolved through `getVariableBy
 - **`ctaCard/title/fontSize`**
 - **`ctaCard/title/lineHeight`**
 
-All tokens support mode-based theming through the `modes` prop.
-
+All tokens support mode-based theming through the `modes` prop.

package/lib/commonjs/components/Introduction.mdx

@@ -95,7 +95,6 @@ When creating new components:
 
 - [Storybook Documentation](https://storybook.js.org/)
 - [React Native Storybook](https://github.com/storybookjs/react-native)
-- [Styled Components](https://styled-components.com/)
 
 ---
 

package/lib/commonjs/design-tokens/JFSThemeProvider.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTokens = exports.JFSThemeProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _figmaVariablesResolver = require("./figma-variables-resolver");
+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); }
+/**
+ * Shape of the TokenContext
+ */
+
+const TokenContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+/**
+ * Provider component for the JFS Design System.
+ * Wraps your application or a subtree to provide global configuration for design tokens.
+ *
+ * @example
+ * <JFSThemeProvider modes={{ 'Color Mode': 'Dark', 'Platform': 'web' }}>
+ *   <App />
+ * </JFSThemeProvider>
+ */
+const JFSThemeProvider = ({
+  modes = {},
+  children
+}) => {
+  const value = (0, _react.useMemo)(() => {
+    // We bind the current modes to getVariableByName so consumers don't have to pass it
+    const getVariable = name => (0, _figmaVariablesResolver.getVariableByName)(name, modes);
+    return {
+      modes,
+      getVariable
+    };
+  }, [modes]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TokenContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+
+/**
+ * Hook to access the current design token context.
+ *
+ * returns {
+ *   modes: Record<string, any> - The current active modes
+ *   getVariable: (name: string) => any - Function to resolve a token value
+ * }
+ */
+exports.JFSThemeProvider = JFSThemeProvider;
+const useTokens = () => {
+  const context = (0, _react.useContext)(TokenContext);
+  if (!context) {
+    // If used outside provider, fall back to default behavior (empty modes)
+    return {
+      modes: {},
+      getVariable: name => (0, _figmaVariablesResolver.getVariableByName)(name, {})
+    };
+  }
+  return context;
+};
+exports.useTokens = useTokens;
+//# sourceMappingURL=JFSThemeProvider.js.map

package/lib/commonjs/design-tokens/JFSThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_figmaVariablesResolver","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TokenContext","createContext","undefined","JFSThemeProvider","modes","children","value","useMemo","getVariable","name","getVariableByName","jsx","Provider","exports","useTokens","context","useContext"],"sourceRoot":"../../../src","sources":["design-tokens/JFSThemeProvider.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAA+D,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,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;AAE/D;AACA;AACA;;AAaA,MAAMkB,YAAY,gBAAG,IAAAC,oBAAa,EAA+BC,SAAS,CAAC;AAW3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAiD,GAAGA,CAAC;EAC9DC,KAAK,GAAG,CAAC,CAAC;EACVC;AACJ,CAAC,KAAK;EACF,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxB;IACA,MAAMC,WAAW,GAAIC,IAAY,IAAK,IAAAC,yCAAiB,EAACD,IAAI,EAAEL,KAAK,CAAC;IAEpE,OAAO;MACHA,KAAK;MACLI;IACJ,CAAC;EACL,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,oBACI,IAAAxB,WAAA,CAAA+B,GAAA,EAACX,YAAY,CAACY,QAAQ;IAACN,KAAK,EAAEA,KAAM;IAAAD,QAAA,EAC/BA;EAAQ,CACU,CAAC;AAEhC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPAQ,OAAA,CAAAV,gBAAA,GAAAA,gBAAA;AAQO,MAAMW,SAAS,GAAGA,CAAA,KAAwB;EAC7C,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAAChB,YAAY,CAAC;EACxC,IAAI,CAACe,OAAO,EAAE;IACV;IACA,OAAO;MACHX,KAAK,EAAE,CAAC,CAAC;MACTI,WAAW,EAAGC,IAAY,IAAK,IAAAC,yCAAiB,EAACD,IAAI,EAAE,CAAC,CAAC;IAC7D,CAAC;EACL;EACA,OAAOM,OAAO;AAClB,CAAC;AAACF,OAAA,CAAAC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/design-tokens/index.js

@@ -14,4 +14,15 @@ Object.keys(_figmaVariablesResolver).forEach(function (key) {
     }
   });
 });
+var _JFSThemeProvider = require("./JFSThemeProvider");
+Object.keys(_JFSThemeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _JFSThemeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _JFSThemeProvider[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/design-tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_figmaVariablesResolver","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["design-tokens/index.ts"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_figmaVariablesResolver","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_JFSThemeProvider"],"sourceRoot":"../../../src","sources":["design-tokens/index.ts"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}