@fountain-ui/core 2.0.0-beta.91 → 2.0.0-beta.93

package/build/commonjs/ButtonSet/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "buttonSetColors", {
+  enumerable: true,
+  get: function () {
+    return _ButtonSetProps.buttonSetColors;
+  }
+});
+Object.defineProperty(exports, "buttonSetVariants", {
+  enumerable: true,
+  get: function () {
+    return _ButtonSetProps.buttonSetVariants;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ButtonSet.default;
+  }
+});
+
+var _ButtonSet = _interopRequireDefault(require("./ButtonSet"));
+
+var _ButtonSetProps = require("./ButtonSetProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ButtonSet';\nexport type { default as ButtonSetProps, ButtonSetColor, ButtonSetVariant } from './ButtonSetProps';\nexport { buttonSetColors, buttonSetVariants } from './ButtonSetProps';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA"}

package/build/commonjs/ButtonSet/useVariantStyleMap.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVariantStyleMap;
+
+var _react = require("react");
+
+var _styles = require("@fountain-ui/styles");
+
+function useVariantStyleMap(variant, color) {
+  const theme = (0, _styles.useTheme)();
+  return (0, _react.useMemo)(() => {
+    const variantStyleMap = {
+      horizontal: {
+        containerStyle: {
+          flexDirection: 'row',
+          gap: theme.spacing(2),
+          paddingVertical: theme.spacing(2)
+        },
+        buttonStyleMap: {
+          accent: [{
+            color: 'primary',
+            variant: 'outlined'
+          }, {
+            color: 'accent',
+            variant: 'solid'
+          }],
+          danger: [{
+            color: 'primary',
+            variant: 'outlined'
+          }, {
+            color: 'danger',
+            variant: 'solid'
+          }]
+        }
+      },
+      vertical: {
+        containerStyle: {
+          flexDirection: 'column',
+          gap: theme.spacing(2.5),
+          paddingTop: theme.spacing(2)
+        },
+        buttonStyleMap: {
+          accent: [{
+            color: 'accent',
+            variant: 'solid'
+          }, {
+            color: 'secondary',
+            variant: 'text'
+          }],
+          danger: [{
+            color: 'danger',
+            variant: 'solid'
+          }, {
+            color: 'secondary',
+            variant: 'text'
+          }],
+          warning: [{
+            color: 'primary',
+            variant: 'solid'
+          }, {
+            color: 'danger',
+            variant: 'text'
+          }]
+        }
+      }
+    };
+    const {
+      containerStyle,
+      buttonStyleMap
+    } = variantStyleMap[variant];
+
+    if (process.env.NODE_ENV !== 'production' && buttonStyleMap[color] === undefined) {
+      console.warn('The selected color is not supported for the chosen variant.');
+    }
+
+    return {
+      containerStyle,
+      buttonStyleMap: buttonStyleMap[color] ?? []
+    };
+  }, [theme, variant, color]);
+}
+//# sourceMappingURL=useVariantStyleMap.js.map

