@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.1

package/build/commonjs/Badge/LegacyBadge.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Badge;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const defaultPosition = {
-  vertical: 'top',
-  horizontal: 'right'
-};
-
-const useStyles = function () {
-  const theme = (0, _styles.useTheme)();
-  const dotSize = 4;
-  return {
-    root: {},
-    badge: {
-      backgroundColor: theme.palette.secondary.main,
-      borderRadius: dotSize * 0.5,
-      height: dotSize,
-      position: 'absolute',
-      width: dotSize
-    }
-  };
-};
-
-function Badge(props) {
-  const {
-    children,
-    invisible = false,
-    position = defaultPosition,
-    style,
-    offset = 0,
-    ...otherProps
-  } = props;
-  const styles = useStyles();
-  const rootStyle = (0, _styles.css)([styles.root, style]);
-  const badgeStyle = (0, _styles.css)([styles.badge, {
-    [position.vertical]: offset,
-    [position.horizontal]: offset
-  }]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
-    style: rootStyle
-  }, otherProps), children, !invisible ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: badgeStyle
-  }) : null);
-}
-
-;
-//# sourceMappingURL=LegacyBadge.js.map

package/build/commonjs/Badge/LegacyBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["defaultPosition","vertical","horizontal","useStyles","theme","useTheme","dotSize","root","badge","backgroundColor","palette","secondary","main","borderRadius","height","position","width","Badge","props","children","invisible","style","offset","otherProps","styles","rootStyle","css","badgeStyle"],"sources":["LegacyBadge.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport BadgeProps, { BadgePosition } from './LegacyBadgeProps';\n\nconst defaultPosition: BadgePosition = {\n    vertical: 'top',\n    horizontal: 'right',\n};\n\ntype BadgeStyles = NamedStylesStringUnion<'root' | 'badge'>;\n\nconst useStyles: UseStyles<BadgeStyles> = function (): BadgeStyles {\n    const theme = useTheme();\n\n    const dotSize = 4;\n\n    return {\n        root: {},\n        badge: {\n            backgroundColor: theme.palette.secondary.main,\n            borderRadius: dotSize * 0.5,\n            height: dotSize,\n            position: 'absolute',\n            width: dotSize,\n        },\n    };\n};\n\nexport default function Badge(props: BadgeProps) {\n    const {\n        children,\n        invisible = false,\n        position = defaultPosition,\n        style,\n        offset = 0,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const badgeStyle = css([\n        styles.badge,\n        {\n            [position.vertical]: offset,\n            [position.horizontal]: offset,\n        },\n    ]);\n\n    return (\n        <View\n            style={rootStyle}\n            {...otherProps}\n        >\n            {children}\n\n            {!invisible ? <View style={badgeStyle}/> : null}\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,eAA8B,GAAG;EACnCC,QAAQ,EAAE,KADyB;EAEnCC,UAAU,EAAE;AAFuB,CAAvC;;AAOA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,OAAO,GAAG,CAAhB;EAEA,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,KAAK,EAAE;MACHC,eAAe,EAAEL,KAAK,CAACM,OAAN,CAAcC,SAAd,CAAwBC,IADtC;MAEHC,YAAY,EAAEP,OAAO,GAAG,GAFrB;MAGHQ,MAAM,EAAER,OAHL;MAIHS,QAAQ,EAAE,UAJP;MAKHC,KAAK,EAAEV;IALJ;EAFJ,CAAP;AAUH,CAfD;;AAiBe,SAASW,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,QADE;IAEFC,SAAS,GAAG,KAFV;IAGFL,QAAQ,GAAGf,eAHT;IAIFqB,KAJE;IAKFC,MAAM,GAAG,CALP;IAMF,GAAGC;EAND,IAOFL,KAPJ;EASA,MAAMM,MAAM,GAAGrB,SAAS,EAAxB;EAEA,MAAMsB,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBF,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;EAKA,MAAMM,UAAU,GAAG,IAAAD,WAAA,EAAI,CACnBF,MAAM,CAAChB,KADY,EAEnB;IACI,CAACO,QAAQ,CAACd,QAAV,GAAqBqB,MADzB;IAEI,CAACP,QAAQ,CAACb,UAAV,GAAuBoB;EAF3B,CAFmB,CAAJ,CAAnB;EAQA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEG;EADX,GAEQF,UAFR,GAIKJ,QAJL,EAMK,CAACC,SAAD,gBAAa,6BAAC,iBAAD;IAAM,KAAK,EAAEO;EAAb,EAAb,GAA0C,IAN/C,CADJ;AAUH;;AAAA"}

