@audira/carbon-react-native 0.0.1-alpha.1

package/lib/commonjs/components/button/base/index.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Base = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../../constants/index.js");
+var _index2 = require("../../../styles/index.js");
+var _index3 = require("../../icon/index.js");
+var _index4 = require("../../text/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
+  size = 'large_productive',
+  text,
+  icon,
+  iconColor,
+  iconNode,
+  backgroundNode,
+  style,
+  textStyle,
+  iconStyle,
+  role = 'button',
+  'aria-label': ariaLabel,
+  ...props
+}, ref) {
+  const iconSize = getIconSize(size);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    ...props,
+    role: role,
+    "aria-label": ariaLabel ?? text,
+    style: [sizeStyle[size], baseStyle.container, getContainerPaddingRight(!!text, !!icon || !!iconNode), style],
+    ref: ref,
+    children: [backgroundNode, !!text && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Text, {
+      type: getTextType(size),
+      style: [baseStyle.text, textStyle],
+      children: text
+    }), !!icon && !iconNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icon, {
+      src: icon,
+      width: iconSize,
+      height: iconSize,
+      color: iconColor,
+      style: [getIconMarginTopStyle(size), getIconMarginLeftStyle(!!text), iconStyle]
+    }) : iconNode?.(iconSize, [getIconMarginTopStyle(size), getIconMarginLeftStyle(!!text), iconStyle])]
+  });
+});
+const baseStyle = _reactNative.StyleSheet.create({
+    container: {
+      ..._index2.FlexStyle.self_start,
+      ..._index2.FlexStyle.flex_row,
+      ..._index2.FlexStyle.justify_between,
+      overflow: 'hidden',
+      paddingLeft: _index.SpacingConstant.spacing_05
+    },
+    containerPR16: {
+      paddingRight: _index.SpacingConstant.spacing_05
+    },
+    containerPR64: {
+      paddingRight: _index.SpacingConstant.spacing_10
+    },
+    contentContainer: {
+      ..._index2.FlexStyle.flex_initial,
+      maxHeight: _index.SpacingConstant.spacing_09
+    },
+    text: {
+      verticalAlign: 'middle',
+      maxHeight: 48
+    },
+    iconML32: {
+      marginLeft: _index.SpacingConstant.spacing_07
+    }
+  }),
+  sizeStyle = _reactNative.StyleSheet.create({
+    small: {
+      height: 32
+    },
+    medium: {
+      height: 40
+    },
+    large_productive: {
+      height: 48
+    },
+    large_expressive: {
+      height: 48
+    },
+    extra_large: {
+      height: 64
+    },
+    '2xl': {
+      height: 80
+    }
+  }),
+  mapContainerPR = {
+    'text[false]_icon[false]': baseStyle.containerPR16,
+    'text[true]_icon[false]': baseStyle.containerPR64,
+    'text[false]_icon[true]': baseStyle.containerPR16,
+    'text[true]_icon[true]': baseStyle.containerPR16
+  },
+  /**
+   * https://carbondesignsystem.com/components/button/style/#typography
+   */
+  mapTextTypeByExpressive = {
+    false: 'body_compact_01',
+    true: 'body_compact_02'
+  },
+  mapIconSizeByExpressive = {
+    false: 16,
+    true: 20
+  },
+  mapIconMLByText = {
+    false: null,
+    true: baseStyle.iconML32
+  };
+
+/**
+ * Expressive only when button size is LARGE_EXPRESSIVE. You can see this link  
+ * https://carbondesignsystem.com/components/button/style/#sizes
+ */
+function isExpressive(buttonSize) {
+  return buttonSize === 'large_expressive';
+}
+function getContainerPaddingRight(text, icon) {
+  return mapContainerPR[`text[${text}]_icon[${icon}]`];
+}
+
+/**
+ * Expressive only when button size is LARGE_EXPRESSIVE. You can see this link  
+ * https://carbondesignsystem.com/components/button/style/#sizes
+ */
+function getTextType(buttonSize) {
+  return mapTextTypeByExpressive[`${isExpressive(buttonSize)}`];
+}
+
+/**
+ * Expressive only when button size is LARGE_EXPRESSIVE. You can see this link  
+ * https://carbondesignsystem.com/components/button/style/#sizes
+ */
+function getIconSize(buttonSize) {
+  return mapIconSizeByExpressive[`${isExpressive(buttonSize)}`];
+}
+function getIconMarginTopStyle(buttonSize) {
+  const iconSize = mapIconSizeByExpressive[`${isExpressive(buttonSize)}`],
+    height = Math.min(sizeStyle[buttonSize].height, sizeStyle.large_productive.height); // 48 at max
+
+  return {
+    marginTop: height / 2 - iconSize / 2
+  };
+}
+function getIconMarginLeftStyle(hasText) {
+  return mapIconMLByText[`${hasText}`];
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/button/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_index4","_jsxRuntime","Base","exports","forwardRef","size","text","icon","iconColor","iconNode","backgroundNode","style","textStyle","iconStyle","role","ariaLabel","props","ref","iconSize","getIconSize","jsxs","Pressable","sizeStyle","baseStyle","container","getContainerPaddingRight","children","jsx","Text","type","getTextType","Icon","src","width","height","color","getIconMarginTopStyle","getIconMarginLeftStyle","StyleSheet","create","FlexStyle","self_start","flex_row","justify_between","overflow","paddingLeft","SpacingConstant","spacing_05","containerPR16","paddingRight","containerPR64","spacing_10","contentContainer","flex_initial","maxHeight","spacing_09","verticalAlign","iconML32","marginLeft","spacing_07","small","medium","large_productive","large_expressive","extra_large","mapContainerPR","mapTextTypeByExpressive","false","true","mapIconSizeByExpressive","mapIconMLByText","isExpressive","buttonSize","Math","min","marginTop","hasText"],"sourceRoot":"../../../../../src","sources":["components/button/base/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button/base-color/index.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseColor = BaseColor;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../../constants/index.js");
+var _index2 = require("../../../contexts/index.js");
+var _index3 = require("../base/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function BaseColor({
+  disabled,
+  style,
+  textStyle,
+  android_rippleEffectColor,
+  colorStateStyle,
+  icon,
+  iconNode,
+  onBlur,
+  onFocus,
+  onHoverIn,
+  onHoverOut,
+  onPressIn,
+  onPressOut,
+  android_ripple,
+  ...props
+}) {
+  const globalConfigContext = (0, _react.useContext)(_index2.GlobalConfigContext),
+    themeContext = (0, _react.useContext)(_index2.ThemeContext),
+    [state, setState] = (0, _react.useState)({
+      focused: false,
+      hovered: false,
+      pressed: false
+    }),
+    blurHandler = (0, _react.useCallback)(event => {
+      onBlur?.(event);
+      setState(state_ => ({
+        ...state_,
+        focused: false
+      }));
+    }, [onBlur]),
+    focusHandler = (0, _react.useCallback)(event => {
+      onFocus?.(event);
+      setState(state_ => ({
+        ...state_,
+        focused: true
+      }));
+    }, [onFocus]),
+    hoverInHandler = (0, _react.useCallback)(event => {
+      onHoverIn?.(event);
+      setState(state_ => ({
+        ...state_,
+        hovered: true
+      }));
+    }, [onHoverIn]),
+    hoverOutHandler = (0, _react.useCallback)(event => {
+      onHoverOut?.(event);
+      setState(state_ => ({
+        ...state_,
+        hovered: false
+      }));
+    }, [onHoverOut]),
+    pressInHandler = (0, _react.useCallback)(event => {
+      onPressIn?.(event);
+      setState(state_ => ({
+        ...state_,
+        pressed: true
+      }));
+    }, [onPressIn]),
+    pressOutHandler = (0, _react.useCallback)(event => {
+      onPressOut?.(event);
+      setState(state_ => ({
+        ...state_,
+        pressed: false
+      }));
+    }, [onPressOut]),
+    stateStyle = getStateStyle(colorStateStyle, {
+      ...state,
+      disabled: !!disabled
+    }, android_ripple ? true : android_ripple === null ? false : globalConfigContext.android_buttonRippleEffect);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Base, {
+    ...props,
+    android_ripple: android_ripple ?? globalConfigContext.android_buttonRippleEffect ? {
+      // color: colorStateStyle.background.pressed.backgroundColor,
+      color: android_rippleEffectColor
+    } : undefined,
+    backgroundNode: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.innerFocusBox, state.focused ? mapInnerFocusBoxActiveStyle[themeContext.colorScheme] : null]
+    }),
+    disabled: disabled,
+    onBlur: blurHandler,
+    onFocus: focusHandler,
+    onHoverIn: hoverInHandler,
+    onHoverOut: hoverOutHandler,
+    onPressIn: pressInHandler,
+    onPressOut: pressOutHandler,
+    iconColor: stateStyle.icon,
+    icon: !iconNode ? icon : undefined,
+    iconNode: iconNode ? (...params) => iconNode(stateStyle.icon, ...params) : undefined,
+    style: [stateStyle.background, style],
+    textStyle: [stateStyle.text, textStyle]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+    innerFocusBox: {
+      position: 'absolute',
+      top: 2,
+      right: 2,
+      bottom: 2,
+      left: 2,
+      borderWidth: 1,
+      borderColor: 'transparent'
+    },
+    innerFocusBoxActive_GRAY_10: {
+      borderColor: _index.ColorConstant.Tokens.gray_10.focus_inset
+    },
+    innerFocusBoxActive_GRAY_100: {
+      borderColor: _index.ColorConstant.Tokens.gray_100.focus_inset
+    }
+  }),
+  mapInnerFocusBoxActiveStyle = {
+    gray_10: styles.innerFocusBoxActive_GRAY_10,
+    gray_100: styles.innerFocusBoxActive_GRAY_100
+  };
+function getStateStyle(colorStateStyle, states, androidRipple) {
+  if (!states.hovered && !states.pressed && !states.disabled) {
+    return {
+      background: colorStateStyle.background.default,
+      text: colorStateStyle.text.default,
+      icon: colorStateStyle.icon.default
+    };
+  }
+  if (states.disabled) {
+    return {
+      background: colorStateStyle.background.disabled,
+      text: colorStateStyle.text.disabled,
+      icon: colorStateStyle.icon.disabled
+    };
+  }
+  if (states.pressed) {
+    return {
+      background: androidRipple ? colorStateStyle.background.default : colorStateStyle.background.pressed,
+      text: colorStateStyle.text.pressed,
+      icon: colorStateStyle.icon.pressed
+    };
+  }
+  return {
+    background: colorStateStyle.background.hovered,
+    text: colorStateStyle.text.hovered,
+    icon: colorStateStyle.icon.hovered
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/button/base-color/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_jsxRuntime","BaseColor","disabled","style","textStyle","android_rippleEffectColor","colorStateStyle","icon","iconNode","onBlur","onFocus","onHoverIn","onHoverOut","onPressIn","onPressOut","android_ripple","props","globalConfigContext","useContext","GlobalConfigContext","themeContext","ThemeContext","state","setState","useState","focused","hovered","pressed","blurHandler","useCallback","event","state_","focusHandler","hoverInHandler","hoverOutHandler","pressInHandler","pressOutHandler","stateStyle","getStateStyle","android_buttonRippleEffect","jsx","Base","color","undefined","backgroundNode","View","styles","innerFocusBox","mapInnerFocusBoxActiveStyle","colorScheme","iconColor","params","background","text","StyleSheet","create","position","top","right","bottom","left","borderWidth","borderColor","innerFocusBoxActive_GRAY_10","ColorConstant","Tokens","gray_10","focus_inset","innerFocusBoxActive_GRAY_100","gray_100","states","androidRipple","default"],"sourceRoot":"../../../../../src","sources":["components/button/base-color/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,OAAA,GAAAH,OAAA;AASA,IAAAI,OAAA,GAAAJ,OAAA;AAGgB,IAAAK,WAAA,GAAAL,OAAA;AA4BT,SAASM,SAASA,CAAC;EACzBC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,yBAAyB;EACzBC,eAAe;EACfC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,cAAc;EACd,GAAGC;AACY,CAAC,EAAE;EAElB,MACCC,mBAAmB,GAClB,IAAAC,iBAAU,EAACC,2BAAmB,CAAC;IAEhCC,YAAY,GACX,IAAAF,iBAAU,EAACG,oBAAY,CAAC;IAEzB,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAChB,IAAAC,eAAQ,EAAC;MACRC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE;IACV,CAAC,CAAC;IAEHC,WAA6C,GAC5C,IAAAC,kBAAW,EAACC,KAAK,IAAI;MACpBrB,MAAM,GAAGqB,KAAK,CAAC;MACfP,QAAQ,CAACQ,MAAM,KAAK;QACnB,GAAGA,MAAM;QACTN,OAAO,EAAE;MACV,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CACFhB,MAAM,CACN,CAAC;IAEHuB,YAA+C,GAC9C,IAAAH,kBAAW,EAACC,KAAK,IAAI;MACpBpB,OAAO,GAAGoB,KAAK,CAAC;MAChBP,QAAQ,CAACQ,MAAM,KAAK;QACnB,GAAGA,MAAM;QACTN,OAAO,EAAE;MACV,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CACFf,OAAO,CACP,CAAC;IAEHuB,cAAmD,GAClD,IAAAJ,kBAAW,EAACC,KAAK,IAAI;MACpBnB,SAAS,GAAGmB,KAAK,CAAC;MAClBP,QAAQ,CAACQ,MAAM,KAAK;QACnB,GAAGA,MAAM;QACTL,OAAO,EAAE;MACV,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CACFf,SAAS,CACT,CAAC;IAEHuB,eAAoD,GACnD,IAAAL,kBAAW,EAACC,KAAK,IAAI;MACpBlB,UAAU,GAAGkB,KAAK,CAAC;MACnBP,QAAQ,CAACQ,MAAM,KAAK;QACnB,GAAGA,MAAM;QACTL,OAAO,EAAE;MACV,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CACFd,UAAU,CACV,CAAC;IAEHuB,cAAmD,GAClD,IAAAN,kBAAW,EAACC,KAAK,IAAI;MACpBjB,SAAS,GAAGiB,KAAK,CAAC;MAClBP,QAAQ,CAACQ,MAAM,KAAK;QACnB,GAAGA,MAAM;QACTJ,OAAO,EAAE;MACV,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CACFd,SAAS,CACT,CAAC;IAEHuB,eAAqD,GACpD,IAAAP,kBAAW,EAACC,KAAK,IAAI;MACpBhB,UAAU,GAAGgB,KAAK,CAAC;MACnBP,QAAQ,CAACQ,MAAM,KAAK;QACnB,GAAGA,MAAM;QACTJ,OAAO,EAAE;MACV,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CACFb,UAAU,CACV,CAAC;IAEHuB,UAAU,GACTC,aAAa,CACZhC,eAAe,EACf;MACC,GAAGgB,KAAK;MACRpB,QAAQ,EAAE,CAAC,CAACA;IACb,CAAC,EACDa,cAAc,GACX,IAAI,GACJA,cAAc,KAAK,IAAI,GAAG,KAAK,GAAGE,mBAAmB,CAACsB,0BAC1D,CAAC;EAEH,oBACC,IAAAvC,WAAA,CAAAwC,GAAA,EAACzC,OAAA,CAAA0C,IAAI;IAAA,GACCzB,KAAK;IACVD,cAAc,EAAGA,cAAc,IAAIE,mBAAmB,CAACsB,0BAA0B,GAAG;MACnF;MACAG,KAAK,EAAErC;IACR,CAAC,GAAGsC,SAAW;IACfC,cAAc,eACb,IAAA5C,WAAA,CAAAwC,GAAA,EAAC5C,YAAA,CAAAiD,IAAI;MACJ1C,KAAK,EAAG,CACP2C,MAAM,CAACC,aAAa,EACpBzB,KAAK,CAACG,OAAO,GACVuB,2BAA2B,CAAC5B,YAAY,CAAC6B,WAAW,CAAC,GACrD,IAAI;IACL,CACH,CACD;IACD/C,QAAQ,EAAGA,QAAU;IACrBO,MAAM,EAAGmB,WAAa;IACtBlB,OAAO,EAAGsB,YAAc;IACxBrB,SAAS,EAAGsB,cAAgB;IAC5BrB,UAAU,EAAGsB,eAAiB;IAC9BrB,SAAS,EAAGsB,cAAgB;IAC5BrB,UAAU,EAAGsB,eAAiB;IAC9Bc,SAAS,EAAGb,UAAU,CAAC9B,IAAM;IAC7BA,IAAI,EAAG,CAACC,QAAQ,GAAGD,IAAI,GAAGoC,SAAW;IACrCnC,QAAQ,EACPA,QAAQ,GACL,CAAC,GAAG2C,MAAM,KAAK3C,QAAQ,CAAC6B,UAAU,CAAC9B,IAAI,EAAE,GAAG4C,MAAM,CAAC,GACnDR,SACH;IACDxC,KAAK,EAAG,CACPkC,UAAU,CAACe,UAAU,EACrBjD,KAAK,CACH;IACHC,SAAS,EAAG,CACXiC,UAAU,CAACgB,IAAI,EACfjD,SAAS;EACP,CACH,CAAC;AAGJ;AAEA,MACC0C,MAAM,GACLQ,uBAAU,CAACC,MAAM,CAAC;IACjBR,aAAa,EAAE;MACdS,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE;IACd,CAAC;IACDC,2BAA2B,EAAE;MAC5BD,WAAW,EAAEE,oBAAa,CAACC,MAAM,CAACC,OAAO,CAACC;IAC3C,CAAC;IACDC,4BAA4B,EAAE;MAC7BN,WAAW,EAAEE,oBAAa,CAACC,MAAM,CAACI,QAAQ,CAACF;IAC5C;EACD,CAAC,CAAC;EAEHnB,2BAAwG,GACvG;IACCkB,OAAO,EAAEpB,MAAM,CAACiB,2BAA2B;IAC3CM,QAAQ,EAAEvB,MAAM,CAACsB;EAClB,CAAC;AAEH,SAAS9B,aAAaA,CACrBhC,eAAkD,EAClDgE,MAA2D,EAC3DC,aAAuB,EAC0D;EAEjF,IAAG,CAACD,MAAM,CAAC5C,OAAO,IAAI,CAAC4C,MAAM,CAAC3C,OAAO,IAAI,CAAC2C,MAAM,CAACpE,QAAQ,EAAE;IAC1D,OAAO;MACNkD,UAAU,EAAE9C,eAAe,CAAC8C,UAAU,CAACoB,OAAO;MAC9CnB,IAAI,EAAE/C,eAAe,CAAC+C,IAAI,CAACmB,OAAO;MAClCjE,IAAI,EAAED,eAAe,CAACC,IAAI,CAACiE;IAC5B,CAAC;EACF;EAEA,IAAGF,MAAM,CAACpE,QAAQ,EAAE;IACnB,OAAO;MACNkD,UAAU,EAAE9C,eAAe,CAAC8C,UAAU,CAAClD,QAAQ;MAC/CmD,IAAI,EAAE/C,eAAe,CAAC+C,IAAI,CAACnD,QAAQ;MACnCK,IAAI,EAAED,eAAe,CAACC,IAAI,CAACL;IAC5B,CAAC;EACF;EAEA,IAAGoE,MAAM,CAAC3C,OAAO,EAAE;IAClB,OAAO;MACNyB,UAAU,EAAEmB,aAAa,GACtBjE,eAAe,CAAC8C,UAAU,CAACoB,OAAO,GAClClE,eAAe,CAAC8C,UAAU,CAACzB,OAAO;MACrC0B,IAAI,EAAE/C,eAAe,CAAC+C,IAAI,CAAC1B,OAAO;MAClCpB,IAAI,EAAED,eAAe,CAACC,IAAI,CAACoB;IAC5B,CAAC;EACF;EAEA,OAAO;IACNyB,UAAU,EAAE9C,eAAe,CAAC8C,UAAU,CAAC1B,OAAO;IAC9C2B,IAAI,EAAE/C,eAAe,CAAC+C,IAAI,CAAC3B,OAAO;IAClCnB,IAAI,EAAED,eAAe,CAACC,IAAI,CAACmB;EAC5B,CAAC;AAEF","ignoreList":[]}

package/lib/commonjs/components/button/ghost/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Ghost = Ghost;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../../constants/index.js");
+var _index2 = require("../../../contexts/index.js");
+var _index3 = require("../../../_style-sheet/index.js");
+var _index4 = require("../base-color/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function Ghost({
+  text,
+  iconStyle,
+  ...props
+}) {
+  const themeContext = (0, _react.useContext)(_index2.ThemeContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.BaseColor, {
+    ...props,
+    text: text,
+    android_rippleEffectColor: themeContext.color.background_active,
+    colorStateStyle: {
+      background: {
+        default: colorStyle.background_default,
+        focused: colorStyle.background_pressed,
+        hovered: colorStyle.background_hovered,
+        pressed: colorStyle.background_pressed,
+        disabled: colorStyle.background_disabled
+      },
+      text: {
+        default: colorStyle.text_default,
+        focused: colorStyle.text_focused,
+        hovered: colorStyle.text_hovered,
+        pressed: colorStyle.text_pressed,
+        disabled: colorStyle.text_disabled
+      },
+      icon: {
+        default: themeContext.color.link_primary,
+        focused: themeContext.color.link_primary,
+        hovered: themeContext.color.link_primary_hover,
+        pressed: themeContext.color.link_primary,
+        disabled: themeContext.color.icon_disabled
+      }
+    },
+    iconStyle: [mapIconPLByText[`${!!text}`], iconStyle]
+  });
+}
+const colorStyle = _index3.StyleSheet.create(color => ({
+    background_default: {
+      backgroundColor: 'transparent'
+    },
+    background_focused: {
+      borderWidth: 1,
+      borderColor: color.focus
+    },
+    background_hovered: {
+      backgroundColor: color.background_hover
+    },
+    background_pressed: {
+      backgroundColor: color.background_active
+    },
+    background_disabled: {
+      backgroundColor: 'transparent'
+    },
+    text_default: {
+      color: color.link_primary
+    },
+    text_focused: {
+      color: color.link_primary
+    },
+    text_hovered: {
+      color: color.link_primary_hover
+    },
+    text_pressed: {
+      color: color.link_primary
+    },
+    text_disabled: {
+      color: color.text_disabled
+    }
+  })),
+  style = _reactNative.StyleSheet.create({
+    iconPL8: {
+      paddingLeft: _index.SpacingConstant.spacing_03
+    }
+  }),
+  mapIconPLByText = {
+    false: null,
+    true: style.iconPL8
+  };
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/button/ghost/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_index4","_jsxRuntime","Ghost","text","iconStyle","props","themeContext","useContext","ThemeContext","jsx","BaseColor","android_rippleEffectColor","color","background_active","colorStateStyle","background","default","colorStyle","background_default","focused","background_pressed","hovered","background_hovered","pressed","disabled","background_disabled","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","link_primary","link_primary_hover","icon_disabled","mapIconPLByText","StyleSheetColor","create","backgroundColor","background_focused","borderWidth","borderColor","focus","background_hover","style","StyleSheet","iconPL8","paddingLeft","SpacingConstant","spacing_03","false","true"],"sourceRoot":"../../../../../src","sources":["components/button/ghost/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button/ghost-danger/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GhostDanger = GhostDanger;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../../constants/index.js");
+var _index2 = require("../../../contexts/index.js");
+var _index3 = require("../../../_style-sheet/index.js");
+var _index4 = require("../base-color/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function GhostDanger({
+  text,
+  iconStyle,
+  ...props
+}) {
+  const themeContext = (0, _react.useContext)(_index2.ThemeContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.BaseColor, {
+    ...props,
+    text: text,
+    android_rippleEffectColor: themeContext.color.button_danger_active,
+    colorStateStyle: {
+      background: {
+        default: colorStyle.background_default,
+        focused: colorStyle.background_pressed,
+        hovered: colorStyle.background_hovered,
+        pressed: colorStyle.background_pressed,
+        disabled: colorStyle.background_disabled
+      },
+      text: {
+        default: colorStyle.text_default,
+        focused: colorStyle.text_focused,
+        hovered: colorStyle.text_hovered,
+        pressed: colorStyle.text_pressed,
+        disabled: colorStyle.text_disabled
+      },
+      icon: {
+        default: themeContext.color.button_danger_secondary,
+        focused: themeContext.color.button_danger_secondary,
+        hovered: themeContext.color.icon_on_color,
+        pressed: themeContext.color.icon_on_color,
+        disabled: themeContext.color.icon_disabled
+      }
+    },
+    iconStyle: [mapIconPLByText[`${!!text}`], iconStyle]
+  });
+}
+const colorStyle = _index3.StyleSheet.create(color => ({
+    background_default: {
+      backgroundColor: 'transparent'
+    },
+    background_focused: {
+      borderWidth: 1,
+      borderColor: color.focus
+    },
+    background_hovered: {
+      backgroundColor: color.button_danger_hover
+    },
+    background_pressed: {
+      backgroundColor: color.button_danger_active
+    },
+    background_disabled: {
+      backgroundColor: color.button_disabled
+    },
+    text_default: {
+      color: color.button_danger_secondary
+    },
+    text_focused: {
+      color: color.button_danger_secondary
+    },
+    text_hovered: {
+      color: color.text_on_color
+    },
+    text_pressed: {
+      color: color.text_on_color
+    },
+    text_disabled: {
+      color: color.text_disabled
+    }
+  })),
+  style = _reactNative.StyleSheet.create({
+    iconPL8: {
+      paddingLeft: _index.SpacingConstant.spacing_03
+    }
+  }),
+  mapIconPLByText = {
+    false: null,
+    true: style.iconPL8
+  };
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/button/ghost-danger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_index4","_jsxRuntime","GhostDanger","text","iconStyle","props","themeContext","useContext","ThemeContext","jsx","BaseColor","android_rippleEffectColor","color","button_danger_active","colorStateStyle","background","default","colorStyle","background_default","focused","background_pressed","hovered","background_hovered","pressed","disabled","background_disabled","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","button_danger_secondary","icon_on_color","icon_disabled","mapIconPLByText","StyleSheetColor","create","backgroundColor","background_focused","borderWidth","borderColor","focus","button_danger_hover","button_disabled","text_on_color","style","StyleSheet","iconPL8","paddingLeft","SpacingConstant","spacing_03","false","true"],"sourceRoot":"../../../../../src","sources":["components/button/ghost-danger/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AAIA,IAAAK,OAAA,GAAAL,OAAA;AAGsB,IAAAM,WAAA,GAAAN,OAAA;AASf,SAASO,WAAWA,CAAC;EAC3BC,IAAI;EACJC,SAAS;EACT,GAAGC;AACc,CAAC,EAAE;EAEpB,MACCC,YAAY,GACX,IAAAC,iBAAU,EAACC,oBAAY,CAAC;EAE1B,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACT,OAAA,CAAAU,SAAS;IAAA,GACJL,KAAK;IACVF,IAAI,EAAGA,IAAM;IACbQ,yBAAyB,EAAGL,YAAY,CAACM,KAAK,CAACC,oBAAsB;IACrEC,eAAe,EAAE;MAChBC,UAAU,EAAE;QACXC,OAAO,EAAEC,UAAU,CAACC,kBAAkB;QACtCC,OAAO,EAAEF,UAAU,CAACG,kBAAkB;QACtCC,OAAO,EAAEJ,UAAU,CAACK,kBAAkB;QACtCC,OAAO,EAAEN,UAAU,CAACG,kBAAkB;QACtCI,QAAQ,EAAEP,UAAU,CAACQ;MACtB,CAAC;MACDtB,IAAI,EAAE;QACLa,OAAO,EAAEC,UAAU,CAACS,YAAY;QAChCP,OAAO,EAAEF,UAAU,CAACU,YAAY;QAChCN,OAAO,EAAEJ,UAAU,CAACW,YAAY;QAChCL,OAAO,EAAEN,UAAU,CAACY,YAAY;QAChCL,QAAQ,EAAEP,UAAU,CAACa;MACtB,CAAC;MACDC,IAAI,EAAE;QACLf,OAAO,EAAEV,YAAY,CAACM,KAAK,CAACoB,uBAAuB;QACnDb,OAAO,EAAEb,YAAY,CAACM,KAAK,CAACoB,uBAAuB;QACnDX,OAAO,EAAEf,YAAY,CAACM,KAAK,CAACqB,aAAa;QACzCV,OAAO,EAAEjB,YAAY,CAACM,KAAK,CAACqB,aAAa;QACzCT,QAAQ,EAAElB,YAAY,CAACM,KAAK,CAACsB;MAC9B;IACD,CAAE;IACF9B,SAAS,EAAG,CAAE+B,eAAe,CAAC,GAAG,CAAC,CAAChC,IAAI,EAAE,CAAC,EAAEC,SAAS;EAAI,CACzD,CAAC;AAGJ;AAEA,MACCa,UAAU,GACTmB,kBAAe,CAACC,MAAM,CAKpBzB,KAAK,KAAK;IACXM,kBAAkB,EAAE;MACnBoB,eAAe,EAAE;IAClB,CAAC;IACDC,kBAAkB,EAAE;MACnBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE7B,KAAK,CAAC8B;IACpB,CAAC;IACDpB,kBAAkB,EAAE;MACnBgB,eAAe,EAAE1B,KAAK,CAAC+B;IACxB,CAAC;IACDvB,kBAAkB,EAAE;MACnBkB,eAAe,EAAE1B,KAAK,CAACC;IACxB,CAAC;IACDY,mBAAmB,EAAE;MACpBa,eAAe,EAAE1B,KAAK,CAACgC;IACxB,CAAC;IAEDlB,YAAY,EAAE;MACbd,KAAK,EAAEA,KAAK,CAACoB;IACd,CAAC;IACDL,YAAY,EAAE;MACbf,KAAK,EAAEA,KAAK,CAACoB;IACd,CAAC;IACDJ,YAAY,EAAE;MACbhB,KAAK,EAAEA,KAAK,CAACiC;IACd,CAAC;IACDhB,YAAY,EAAE;MACbjB,KAAK,EAAEA,KAAK,CAACiC;IACd,CAAC;IACDf,aAAa,EAAE;MACdlB,KAAK,EAAEA,KAAK,CAACkB;IACd;EACD,CAAC,CAAC,CAAC;EAEJgB,KAAK,GACJC,uBAAU,CAACV,MAAM,CAAC;IACjBW,OAAO,EAAE;MACRC,WAAW,EAAEC,sBAAe,CAACC;IAC9B;EACD,CAAC,CAAC;EAEHhB,eAA+D,GAC9D;IACCiB,KAAK,EAAE,IAAI;IACXC,IAAI,EAAEP,KAAK,CAACE;EACb,CAAC","ignoreList":[]}