package/build/commonjs/ButtonSet/useVariantStyleMap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useVariantStyleMap","variant","color","theme","useTheme","useMemo","variantStyleMap","horizontal","containerStyle","flexDirection","gap","spacing","paddingVertical","buttonStyleMap","accent","danger","vertical","paddingTop","warning","process","env","NODE_ENV","undefined","console","warn"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { useTheme } from '@fountain-ui/styles';\nimport type ButtonProps from '../Button/ButtonProps';\nimport type { ButtonSetColor, ButtonSetVariant } from './ButtonSetProps';\n\ntype ButtonStyle = Partial<ButtonProps>;\n\ntype ButtonStyleMap = {\n    [color in ButtonSetColor]?: ButtonStyle[];\n};\n\ntype VariantButtonStyleMap = {\n    [variant in ButtonSetVariant]: {\n        containerStyle: FountainUiStyle;\n        buttonStyleMap: ButtonStyleMap;\n    };\n};\n\ntype UseVariantButtonStyleMapReturns = {\n    containerStyle: FountainUiStyle;\n    buttonStyleMap: ButtonStyle[];\n};\n\nexport default function useVariantStyleMap(variant: ButtonSetVariant, color: ButtonSetColor): UseVariantButtonStyleMapReturns {\n    const theme = useTheme();\n\n    return useMemo(() => {\n        const variantStyleMap: VariantButtonStyleMap = {\n            horizontal: {\n                containerStyle: {\n                    flexDirection: 'row',\n                    gap: theme.spacing(2),\n                    paddingVertical: theme.spacing(2),\n                },\n                buttonStyleMap: {\n                    accent: [\n                        { color: 'primary', variant: 'outlined' },\n                        { color: 'accent', variant: 'solid' },\n                    ],\n                    danger: [\n                        { color: 'primary', variant: 'outlined' },\n                        { color: 'danger', variant: 'solid' },\n                    ],\n                },\n            },\n            vertical: {\n                containerStyle: {\n                    flexDirection: 'column',\n                    gap: theme.spacing(2.5),\n                    paddingTop: theme.spacing(2),\n                },\n                buttonStyleMap: {\n                    accent: [\n                        { color: 'accent', variant: 'solid' },\n                        { color: 'secondary', variant: 'text' },\n                    ],\n                    danger: [\n                        { color: 'danger', variant: 'solid' },\n                        { color: 'secondary', variant: 'text' },\n                    ],\n                    warning: [\n                        { color: 'primary', variant: 'solid' },\n                        { color: 'danger', variant: 'text' },\n                    ],\n                },\n            },\n        };\n\n        const {\n            containerStyle,\n            buttonStyleMap,\n        } = variantStyleMap[variant];\n\n        if (process.env.NODE_ENV !== 'production' && buttonStyleMap[color] === undefined) {\n            console.warn('The selected color is not supported for the chosen variant.');\n        }\n\n        return {\n            containerStyle,\n            buttonStyleMap: buttonStyleMap[color] ?? [],\n        };\n    }, [theme, variant, color]);\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAsBe,SAASA,kBAAT,CAA4BC,OAA5B,EAAuDC,KAAvD,EAA+G;EAC1H,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO,IAAAC,cAAA,EAAQ,MAAM;IACjB,MAAMC,eAAsC,GAAG;MAC3CC,UAAU,EAAE;QACRC,cAAc,EAAE;UACZC,aAAa,EAAE,KADH;UAEZC,GAAG,EAAEP,KAAK,CAACQ,OAAN,CAAc,CAAd,CAFO;UAGZC,eAAe,EAAET,KAAK,CAACQ,OAAN,CAAc,CAAd;QAHL,CADR;QAMRE,cAAc,EAAE;UACZC,MAAM,EAAE,CACJ;YAAEZ,KAAK,EAAE,SAAT;YAAoBD,OAAO,EAAE;UAA7B,CADI,EAEJ;YAAEC,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CAFI,CADI;UAKZc,MAAM,EAAE,CACJ;YAAEb,KAAK,EAAE,SAAT;YAAoBD,OAAO,EAAE;UAA7B,CADI,EAEJ;YAAEC,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CAFI;QALI;MANR,CAD+B;MAkB3Ce,QAAQ,EAAE;QACNR,cAAc,EAAE;UACZC,aAAa,EAAE,QADH;UAEZC,GAAG,EAAEP,KAAK,CAACQ,OAAN,CAAc,GAAd,CAFO;UAGZM,UAAU,EAAEd,KAAK,CAACQ,OAAN,CAAc,CAAd;QAHA,CADV;QAMNE,cAAc,EAAE;UACZC,MAAM,EAAE,CACJ;YAAEZ,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CADI,EAEJ;YAAEC,KAAK,EAAE,WAAT;YAAsBD,OAAO,EAAE;UAA/B,CAFI,CADI;UAKZc,MAAM,EAAE,CACJ;YAAEb,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CADI,EAEJ;YAAEC,KAAK,EAAE,WAAT;YAAsBD,OAAO,EAAE;UAA/B,CAFI,CALI;UASZiB,OAAO,EAAE,CACL;YAAEhB,KAAK,EAAE,SAAT;YAAoBD,OAAO,EAAE;UAA7B,CADK,EAEL;YAAEC,KAAK,EAAE,QAAT;YAAmBD,OAAO,EAAE;UAA5B,CAFK;QATG;MANV;IAlBiC,CAA/C;IAyCA,MAAM;MACFO,cADE;MAEFK;IAFE,IAGFP,eAAe,CAACL,OAAD,CAHnB;;IAKA,IAAIkB,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,IAAyCR,cAAc,CAACX,KAAD,CAAd,KAA0BoB,SAAvE,EAAkF;MAC9EC,OAAO,CAACC,IAAR,CAAa,6DAAb;IACH;;IAED,OAAO;MACHhB,cADG;MAEHK,cAAc,EAAEA,cAAc,CAACX,KAAD,CAAd,IAAyB;IAFtC,CAAP;EAIH,CAvDM,EAuDJ,CAACC,KAAD,EAAQF,OAAR,EAAiBC,KAAjB,CAvDI,CAAP;AAwDH"}