package/build/commonjs/Badge/LegacyBadgeProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacyBadgeProps.js.map

package/build/commonjs/Badge/LegacyBadgeProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyBadgeProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport type BadgeHorizontalPosition = 'right' | 'left';\n\nexport type BadgeVerticalPosition = 'top' | 'bottom';\n\nexport interface BadgePosition {\n    vertical: BadgeVerticalPosition;\n    horizontal: BadgeHorizontalPosition;\n}\n\nexport default interface BadgeProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The badge will be added relative to this node.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, the badge is invisible.\n     * @default false\n     */\n    invisible?: boolean;\n\n    /**\n     * The position of the badge.\n     * @default {\n     *     vertical: 'top',\n     *     horizontal: 'right',\n     * }\n     */\n    position?: BadgePosition;\n\n    /**\n     * The offset of the badge.\n     * @default 0\n     */\n    offset?: number;\n}> {}\n"],"mappings":""}

package/build/commonjs/Button/LegacyButton.js

@@ -1,144 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Button;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
-var _styles = require("../styles");
-
-var _utils = require("../utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const iconSizes = {
-  small: 20,
-  medium: 24
-};
-
-const styles = _styles.StyleSheet.create({
-  root: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  fullWidth: {
-    width: '100%'
-  },
-  medium: {
-    minWidth: 104,
-    height: 48
-  },
-  small: {
-    minWidth: 56,
-    height: 32
-  }
-});
-
-function Button(props) {
-  const {
-    children,
-    clipHorizontalSpacing = false,
-    color = 'primary',
-    disabled = false,
-    endIcon: endIconProp,
-    fullWidth = false,
-    href,
-    onPress,
-    pressEffect,
-    size = 'medium',
-    startIcon: startIconProp,
-    style: styleProp,
-    variant = 'contained',
-    ...otherProps
-  } = props;
-  const theme = (0, _styles.useTheme)();
-  const mainColor = theme.palette[color].main;
-  const fontColor = variant === 'contained' ? theme.palette[color].contrastTextColor : theme.palette[color].main;
-  const variantStyleMap = {
-    contained: {
-      backgroundColor: mainColor
-    },
-    outlined: {
-      backgroundColor: 'transparent',
-      borderColor: mainColor,
-      borderStyle: 'solid',
-      borderWidth: 1
-    },
-    text: {
-      backgroundColor: 'transparent'
-    }
-  };
-  const iconProps = {
-    width: iconSizes[size],
-    height: iconSizes[size],
-    fill: fontColor
-  };
-  const startIcon = (0, _utils.cloneElementSafely)(startIconProp, iconProps);
-  const endIcon = (0, _utils.cloneElementSafely)(endIconProp, iconProps);
-  const paddingSize = size === 'small' ? theme.spacing(3) : theme.spacing(4);
-  const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;
-  const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;
-  const borderRadius = theme.shape.roundnessLarge;
-  const buttonBaseStyle = (0, _styles.css)([styles.root, variantStyleMap[variant], size === 'medium' ? styles.medium : styles.small, fullWidth ? styles.fullWidth : undefined, {
-    borderRadius,
-    color: fontColor
-  }, variant === 'text' && clipHorizontalSpacing ? {
-    minWidth: 0
-  } : {
-    paddingLeft,
-    paddingRight
-  }, styleProp]);
-  const fontStyle = (0, _styles.createFontStyle)(theme, {
-    selector: typo => size === 'small' ? typo.button2 : typo.button1,
-    color: fontColor
-  });
-  const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);
-  const textMarginStyle = startIcon ? {
-    marginLeft: textMarginSize
-  } : endIcon ? {
-    marginRight: textMarginSize
-  } : undefined;
-  const textStyle = (0, _styles.css)([fontStyle, textMarginStyle, {
-    textAlign: 'center'
-  }]);
-  const modifiedPressEffect = variant !== 'text' && !pressEffect ? 'scale' : pressEffect;
-
-  const handlePress = async () => {
-    if (disabled) {
-      return;
-    }
-
-    if (onPress) {
-      onPress();
-      return;
-    }
-
-    if (href) {
-      if (await _reactNative.Linking.canOpenURL(href)) {
-        await _reactNative.Linking.openURL(href);
-      }
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
-    disabled: disabled,
-    onPress: handlePress,
-    style: buttonBaseStyle,
-    pressEffect: modifiedPressEffect
-  }, otherProps), startIcon, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    children: children,
-    style: textStyle
-  }), endIcon);
-}
-
-;
-//# sourceMappingURL=LegacyButton.js.map