package/lib/commonjs/components/button/ghost-icon/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GhostIcon = GhostIcon;
+var _react = require("react");
+var _index = require("../../../contexts/index.js");
+var _index2 = require("../../../_style-sheet/index.js");
+var _index3 = require("../base-color/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function GhostIcon({
+  selected,
+  ...props
+}) {
+  const themeContext = (0, _react.useContext)(_index.ThemeContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.BaseColor, {
+    ...props,
+    android_rippleEffectColor: themeContext.color.background_active,
+    colorStateStyle: {
+      background: {
+        default: selected ? style.background_default : style.background_default_selected,
+        focused: style.background_focused,
+        hovered: style.background_hovered,
+        pressed: style.background_pressed,
+        disabled: style.background_disabled
+      },
+      text: {
+        default: style.text_default,
+        focused: style.text_focused,
+        hovered: style.text_hovered,
+        pressed: style.text_pressed,
+        disabled: style.text_disabled
+      },
+      icon: {
+        default: themeContext.color.icon_primary,
+        focused: themeContext.color.icon_primary,
+        hovered: themeContext.color.icon_primary,
+        pressed: themeContext.color.icon_primary,
+        disabled: themeContext.color.icon_disabled
+      }
+    }
+  });
+}
+const style = _index2.StyleSheet.create(color => ({
+  background_default: {
+    backgroundColor: 'transparent'
+  },
+  background_default_selected: {
+    backgroundColor: color.background_selected
+  },
+  background_focused: {
+    borderWidth: 1,
+    borderColor: color.focus
+  },
+  background_hovered: {
+    backgroundColor: color.background_hover
+  },
+  background_pressed: {
+    backgroundColor: color.background_active
+  },
+  background_disabled: {
+    backgroundColor: 'transparent'
+  },
+  text_default: {
+    color: 'transparent'
+  },
+  text_focused: {
+    color: 'transparent'
+  },
+  text_hovered: {
+    color: 'transparent'
+  },
+  text_pressed: {
+    color: 'transparent'
+  },
+  text_disabled: {
+    color: 'transparent'
+  }
+}));
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/button/ghost-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","_index2","_index3","_jsxRuntime","GhostIcon","selected","props","themeContext","useContext","ThemeContext","jsx","BaseColor","android_rippleEffectColor","color","background_active","colorStateStyle","background","default","style","background_default","background_default_selected","focused","background_focused","hovered","background_hovered","pressed","background_pressed","disabled","background_disabled","text","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","icon_primary","icon_disabled","StyleSheet","create","backgroundColor","background_selected","borderWidth","borderColor","focus","background_hover"],"sourceRoot":"../../../../../src","sources":["components/button/ghost-icon/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AAQA,IAAAE,OAAA,GAAAF,OAAA;AAIA,IAAAG,OAAA,GAAAH,OAAA;AAGsB,IAAAI,WAAA,GAAAJ,OAAA;AAaf,SAASK,SAASA,CAAC;EACzBC,QAAQ;EACR,GAAGC;AACY,CAAC,EAAE;EAElB,MACCC,YAAY,GACX,IAAAC,iBAAU,EAACC,mBAAY,CAAC;EAE1B,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACR,OAAA,CAAAS,SAAS;IAAA,GACJL,KAAK;IACVM,yBAAyB,EAAGL,YAAY,CAACM,KAAK,CAACC,iBAAmB;IAClEC,eAAe,EAAE;MAChBC,UAAU,EAAE;QACXC,OAAO,EAAEZ,QAAQ,GACda,KAAK,CAACC,kBAAkB,GACxBD,KAAK,CAACE,2BAA2B;QACpCC,OAAO,EAAEH,KAAK,CAACI,kBAAkB;QACjCC,OAAO,EAAEL,KAAK,CAACM,kBAAkB;QACjCC,OAAO,EAAEP,KAAK,CAACQ,kBAAkB;QACjCC,QAAQ,EAAET,KAAK,CAACU;MACjB,CAAC;MACDC,IAAI,EAAE;QACLZ,OAAO,EAAEC,KAAK,CAACY,YAAY;QAC3BT,OAAO,EAAEH,KAAK,CAACa,YAAY;QAC3BR,OAAO,EAAEL,KAAK,CAACc,YAAY;QAC3BP,OAAO,EAAEP,KAAK,CAACe,YAAY;QAC3BN,QAAQ,EAAET,KAAK,CAACgB;MACjB,CAAC;MACDC,IAAI,EAAE;QACLlB,OAAO,EAAEV,YAAY,CAACM,KAAK,CAACuB,YAAY;QACxCf,OAAO,EAAEd,YAAY,CAACM,KAAK,CAACuB,YAAY;QACxCb,OAAO,EAAEhB,YAAY,CAACM,KAAK,CAACuB,YAAY;QACxCX,OAAO,EAAElB,YAAY,CAACM,KAAK,CAACuB,YAAY;QACxCT,QAAQ,EAAEpB,YAAY,CAACM,KAAK,CAACwB;MAC9B;IACD;EAAE,CACF,CAAC;AAGJ;AAEA,MACCnB,KAAK,GACJoB,kBAAU,CAACC,MAAM,CAMf1B,KAAK,KAAK;EACXM,kBAAkB,EAAE;IACnBqB,eAAe,EAAE;EAClB,CAAC;EACDpB,2BAA2B,EAAE;IAC5BoB,eAAe,EAAE3B,KAAK,CAAC4B;EACxB,CAAC;EACDnB,kBAAkB,EAAE;IACnBoB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE9B,KAAK,CAAC+B;EACpB,CAAC;EACDpB,kBAAkB,EAAE;IACnBgB,eAAe,EAAE3B,KAAK,CAACgC;EACxB,CAAC;EACDnB,kBAAkB,EAAE;IACnBc,eAAe,EAAE3B,KAAK,CAACC;EACxB,CAAC;EACDc,mBAAmB,EAAE;IACpBY,eAAe,EAAE;EAClB,CAAC;EAEDV,YAAY,EAAE;IACbjB,KAAK,EAAE;EACR,CAAC;EACDkB,YAAY,EAAE;IACblB,KAAK,EAAE;EACR,CAAC;EACDmB,YAAY,EAAE;IACbnB,KAAK,EAAE;EACR,CAAC;EACDoB,YAAY,EAAE;IACbpB,KAAK,EAAE;EACR,CAAC;EACDqB,aAAa,EAAE;IACdrB,KAAK,EAAE;EACR;AACD,CAAC,CAAC,CAAC","ignoreList":[]}