package/build/commonjs/Checkbox/Checkbox.js

@@ -7,44 +7,42 @@ exports.default = Checkbox;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactNative = require("react-native");
+
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
 var _icons = require("../internal/icons");
 
+var _Row = _interopRequireDefault(require("../Row"));
+
 var _styles = require("../styles");
 
+var _useVariantStyleMap = _interopRequireDefault(require("./useVariantStyleMap"));
+
 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',
+    children,
     disabled = false,
-    icon: iconProp,
     onChange,
-    style,
+    style: styleProp,
+    variant = 'square',
     ...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 theme = (0, _styles.useTheme)();
+  const {
+    checkboxStyle,
+    containerStyle,
+    iconColor
+  } = (0, _useVariantStyleMap.default)(variant, checked);
+  const rootStyle = (0, _styles.css)([children ? containerStyle : undefined, styleProp]);
+  const fontStyle = (0, _styles.createFontStyle)(theme, {
+    // TODO: apply typo select.
+    color: theme.palette.text.strong
   });
 
   const handlePress = () => {
@@ -53,12 +51,24 @@ function Checkbox(props) {
     }
   };
 
-  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);
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: checkboxStyle
+  }, checked ? /*#__PURE__*/_react.default.createElement(_icons.CheckboxOn, {
+    fill: iconColor,
+    enableV2: true,
+    height: 7.5,
+    width: 11
+  }) : null), children ? /*#__PURE__*/_react.default.createElement(_Row.default, {
+    flexGrow: 1,
+    flexShrink: 1
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    children: children,
+    style: fontStyle
+  })) : null);
 }
 
 ;

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