package/build/commonjs/Button/LegacyButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconSizes","small","medium","styles","StyleSheet","create","root","flexDirection","justifyContent","alignItems","fullWidth","width","minWidth","height","Button","props","children","clipHorizontalSpacing","color","disabled","endIcon","endIconProp","href","onPress","pressEffect","size","startIcon","startIconProp","style","styleProp","variant","otherProps","theme","useTheme","mainColor","palette","main","fontColor","contrastTextColor","variantStyleMap","contained","backgroundColor","outlined","borderColor","borderStyle","borderWidth","text","iconProps","fill","cloneElementSafely","paddingSize","spacing","paddingLeft","paddingRight","borderRadius","shape","roundnessLarge","buttonBaseStyle","css","undefined","fontStyle","createFontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginLeft","marginRight","textStyle","textAlign","modifiedPressEffect","handlePress","Linking","canOpenURL","openURL"],"sources":["LegacyButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type ButtonProps from './LegacyButtonProps';\nimport type { ButtonSize } from './LegacyButtonProps';\n\ntype IconSizes = { [n in ButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    small: 20,\n    medium: 24,\n};\n\nconst styles = StyleSheet.create({\n    root: {\n        flexDirection: 'row',\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    fullWidth: {\n        width: '100%',\n    },\n    medium: {\n        minWidth: 104,\n        height: 48,\n    },\n    small: {\n        minWidth: 56,\n        height: 32,\n    },\n});\n\nexport default function Button(props: ButtonProps) {\n    const {\n        children,\n        clipHorizontalSpacing = false,\n        color = 'primary',\n        disabled = false,\n        endIcon: endIconProp,\n        fullWidth = false,\n        href,\n        onPress,\n        pressEffect,\n        size = 'medium',\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'contained',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const mainColor = theme.palette[color].main;\n\n    const fontColor = variant === 'contained'\n        ? theme.palette[color].contrastTextColor\n        : theme.palette[color].main;\n\n    const variantStyleMap = {\n        contained: {\n            backgroundColor: mainColor,\n        },\n        outlined: {\n            backgroundColor: 'transparent',\n            borderColor: mainColor,\n            borderStyle: 'solid',\n            borderWidth: 1,\n        },\n        text: {\n            backgroundColor: 'transparent',\n        },\n    };\n\n    const iconProps = {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        fill: fontColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    const paddingSize = size === 'small' ? theme.spacing(3) : theme.spacing(4);\n    const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;\n    const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const borderRadius = theme.shape.roundnessLarge;\n    const buttonBaseStyle = css([\n        styles.root,\n        variantStyleMap[variant],\n        size === 'medium' ? styles.medium : styles.small,\n        fullWidth ? styles.fullWidth : undefined,\n        { borderRadius, color: fontColor },\n        (variant === 'text' && clipHorizontalSpacing)\n            ? { minWidth: 0 }\n            : { paddingLeft, paddingRight },\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = startIcon\n        ? { marginLeft: textMarginSize }\n        : endIcon\n            ? { marginRight: textMarginSize }\n            : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const modifiedPressEffect = variant !== 'text' && !pressEffect\n        ? 'scale'\n        : pressEffect;\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n        if (href) {\n            if (await Linking.canOpenURL(href)) {\n                await Linking.openURL(href);\n            }\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            pressEffect={modifiedPressEffect}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Button/LegacyButtonProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacyButtonProps.js.map

package/build/commonjs/Button/LegacyButtonProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps, CommonComponentColor } from '../types';\n\nexport type ButtonColor = CommonComponentColor;\n\nexport type ButtonSize = 'small' | 'medium';\n\nexport type ButtonVariant = 'contained' | 'outlined' | 'text';\n\nexport default interface ButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The content of the button.\n     */\n    children: string;\n\n    /**\n     * If `true`, remove horizontal padding and minimum width.\n     * This prop only applied on `text` variant.\n     * @default false\n     */\n    clipHorizontalSpacing?: boolean;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: ButtonColor;\n\n    /**\n     * Element placed after the children.\n     */\n    endIcon?: React.ReactElement;\n\n    /**\n     * If `true`, the button will take up the full width of its container.\n     * @default false\n     */\n    fullWidth?: boolean;\n\n    /**\n     * The URL to link to when the button is clicked.\n     */\n    href?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: ButtonSize;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'contained'\n     */\n    variant?: ButtonVariant;\n}> {}\n"],"mappings":""}

package/build/commonjs/Checkbox/LegacyCheckbox.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Checkbox;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
-var _icons = require("../internal/icons");
-
-var _styles = require("../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const useStyles = function () {
-  return {
-    root: {
-      width: 24,
-      height: 24,
-      justifyContent: 'center',
-      alignItems: 'center'
-    }
-  };
-};
-
-function Checkbox(props) {
-  const {
-    checked = false,
-    checkedIcon: checkedIconProp,
-    color = 'primary',
-    disabled = false,
-    icon: iconProp,
-    onChange,
-    style,
-    ...otherProps
-  } = props;
-  const styles = useStyles();
-  const uncheckedIcon = iconProp ? iconProp : /*#__PURE__*/_react.default.createElement(_icons.Checkbox, {
-    color: color
-  });
-  const checkedIcon = checkedIconProp ? checkedIconProp : /*#__PURE__*/_react.default.createElement(_icons.CheckboxChecked, {
-    color: color
-  });
-
-  const handlePress = () => {
-    if (onChange) {
-      onChange(!checked);
-    }
-  };
-
-  const rootStyle = (0, _styles.css)([styles.root, style]);
-  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
-    disabled: disabled,
-    onPress: handlePress,
-    style: rootStyle
-  }, otherProps), checked ? checkedIcon : uncheckedIcon);
-}
-
-;
-//# sourceMappingURL=LegacyCheckbox.js.map

package/build/commonjs/Checkbox/LegacyCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useStyles","root","width","height","justifyContent","alignItems","Checkbox","props","checked","checkedIcon","checkedIconProp","color","disabled","icon","iconProp","onChange","style","otherProps","styles","uncheckedIcon","handlePress","rootStyle","css"],"sources":["LegacyCheckbox.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Checkbox as CheckboxIcon, CheckboxChecked as CheckboxCheckedIcon } from '../internal/icons';\nimport { css } from '../styles';\nimport type CheckboxProps from './LegacyCheckboxProps';\n\ntype CheckboxStyle = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<CheckboxStyle> = function (): CheckboxStyle {\n    return {\n        root: {\n            width: 24,\n            height: 24,\n            justifyContent: 'center',\n            alignItems: 'center',\n        },\n    };\n};\n\nexport default function Checkbox(props: CheckboxProps) {\n    const {\n        checked = false,\n        checkedIcon: checkedIconProp,\n        color = 'primary',\n        disabled = false,\n        icon: iconProp,\n        onChange,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const uncheckedIcon = iconProp ? iconProp : <CheckboxIcon color={color}/>;\n    const checkedIcon = checkedIconProp ? checkedIconProp : <CheckboxCheckedIcon color={color}/>;\n\n    const handlePress = () => {\n        if (onChange) {\n            onChange(!checked);\n        }\n    };\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {checked\n                ? checkedIcon\n                : uncheckedIcon\n            }\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAmC,GAAG,YAA2B;EACnE,OAAO;IACHC,IAAI,EAAE;MACFC,KAAK,EAAE,EADL;MAEFC,MAAM,EAAE,EAFN;MAGFC,cAAc,EAAE,QAHd;MAIFC,UAAU,EAAE;IAJV;EADH,CAAP;AAQH,CATD;;AAWe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,WAAW,EAAEC,eAFX;IAGFC,KAAK,GAAG,SAHN;IAIFC,QAAQ,GAAG,KAJT;IAKFC,IAAI,EAAEC,QALJ;IAMFC,QANE;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFV,KATJ;EAWA,MAAMW,MAAM,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,aAAa,GAAGL,QAAQ,GAAGA,QAAH,gBAAc,6BAAC,eAAD;IAAc,KAAK,EAAEH;EAArB,EAA5C;EACA,MAAMF,WAAW,GAAGC,eAAe,GAAGA,eAAH,gBAAqB,6BAAC,sBAAD;IAAqB,KAAK,EAAEC;EAA5B,EAAxD;;EAEA,MAAMS,WAAW,GAAG,MAAM;IACtB,IAAIL,QAAJ,EAAc;MACVA,QAAQ,CAAC,CAACP,OAAF,CAAR;IACH;EACJ,CAJD;;EAMA,MAAMa,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBJ,MAAM,CAACjB,IADW,EAElBe,KAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEQ,WAFb;IAGI,KAAK,EAAEC;EAHX,GAIQJ,UAJR,GAMKT,OAAO,GACFC,WADE,GAEFU,aARV,CADJ;AAaH;;AAAA"}

package/build/commonjs/Checkbox/LegacyCheckboxProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacyCheckboxProps.js.map

package/build/commonjs/Checkbox/LegacyCheckboxProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyCheckboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport type CheckboxColor = CommonComponentColor;\n\nexport default interface CheckboxProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * The checked Icon which is replaced.\n     */\n    checkedIcon?: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: CheckboxColor;\n\n    /**\n     * If `true`, the checkbox is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The unchecked Icon which is replaced.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * Callback fired when the state is changed.\n     */\n    onChange?: (newChecked: boolean) => void;\n}> {}\n"],"mappings":""}

package/build/commonjs/CheckboxGroup/CheckboxGroup.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CheckboxGroup;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-var _utils = require("../utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const useStyles = function () {
-  const theme = (0, _styles.useTheme)();
-  return {
-    square: {
-      paddingVertical: theme.spacing(2)
-    },
-    round: {
-      borderBottomColor: theme.palette.border.weak,
-      borderBottomWidth: 0.5,
-      paddingVertical: theme.spacing(3.5)
-    }
-  };
-};
-
-function CheckboxGroup(props) {
-  const {
-    children,
-    variant = 'square',
-    ...otherProps
-  } = props;
-  const styles = useStyles();
-
-  const content = _react.Children.map(children, child => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles[variant]
-  }, (0, _utils.cloneElementSafely)(child, {
-    variant
-  })));
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, otherProps, content);
-}
-//# sourceMappingURL=CheckboxGroup.js.map

