react-native-system-ui 1.0.1 → 1.0.3

package/dist/cjs/components/slider/tokens.js

@@ -1,37 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSliderTokens = void 0;
-var _designSystem = require("../../design-system");
-const createSliderTokens = foundations => {
-  return {
-    track: {
-      height: 2,
-      radius: foundations.radii.pill
-    },
-    thumb: {
-      size: foundations.spacing.lg + foundations.spacing.sm,
-      indicatorSize: foundations.spacing.sm,
-      elevation: 1
-    },
-    colors: {
-      active: foundations.palette.primary[500],
-      inactive: foundations.palette.default[300],
-      thumbBackground: '#ffffff',
-      thumbIndicator: '#ffffff'
-    },
-    spacing: {
-      containerPaddingVertical: foundations.spacing.md
-    },
-    layout: {
-      verticalMinHeight: 150,
-      verticalWidth: 40
-    },
-    states: {
-      disabledOpacity: foundations.opacity.disabled
-    }
-  };
-};
-const useSliderTokens = exports.useSliderTokens = (0, _designSystem.createComponentTokensHook)('slider', createSliderTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSliderTokens=void 0;var _designSystem=require("../../design-system");const createSliderTokens=e=>({track:{height:2,radius:e.radii.pill},thumb:{size:e.spacing.lg+e.spacing.sm,indicatorSize:e.spacing.sm,elevation:1},colors:{active:e.palette.primary[500],inactive:e.palette.default[300],thumbBackground:"#ffffff",thumbIndicator:"#ffffff"},spacing:{containerPaddingVertical:e.spacing.md},layout:{verticalMinHeight:150,verticalWidth:40},states:{disabledOpacity:e.opacity.disabled}}),useSliderTokens=exports.useSliderTokens=(0,_designSystem.createComponentTokensHook)("slider",createSliderTokens);

package/dist/cjs/components/space/Space.js

@@ -1,134 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Space = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _hooks = require("../../hooks");
-var _tokens = require("./tokens");
-var _utils = require("../../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const alignMap = {
-  start: 'flex-start',
-  end: 'flex-end',
-  center: 'center',
-  baseline: 'baseline',
-  stretch: 'stretch'
-};
-const justifyMap = {
-  start: 'flex-start',
-  end: 'flex-end',
-  center: 'center',
-  between: 'space-between',
-  around: 'space-around',
-  evenly: 'space-evenly'
-};
-const parseSpaceSize = (v, presets) => {
-  if (v === undefined) return presets.normal;
-  if ((0, _utils.isFiniteNumber)(v)) return v;
-  if (typeof v === 'string' && v in presets) return presets[v];
-  return (0, _utils.parseNumberLike)(v, presets.normal) ?? presets.normal;
-};
-const parseGap = (v, presets) => {
-  if (Array.isArray(v)) return [parseSpaceSize(v[0], presets), parseSpaceSize(v[1], presets)];
-  const p = parseSpaceSize(v, presets);
-  return [p, p];
-};
-const Space = exports.Space = /*#__PURE__*/_react().default.memo(props => {
-  const {
-    children,
-    gap,
-    size: sizeP,
-    direction: dirP,
-    align: alignP,
-    justify: justP = 'start',
-    wrap: wrapP,
-    block: blockP,
-    fill: fillP,
-    divider,
-    tokensOverride,
-    style,
-    onClick,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useSpaceTokens)(tokensOverride);
-  const hor = (dirP ?? tokens.defaults.direction) === 'horizontal';
-  const wrap = wrapP ?? tokens.defaults.wrap;
-  const gapIn = (0, _tokens.resolveGapInput)(gap, sizeP, tokens.defaults.gapPreset);
-  const [hG, vG] = parseGap(gapIn, tokens.sizing.presets);
-  const hGap = Math.max(0, hG);
-  const vGap = Math.max(0, vG);
-  const justStretch = justP === 'stretch';
-  const justStyle = justStretch ? 'start' : justP;
-  const block = blockP ?? !hor;
-  const align = alignP ?? (hor ? 'center' : 'stretch');
-  const fillOrJust = hor && ((fillP ?? false) || justStretch);
-  const boxStyle = {
-    flexDirection: hor ? 'row' : 'column',
-    flexWrap: hor && wrap ? 'wrap' : 'nowrap',
-    alignItems: alignMap[align],
-    justifyContent: justifyMap[justStyle],
-    width: block ? '100%' : undefined,
-    columnGap: hor ? hGap : undefined,
-    rowGap: vGap
-  };
-  const txtStyle = {
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.fontSize
-  };
-  const arr = _react().default.Children.toArray(children).filter(_utils.isRenderable);
-  const content = [];
-  for (let i = 0; i < arr.length; i++) {
-    const child = arr[i];
-    const key = /*#__PURE__*/_react().default.isValidElement(child) && child.key != null ? child.key : i;
-    const flexS = fillOrJust ? {
-      flexGrow: 1,
-      flexBasis: 0,
-      minWidth: 0
-    } : !hor && (fillP || block) ? {
-      width: '100%'
-    } : undefined;
-    content.push(/*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      key: key,
-      style: flexS
-    }, (0, _utils.renderTextOrNode)(child, txtStyle)));
-    if (divider && i < arr.length - 1) content.push(/*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      key: `divider-${String(key)}`
-    }, (0, _utils.renderTextOrNode)(divider, txtStyle)));
-  }
-  const inter = (0, _utils.isFunction)(onClick);
-  const {
-    interactionProps,
-    states
-  } = (0, _hooks.useAriaPress)({
-    disabled: !inter,
-    onPress: onClick,
-    extraProps: inter ? {
-      accessibilityRole: 'button'
-    } : undefined
-  });
-  if (inter) return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-    style: [tokens.layout.container, boxStyle, style, states.pressed && {
-      opacity: 0.85
-    }]
-  }, interactionProps, rest), content);
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
-    style: [tokens.layout.container, boxStyle, style]
-  }, rest), content);
-});
-Space.displayName = 'Space';
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Space=void 0;var _hooks=require("../../hooks"),_tokens=require("./tokens"),_utils=require("../../utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const alignMap={start:"flex-start",end:"flex-end",center:"center",baseline:"baseline",stretch:"stretch"},justifyMap={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly"},parseSpaceSize=(e,t)=>void 0===e?t.normal:(0,_utils.isFiniteNumber)(e)?e:"string"==typeof e&&e in t?t[e]:(0,_utils.parseNumberLike)(e,t.normal)??t.normal,parseGap=(e,t)=>{if(Array.isArray(e))return[parseSpaceSize(e[0],t),parseSpaceSize(e[1],t)];const r=parseSpaceSize(e,t);return[r,r]},Space=exports.Space=_react().default.memo(e=>{const{children:t,gap:r,size:a,direction:n,align:i,justify:s="start",wrap:o,block:l,fill:c,divider:u,tokensOverride:p,style:d,onClick:f,..._}=e,y=(0,_tokens.useSpaceTokens)(p),v="horizontal"===(n??y.defaults.direction),h=o??y.defaults.wrap,m=(0,_tokens.resolveGapInput)(r,a,y.defaults.gapPreset),[x,S]=parseGap(m,y.sizing.presets),b=Math.max(0,x),g=Math.max(0,S),k="stretch"===s,w=l??!v,N=v&&((c??!1)||k),z={flexDirection:v?"row":"column",flexWrap:v&&h?"wrap":"nowrap",alignItems:alignMap[i??(v?"center":"stretch")],justifyContent:justifyMap[k?"start":s],width:w?"100%":void 0,columnGap:v?b:void 0,rowGap:g},M={fontFamily:y.typography.fontFamily,fontSize:y.typography.fontSize},P=_react().default.Children.toArray(t).filter(_utils.isRenderable),j=[];for(let e=0;e<P.length;e++){const t=P[e],r=_react().default.isValidElement(t)&&null!=t.key?t.key:e,a=N?{flexGrow:1,flexBasis:0,minWidth:0}:v||!c&&!w?void 0:{width:"100%"};j.push(_react().default.createElement(_reactNative().View,{key:r,style:a},(0,_utils.renderTextOrNode)(t,M))),u&&e<P.length-1&&j.push(_react().default.createElement(_reactNative().View,{key:`divider-${String(r)}`},(0,_utils.renderTextOrNode)(u,M)))}const q=(0,_utils.isFunction)(f),{interactionProps:O,states:G}=(0,_hooks.useAriaPress)({disabled:!q,onPress:f,extraProps:q?{accessibilityRole:"button"}:void 0});return q?_react().default.createElement(_reactNative().Pressable,_extends({style:[y.layout.container,z,d,G.pressed&&{opacity:.85}]},O,_),j):_react().default.createElement(_reactNative().View,_extends({style:[y.layout.container,z,d]},_),j)});Space.displayName="Space";

package/dist/cjs/components/space/index.js

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Space", {
-  enumerable: true,
-  get: function () {
-    return _Space.Space;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Space.Space;
-  }
-});
-var _Space = require("./Space");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Space",{enumerable:!0,get:function(){return _Space.Space}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Space.Space}});var _Space=require("./Space");

package/dist/cjs/components/space/tokens.js

@@ -1,39 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSpaceTokens = exports.resolveGapInput = void 0;
-var _designSystem = require("../../design-system");
-const createSpaceTokens = foundations => {
-  const {
-    spacing,
-    fontSize,
-    typography
-  } = foundations;
-  return {
-    defaults: {
-      direction: 'horizontal',
-      wrap: false,
-      gapPreset: 'normal'
-    },
-    layout: {
-      container: {}
-    },
-    typography: {
-      fontFamily: typography.fontFamily,
-      fontSize: fontSize.sm
-    },
-    sizing: {
-      presets: {
-        mini: spacing.xxs ?? spacing.xs ?? 4,
-        small: spacing.xs,
-        normal: spacing.sm,
-        large: spacing.md
-      }
-    }
-  };
-};
-const useSpaceTokens = exports.useSpaceTokens = (0, _designSystem.createComponentTokensHook)('space', createSpaceTokens);
-const resolveGapInput = (gap, size, fallback) => gap ?? size ?? fallback ?? 'normal';
-exports.resolveGapInput = resolveGapInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSpaceTokens=exports.resolveGapInput=void 0;var _designSystem=require("../../design-system");const createSpaceTokens=e=>{const{spacing:s,fontSize:o,typography:t}=e;return{defaults:{direction:"horizontal",wrap:!1,gapPreset:"normal"},layout:{container:{}},typography:{fontFamily:t.fontFamily,fontSize:o.sm},sizing:{presets:{mini:s.xxs??s.xs??4,small:s.xs,normal:s.sm,large:s.md}}}},useSpaceTokens=exports.useSpaceTokens=(0,_designSystem.createComponentTokensHook)("space",createSpaceTokens),resolveGapInput=(e,s,o)=>e??s??o??"normal";exports.resolveGapInput=resolveGapInput;