@@ -1 +1 @@
-{"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":["Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type CheckboxProps from './CheckboxProps';\nimport ButtonBase from '../ButtonBase';\nimport { Checkbox as CheckboxIcon, CheckboxChecked as CheckboxCheckedIcon } from '../internal/icons';\nimport { css } from '../styles';\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;;AAGA;;AACA;;AACA;;;;;;AAIA,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"}
+{"version":3,"names":["Checkbox","props","checked","children","disabled","onChange","style","styleProp","variant","otherProps","theme","useTheme","checkboxStyle","containerStyle","iconColor","useVariantStyleMap","rootStyle","css","undefined","fontStyle","createFontStyle","color","palette","text","strong","handlePress"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { CheckboxOn as CheckboxOnIcon } from '../internal/icons';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type CheckboxProps from './CheckboxProps';\nimport type { CheckboxVariant } from './CheckboxProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\nexport default function Checkbox(props: CheckboxProps) {\n    const {\n        checked = false,\n        children,\n        disabled = false,\n        onChange,\n        style: styleProp,\n        variant = 'square' as CheckboxVariant,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const {\n        checkboxStyle,\n        containerStyle,\n        iconColor,\n    } = useVariantStyleMap(variant, checked);\n\n    const rootStyle = css([\n        children ? containerStyle : undefined,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        // TODO: apply typo select.\n        color: theme.palette.text.strong,\n    });\n\n    const handlePress = () => {\n        if (onChange) {\n            onChange(!checked);\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            <View style={checkboxStyle}>\n                {checked ? (\n                    <CheckboxOnIcon\n                        fill={iconColor}\n                        enableV2={true}\n                        height={7.5}\n                        width={11}\n                    />\n                ) : null}\n            </View>\n\n            {children ? (\n                <Row\n                    flexGrow={1}\n                    flexShrink={1}\n                >\n                    <Text\n                        children={children}\n                        style={fontStyle}\n                    />\n                </Row>\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;;;;;AAEe,SAASA,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,QAFE;IAGFC,QAAQ,GAAG,KAHT;IAIFC,QAJE;IAKFC,KAAK,EAAEC,SALL;IAMFC,OAAO,GAAG,QANR;IAOF,GAAGC;EAPD,IAQFR,KARJ;EAUA,MAAMS,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAM;IACFC,aADE;IAEFC,cAFE;IAGFC;EAHE,IAIF,IAAAC,2BAAA,EAAmBP,OAAnB,EAA4BN,OAA5B,CAJJ;EAMA,MAAMc,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBd,QAAQ,GAAGU,cAAH,GAAoBK,SADV,EAElBX,SAFkB,CAAJ,CAAlB;EAKA,MAAMY,SAAS,GAAG,IAAAC,uBAAA,EAAgBV,KAAhB,EAAuB;IACrC;IACAW,KAAK,EAAEX,KAAK,CAACY,OAAN,CAAcC,IAAd,CAAmBC;EAFW,CAAvB,CAAlB;;EAKA,MAAMC,WAAW,GAAG,MAAM;IACtB,IAAIpB,QAAJ,EAAc;MACVA,QAAQ,CAAC,CAACH,OAAF,CAAR;IACH;EACJ,CAJD;;EAMA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEE,QADd;IAEI,OAAO,EAAEqB,WAFb;IAGI,KAAK,EAAET;EAHX,GAIQP,UAJR,gBAMI,6BAAC,iBAAD;IAAM,KAAK,EAAEG;EAAb,GACKV,OAAO,gBACJ,6BAAC,iBAAD;IACI,IAAI,EAAEY,SADV;IAEI,QAAQ,EAAE,IAFd;IAGI,MAAM,EAAE,GAHZ;IAII,KAAK,EAAE;EAJX,EADI,GAOJ,IARR,CANJ,EAiBKX,QAAQ,gBACL,6BAAC,YAAD;IACI,QAAQ,EAAE,CADd;IAEI,UAAU,EAAE;EAFhB,gBAII,6BAAC,iBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAEgB;EAFX,EAJJ,CADK,GAUL,IA3BR,CADJ;AA+BH;;AAAA"}

package/build/commonjs/Checkbox/CheckboxProps.js

@@ -1,2 +1,9 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkboxVariants = void 0;
+const checkboxVariants = ['square', 'round'];
+exports.checkboxVariants = checkboxVariants;
 //# sourceMappingURL=CheckboxProps.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["CheckboxProps.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":""}
+{"version":3,"names":["checkboxVariants"],"sources":["CheckboxProps.ts"],"sourcesContent":["import type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport const checkboxVariants = ['square', 'round'] as const;\nexport type CheckboxVariant = typeof checkboxVariants[number];\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     * Content which is sharing pressable next to checkbox.\n     */\n    children?: string;\n\n    /**\n     * If `true`, the checkbox is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback fired when the state is changed.\n     */\n    onChange?: (newChecked: boolean) => void;\n\n    /**\n     * Determines the shape and style of the checkbox.\n     * @default 'square'\n     */\n    variant?: CheckboxVariant\n}> {}\n"],"mappings":";;;;;;AAKO,MAAMA,gBAAgB,GAAG,CAAC,QAAD,EAAW,OAAX,CAAzB"}

package/build/commonjs/Checkbox/LegacyCheckbox.js

@@ -0,0 +1,65 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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/Checkbox/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Checkbox.default;
+    return _LegacyCheckbox.default;
   }
 });
 
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _LegacyCheckbox = _interopRequireDefault(require("./LegacyCheckbox"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

package/build/commonjs/Checkbox/useVariantStyleMap.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVariantStyleMap;
+
+var _reactNative = require("react-native");
+
+var _styles = require("@fountain-ui/styles");
+
+var _styles2 = require("../styles");
+
+const styles = _reactNative.StyleSheet.create({
+  checkbox: {
+    alignItems: 'center',
+    borderWidth: 1,
+    justifyContent: 'center'
+  }
+});
+
+function useVariantStyleMap(variant, checked) {
+  const theme = (0, _styles2.useTheme)();
+
+  switch (variant) {
+    case 'square':
+      return {
+        checkboxStyle: (0, _styles2.css)([styles.checkbox, {
+          borderColor: theme.palette.border.base,
+          borderRadius: theme.shape.radius.xs,
+          height: 18,
+          width: 18,
+          ...(checked ? {
+            backgroundColor: theme.palette.fill.base,
+            borderColor: theme.palette.fill.base
+          } : {})
+        }]),
+        containerStyle: {
+          alignItems: 'center',
+          flexDirection: 'row',
+          gap: theme.spacing(3)
+        },
+        iconColor: theme.palette.fill.baseAlt
+      };
+
+    case 'round':
+      return {
+        checkboxStyle: (0, _styles2.css)([styles.checkbox, {
+          borderColor: theme.palette.border.base,
+          borderRadius: theme.shape.radius.full,
+          height: 20,
+          width: 20,
+          ...(checked ? {
+            backgroundColor: theme.palette.fill.accent,
+            borderColor: theme.palette.fill.accent
+          } : {})
+        }]),
+        containerStyle: {
+          alignItems: 'center',
+          flexDirection: 'row-reverse',
+          gap: theme.spacing(8)
+        },
+        iconColor: _styles.commonColors.static.strongInverse
+      };
+
+    default:
+      return {};
+  }
+}
+//# sourceMappingURL=useVariantStyleMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styles","StyleSheet","create","checkbox","alignItems","borderWidth","justifyContent","useVariantStyleMap","variant","checked","theme","useTheme","checkboxStyle","css","borderColor","palette","border","base","borderRadius","shape","radius","xs","height","width","backgroundColor","fill","containerStyle","flexDirection","gap","spacing","iconColor","baseAlt","full","accent","commonColors","static","strongInverse"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\nimport { commonColors, FountainUiStyle } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type { CheckboxVariant } from './CheckboxProps';\n\nconst styles = StyleSheet.create({\n    checkbox: {\n        alignItems: 'center',\n        borderWidth: 1,\n        justifyContent: 'center',\n    },\n});\n\ntype useVariantStyleMapReturns = {\n    checkboxStyle?: FountainUiStyle;\n    containerStyle?: FountainUiStyle;\n    iconColor?: string;\n};\n\nexport default function useVariantStyleMap(variant: CheckboxVariant, checked: boolean): useVariantStyleMapReturns {\n    const theme = useTheme();\n\n    switch (variant) {\n        case 'square':\n            return {\n                checkboxStyle: css([\n                    styles.checkbox,\n                    {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.xs,\n                        height: 18,\n                        width: 18,\n                        ...(checked ? {\n                            backgroundColor: theme.palette.fill.base,\n                            borderColor: theme.palette.fill.base,\n                        } : {}),\n                    },\n                ]),\n                containerStyle: {\n                    alignItems: 'center',\n                    flexDirection: 'row',\n                    gap: theme.spacing(3),\n                },\n                iconColor: theme.palette.fill.baseAlt,\n            };\n        case 'round':\n            return {\n                checkboxStyle: css([\n                    styles.checkbox,\n                    {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.full,\n                        height: 20,\n                        width: 20,\n                        ...(checked ? {\n                            backgroundColor: theme.palette.fill.accent,\n                            borderColor: theme.palette.fill.accent,\n                        } : {}),\n                    },\n                ]),\n                containerStyle: {\n                    alignItems: 'center',\n                    flexDirection: 'row-reverse',\n                    gap: theme.spacing(8),\n                },\n                iconColor: commonColors.static.strongInverse,\n            };\n        default:\n            return {};\n    }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC7BC,QAAQ,EAAE;IACNC,UAAU,EAAE,QADN;IAENC,WAAW,EAAE,CAFP;IAGNC,cAAc,EAAE;EAHV;AADmB,CAAlB,CAAf;;AAce,SAASC,kBAAT,CAA4BC,OAA5B,EAAsDC,OAAtD,EAAmG;EAC9G,MAAMC,KAAK,GAAG,IAAAC,iBAAA,GAAd;;EAEA,QAAQH,OAAR;IACI,KAAK,QAAL;MACI,OAAO;QACHI,aAAa,EAAE,IAAAC,YAAA,EAAI,CACfb,MAAM,CAACG,QADQ,EAEf;UACIW,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,IADtC;UAEIC,YAAY,EAAER,KAAK,CAACS,KAAN,CAAYC,MAAZ,CAAmBC,EAFrC;UAGIC,MAAM,EAAE,EAHZ;UAIIC,KAAK,EAAE,EAJX;UAKI,IAAId,OAAO,GAAG;YACVe,eAAe,EAAEd,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBR,IAD1B;YAEVH,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBR;UAFtB,CAAH,GAGP,EAHJ;QALJ,CAFe,CAAJ,CADZ;QAcHS,cAAc,EAAE;UACZtB,UAAU,EAAE,QADA;UAEZuB,aAAa,EAAE,KAFH;UAGZC,GAAG,EAAElB,KAAK,CAACmB,OAAN,CAAc,CAAd;QAHO,CAdb;QAmBHC,SAAS,EAAEpB,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBM;MAnB3B,CAAP;;IAqBJ,KAAK,OAAL;MACI,OAAO;QACHnB,aAAa,EAAE,IAAAC,YAAA,EAAI,CACfb,MAAM,CAACG,QADQ,EAEf;UACIW,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,IADtC;UAEIC,YAAY,EAAER,KAAK,CAACS,KAAN,CAAYC,MAAZ,CAAmBY,IAFrC;UAGIV,MAAM,EAAE,EAHZ;UAIIC,KAAK,EAAE,EAJX;UAKI,IAAId,OAAO,GAAG;YACVe,eAAe,EAAEd,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBQ,MAD1B;YAEVnB,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcU,IAAd,CAAmBQ;UAFtB,CAAH,GAGP,EAHJ;QALJ,CAFe,CAAJ,CADZ;QAcHP,cAAc,EAAE;UACZtB,UAAU,EAAE,QADA;UAEZuB,aAAa,EAAE,aAFH;UAGZC,GAAG,EAAElB,KAAK,CAACmB,OAAN,CAAc,CAAd;QAHO,CAdb;QAmBHC,SAAS,EAAEI,oBAAA,CAAaC,MAAb,CAAoBC;MAnB5B,CAAP;;IAqBJ;MACI,OAAO,EAAP;EA9CR;AAgDH"}

package/build/commonjs/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,50 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _CheckboxGroup.default;
+  }
+});
+
+var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

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