package/build/commonjs/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useStyles","theme","useTheme","square","paddingVertical","spacing","round","borderBottomColor","palette","border","weak","borderBottomWidth","CheckboxGroup","props","children","variant","otherProps","styles","content","Children","map","child","cloneElementSafely"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type { CheckboxVariant } from '../Checkbox/CheckboxProps';\nimport { useTheme } from '../styles';\nimport type { FalsyReactElement } from '../utils';\nimport { cloneElementSafely } from '../utils';\nimport type CheckboxGroupProps from './CheckboxGroupProps';\n\ntype CheckboxItemStyles = NamedStylesStringUnion<CheckboxVariant>;\n\nconst useStyles: UseStyles<CheckboxItemStyles> = function (): CheckboxItemStyles {\n    const theme = useTheme();\n\n    return {\n        square: {\n            paddingVertical: theme.spacing(2),\n        },\n        round: {\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n            paddingVertical: theme.spacing(3.5),\n        },\n    };\n};\n\nexport default function CheckboxGroup(props: CheckboxGroupProps) {\n    const {\n        children,\n        variant = 'square' as CheckboxVariant,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const content = Children.map(children, (child) => (\n        <View style={styles[variant]}>\n            {cloneElementSafely(child as FalsyReactElement, { variant })}\n        </View>\n    ));\n\n    return (\n        <View {...otherProps}>\n            {content}\n        </View>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AAEA;;;;;;AAKA,MAAMA,SAAwC,GAAG,YAAgC;EAC7E,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,MAAM,EAAE;MACJC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,CAAd;IADb,CADL;IAIHC,KAAK,EAAE;MACHC,iBAAiB,EAAEN,KAAK,CAACO,OAAN,CAAcC,MAAd,CAAqBC,IADrC;MAEHC,iBAAiB,EAAE,GAFhB;MAGHP,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,GAAd;IAHd;EAJJ,CAAP;AAUH,CAbD;;AAee,SAASO,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,OAAO,GAAG,QAFR;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,MAAM,GAAGjB,SAAS,EAAxB;;EAEA,MAAMkB,OAAO,GAAGC,eAAA,CAASC,GAAT,CAAaN,QAAb,EAAwBO,KAAD,iBACnC,6BAAC,iBAAD;IAAM,KAAK,EAAEJ,MAAM,CAACF,OAAD;EAAnB,GACK,IAAAO,yBAAA,EAAmBD,KAAnB,EAA+C;IAAEN;EAAF,CAA/C,CADL,CADY,CAAhB;;EAMA,oBACI,6BAAC,iBAAD,EAAUC,UAAV,EACKE,OADL,CADJ;AAKH"}

package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=CheckboxGroupProps.js.map

package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["CheckboxGroupProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { CheckboxVariant } from '../Checkbox/CheckboxProps';\n\nexport default interface CheckboxGroupProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Determines the shape and style of the checkbox.\n     * @default 'square'\n     */\n    variant?: CheckboxVariant;\n}> {}\n"],"mappings":""}

package/build/commonjs/CheckboxGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './CheckboxGroup';\nexport type { default as CheckboxGroupProps } from './CheckboxGroupProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Chip/LegacyChip.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Chip;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-var _utils = require("../utils");
-
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const ICON_SIZE = 20;
-
-const useStyles = function () {
-  const theme = (0, _styles.useTheme)();
-  return {
-    root: {
-      alignItems: 'center',
-      borderRadius: theme.shape.roundnessExtra,
-      flexDirection: 'row',
-      height: 32,
-      justifyContent: 'center',
-      paddingLeft: theme.spacing(3),
-      paddingRight: theme.spacing(3)
-    }
-  };
-};
-
-function Chip(props) {
-  const {
-    children,
-    endIcon: endIconProp,
-    numberOfLines,
-    onPress,
-    startIcon: startIconProp,
-    style: styleProp,
-    variant = 'outlined',
-    ...otherProps
-  } = props;
-  const theme = (0, _styles.useTheme)();
-  const styles = useStyles();
-  const fontColor = variant === 'outlined' ? theme.palette.tertiary.main : theme.palette.primary.main;
-  const variantStyleMap = {
-    outlined: {
-      backgroundColor: theme.palette.paper.default,
-      borderColor: theme.palette.border.default,
-      borderWidth: 1
-    },
-    filled: {
-      backgroundColor: theme.palette.paper.grey
-    },
-    bold: {
-      backgroundColor: theme.palette.paper.default,
-      borderColor: theme.palette.primary.main,
-      borderWidth: 1.5
-    }
-  };
-  const chipStyle = (0, _styles.css)([styles.root, variantStyleMap[variant], styleProp]);
-  const fontStyle = (0, _styles.createFontStyle)(theme, {
-    selector: typo => variant === 'bold' ? typo.subtitle2 : typo.body2,
-    color: fontColor
-  });
-  const textMarginSize = theme.spacing(1);
-  const textMarginStyle = startIconProp ? {
-    marginLeft: textMarginSize
-  } : endIconProp ? {
-    marginRight: textMarginSize
-  } : undefined;
-  const textStyle = (0, _styles.css)([fontStyle, textMarginStyle, {
-    textAlign: 'center'
-  }]);
-  const iconProps = {
-    width: ICON_SIZE,
-    height: ICON_SIZE,
-    fill: fontColor
-  };
-  const startIcon = (0, _utils.cloneElementSafely)(startIconProp, iconProps);
-  const endIcon = (0, _utils.cloneElementSafely)(endIconProp, iconProps);
-  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
-    onPress: onPress,
-    style: chipStyle
-  }, otherProps), startIcon, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    children: children,
-    numberOfLines: numberOfLines,
-    style: textStyle
-  }), endIcon);
-}
-//# sourceMappingURL=LegacyChip.js.map