package/build/commonjs/Divider/Divider.js

@@ -31,21 +31,33 @@ const styles = _styles.StyleSheet.create({
   }
 });
 
+function selectBorderColor(theme, variant, vertical) {
+  switch (variant) {
+    default:
+    case 'base':
+      return vertical ? theme.palette.border.weaker : theme.palette.border.weak;
+
+    case 'strong':
+      return vertical ? theme.palette.border.weak : theme.palette.border.base;
+  }
+}
+
 function Divider(props) {
   const {
-    borderWidth = 1,
+    borderWidth: borderWidthProp,
     children: childrenProp,
-    color = 'divider',
     elementAlign = 'center',
     inset = 0,
     marginBetweenChildren = 2,
     style,
+    variant = 'base',
     vertical = false,
     ...otherProps
   } = props;
   const theme = (0, _styles.useTheme)();
-  const fontColor = theme.palette.text.secondary;
-  const borderColor = color === 'divider' ? theme.palette.divider : color === 'border' ? theme.palette.border.default : theme.palette[color].main;
+  const borderWidth = borderWidthProp ?? (vertical ? 1 : 0.5);
+  const fontColor = theme.palette.text.weak;
+  const borderColor = selectBorderColor(theme, variant, vertical);
   const marginSize = theme.spacing(1);
   const insetSize = theme.spacing(inset);
   const marginLeft = marginSize;

package/build/commonjs/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","Divider","props","borderWidth","children","childrenProp","color","elementAlign","inset","marginBetweenChildren","style","vertical","otherProps","theme","useTheme","fontColor","palette","text","secondary","borderColor","border","default","main","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","borderRightWidth","borderBottomWidth","containerStyle","css","undefined","dividerStyle","dividerMarginSize","startDividerStyle","display","endDividerStyle","fontStyle","createFontStyle","selector","typo","caption2","element"],"sources":["Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { ExtendedStyle } from '../types';\nimport type DividerProps from './DividerProps';\n\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: 'stretch',\n        alignItems: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    column: {\n        flexDirection: 'column',\n    },\n    divider: {\n        flexGrow: 1,\n    },\n});\n\nexport default function Divider(props: DividerProps) {\n    const {\n        borderWidth = 1,\n        children: childrenProp,\n        color = 'divider',\n        elementAlign = 'center',\n        inset = 0,\n        marginBetweenChildren = 2,\n        style,\n        vertical = false,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const fontColor = theme.palette.text.secondary;\n    const borderColor = color === 'divider'\n        ? theme.palette.divider\n        : color === 'border'\n            ? theme.palette.border.default\n            : theme.palette[color].main;\n    const marginSize = theme.spacing(1);\n    const insetSize = theme.spacing(inset);\n\n    const marginLeft = marginSize;\n    const marginRight = marginSize;\n    const marginTop = marginSize;\n    const marginBottom = marginSize;\n\n    const marginStyle = vertical\n        ? { marginLeft, marginRight }\n        : { marginTop, marginBottom };\n\n    const insetStyle = vertical\n        ? { marginTop: insetSize, marginBottom: insetSize }\n        : { marginLeft: insetSize, marginRight: insetSize };\n\n    const borderColorStyle = { borderColor };\n    const borderWidthStyle = (vertical ? { borderRightWidth: borderWidth } : { borderBottomWidth: borderWidth });\n\n    const containerStyle = css([\n        insetStyle,\n        marginStyle,\n        styles.container,\n        vertical ? styles.column : styles.row,\n        childrenProp ? undefined : borderColorStyle,\n        childrenProp ? undefined : borderWidthStyle,\n        style,\n    ]);\n\n    const dividerStyle = css([\n        borderColorStyle,\n        borderWidthStyle,\n        styles.divider,\n    ]);\n\n    const dividerMarginSize = theme.spacing(marginBetweenChildren);\n    const startDividerStyle: ExtendedStyle = {\n        display: elementAlign !== 'start' ? 'flex' : 'none',\n        ...(vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize }),\n    };\n    const endDividerStyle: ExtendedStyle = {\n        display: elementAlign !== 'end' ? 'flex' : 'none',\n        ...(vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize }),\n    };\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: fontColor,\n    });\n\n    const element = typeof childrenProp === 'string'\n        ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n        : childrenProp;\n\n    const children = childrenProp ? (\n        <React.Fragment>\n            <View style={css([dividerStyle, startDividerStyle])}/>\n            {element}\n            <View style={css([dividerStyle, endDividerStyle])}/>\n        </React.Fragment>\n    ) : null;\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["styles","StyleSheet","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","selectBorderColor","theme","variant","vertical","palette","border","weaker","weak","base","Divider","props","borderWidth","borderWidthProp","children","childrenProp","elementAlign","inset","marginBetweenChildren","style","otherProps","useTheme","fontColor","text","borderColor","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","borderRightWidth","borderBottomWidth","containerStyle","css","undefined","dividerStyle","dividerMarginSize","startDividerStyle","display","endDividerStyle","fontStyle","createFontStyle","selector","typo","caption2","color","element"],"sources":["Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport type { Theme } from '@fountain-ui/styles';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { ExtendedStyle } from '../types';\nimport type DividerProps from './DividerProps';\nimport type { DividerVariant } from './DividerProps';\n\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: 'stretch',\n        alignItems: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    column: {\n        flexDirection: 'column',\n    },\n    divider: {\n        flexGrow: 1,\n    },\n});\n\nfunction selectBorderColor(theme: Theme, variant: DividerVariant, vertical: boolean) {\n    switch (variant) {\n        default:\n        case 'base':\n            return vertical ? theme.palette.border.weaker : theme.palette.border.weak;\n        case 'strong':\n            return vertical ? theme.palette.border.weak : theme.palette.border.base;\n    }\n}\n\nexport default function Divider(props: DividerProps) {\n    const {\n        borderWidth: borderWidthProp,\n        children: childrenProp,\n        elementAlign = 'center',\n        inset = 0,\n        marginBetweenChildren = 2,\n        style,\n        variant = 'base' as DividerVariant,\n        vertical = false,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const borderWidth = borderWidthProp ?? (vertical ? 1 : 0.5);\n    const fontColor = theme.palette.text.weak;\n    const borderColor = selectBorderColor(theme, variant, vertical);\n    const marginSize = theme.spacing(1);\n    const insetSize = theme.spacing(inset);\n\n    const marginLeft = marginSize;\n    const marginRight = marginSize;\n    const marginTop = marginSize;\n    const marginBottom = marginSize;\n\n    const marginStyle = vertical\n        ? { marginLeft, marginRight }\n        : { marginTop, marginBottom };\n\n    const insetStyle = vertical\n        ? { marginTop: insetSize, marginBottom: insetSize }\n        : { marginLeft: insetSize, marginRight: insetSize };\n\n    const borderColorStyle = { borderColor };\n    const borderWidthStyle = (vertical ? { borderRightWidth: borderWidth } : { borderBottomWidth: borderWidth });\n\n    const containerStyle = css([\n        insetStyle,\n        marginStyle,\n        styles.container,\n        vertical ? styles.column : styles.row,\n        childrenProp ? undefined : borderColorStyle,\n        childrenProp ? undefined : borderWidthStyle,\n        style,\n    ]);\n\n    const dividerStyle = css([\n        borderColorStyle,\n        borderWidthStyle,\n        styles.divider,\n    ]);\n\n    const dividerMarginSize = theme.spacing(marginBetweenChildren);\n    const startDividerStyle: ExtendedStyle = {\n        display: elementAlign !== 'start' ? 'flex' : 'none',\n        ...(vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize }),\n    };\n    const endDividerStyle: ExtendedStyle = {\n        display: elementAlign !== 'end' ? 'flex' : 'none',\n        ...(vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize }),\n    };\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: fontColor,\n    });\n\n    const element = typeof childrenProp === 'string'\n        ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n        : childrenProp;\n\n    const children = childrenProp ? (\n        <React.Fragment>\n            <View style={css([dividerStyle, startDividerStyle])}/>\n            {element}\n            <View style={css([dividerStyle, endDividerStyle])}/>\n        </React.Fragment>\n    ) : null;\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":"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"}