package/build/commonjs/Chip/LegacyChip.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ICON_SIZE","useStyles","theme","useTheme","root","alignItems","borderRadius","shape","roundnessExtra","flexDirection","height","justifyContent","paddingLeft","spacing","paddingRight","Chip","props","children","endIcon","endIconProp","numberOfLines","onPress","startIcon","startIconProp","style","styleProp","variant","otherProps","styles","fontColor","palette","tertiary","main","primary","variantStyleMap","outlined","backgroundColor","paper","default","borderColor","border","borderWidth","filled","grey","bold","chipStyle","css","fontStyle","createFontStyle","selector","typo","subtitle2","body2","color","textMarginSize","textMarginStyle","marginLeft","marginRight","undefined","textStyle","textAlign","iconProps","width","fill","cloneElementSafely"],"sources":["LegacyChip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport ButtonBase from '../ButtonBase';\nimport type ChipProps from './LegacyChipProps';\n\ntype ChipStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<ChipStyles> = function (): ChipStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            borderRadius: theme.shape.roundnessExtra,\n            flexDirection: 'row',\n            height: 32,\n            justifyContent: 'center',\n            paddingLeft: theme.spacing(3),\n            paddingRight: theme.spacing(3),\n        },\n    };\n};\n\nexport default function Chip(props: ChipProps) {\n    const {\n        children,\n        endIcon: endIconProp,\n        numberOfLines,\n        onPress,\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'outlined',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const fontColor = variant === 'outlined'\n        ? theme.palette.tertiary.main\n        : theme.palette.primary.main;\n\n    const variantStyleMap = {\n        outlined: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.border.default,\n            borderWidth: 1,\n        },\n        filled: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        bold: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.primary.main,\n            borderWidth: 1.5,\n        },\n    };\n\n    const chipStyle = css([\n        styles.root,\n        variantStyleMap[variant],\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => variant === 'bold'\n            ? typo.subtitle2\n            : typo.body2,\n        color: fontColor,\n    });\n\n    const textMarginSize = theme.spacing(1);\n    const textMarginStyle = startIconProp\n        ? { marginLeft: textMarginSize }\n        : endIconProp\n            ? { marginRight: textMarginSize }\n            : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const iconProps = {\n        width: ICON_SIZE,\n        height: ICON_SIZE,\n        fill: fontColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            style={chipStyle}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                numberOfLines={numberOfLines}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n}\n"],"mappings":"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"}

package/build/commonjs/Chip/LegacyChipProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacyChipProps.js.map

package/build/commonjs/Chip/LegacyChipProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyChipProps.ts"],"sourcesContent":["import React from 'react';\nimport { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\nexport type ChipVariant = 'outlined' | 'filled' | 'bold';\n\nexport default interface ChipProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * Element placed after the children.\n     */\n    endIcon?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    children: string;\n\n    /**\n     * Number of lines of children.\n     */\n    numberOfLines?: number;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'outlined'\n     */\n    variant?: ChipVariant;\n}> {}\n"],"mappings":""}