@react-native-ohos/native-base 3.4.29-rc.1

package/lib/commonjs/theme/components/icon-button.js

@@ -0,0 +1,300 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+const baseStyle = props => {
+  const {
+    colorScheme
+  } = props;
+  const colors = props.theme.colors;
+  return {
+    borderRadius: 'sm',
+    // '4px'
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    _web: {
+      _disabled: {
+        cursor: 'not-allowed'
+      },
+      _loading: {
+        cursor: 'not-allowed'
+      },
+      cursor: 'pointer',
+      userSelect: 'none'
+    },
+    _focus: {
+      borderColor: "".concat(colorScheme, ".400")
+    },
+    _focusVisible: {
+      _web: {
+        style: {
+          outlineWidth: '2px',
+          outlineColor: "".concat(colors[colorScheme][600]),
+          outlineStyle: 'solid'
+        }
+      }
+    },
+    _loading: {
+      opacity: '40'
+    },
+    _disabled: {
+      opacity: '40'
+    },
+    _dark: {
+      _focusVisible: {
+        _web: {
+          style: {
+            outlineWidth: '2px',
+            outlineColor: "".concat(colors[colorScheme][500]),
+            outlineStyle: 'solid'
+          }
+        }
+      }
+    }
+  };
+};
+
+function variantGhost({
+  colorScheme
+}) {
+  return {
+    _icon: {
+      color: "".concat(colorScheme, ".600")
+    },
+    _hover: {
+      bg: "".concat(colorScheme, ".600:alpha.10")
+    },
+    _pressed: {
+      bg: "".concat(colorScheme, ".600:alpha.20")
+    },
+    _dark: {
+      _icon: {
+        color: "".concat(colorScheme, ".500")
+      },
+      _hover: {
+        bg: "".concat(colorScheme, ".500:alpha.10")
+      },
+      _pressed: {
+        bg: "".concat(colorScheme, ".500:alpha.20")
+      }
+    }
+  };
+}
+
+function variantOutline({
+  colorScheme
+}) {
+  return {
+    borderWidth: '1px',
+    borderColor: "".concat(colorScheme, ".600"),
+    _icon: {
+      color: "".concat(colorScheme, ".600")
+    },
+    _hover: {
+      bg: "".concat(colorScheme, ".700"),
+      _icon: {
+        color: 'muted.50'
+      }
+    },
+    _pressed: {
+      bg: "".concat(colorScheme, ".800"),
+      _icon: {
+        color: 'muted.50'
+      }
+    },
+    _focus: {
+      bg: "".concat(colorScheme, ".600"),
+      _icon: {
+        color: 'muted.50'
+      }
+    },
+    _dark: {
+      borderColor: "".concat(colorScheme, ".500"),
+      _icon: {
+        color: "".concat(colorScheme, ".500")
+      },
+      _hover: {
+        bg: "".concat(colorScheme, ".400"),
+        _icon: {
+          color: 'muted.900'
+        }
+      },
+      _pressed: {
+        bg: "".concat(colorScheme, ".300"),
+        _icon: {
+          color: 'muted.900'
+        }
+      },
+      _focus: {
+        bg: "".concat(colorScheme, ".500"),
+        _icon: {
+          color: 'muted.900'
+        }
+      }
+    }
+  };
+}
+
+function variantSolid({
+  colorScheme
+}) {
+  return {
+    bg: "".concat(colorScheme, ".600"),
+    _hover: {
+      bg: "".concat(colorScheme, ".700")
+    },
+    _pressed: {
+      bg: "".concat(colorScheme, ".800")
+    },
+    _icon: {
+      color: 'muted.50'
+    },
+    _dark: {
+      bg: "".concat(colorScheme, ".500"),
+      _hover: {
+        bg: "".concat(colorScheme, ".400")
+      },
+      _pressed: {
+        bg: "".concat(colorScheme, ".300"),
+        _icon: {
+          color: 'muted.900'
+        }
+      },
+      _icon: {
+        color: 'muted.900'
+      }
+    }
+  };
+}
+
+function variantSubtle({
+  colorScheme
+}) {
+  return {
+    _text: {
+      color: "".concat(colorScheme, ".900")
+    },
+    _icon: {
+      color: "".concat(colorScheme, ".900")
+    },
+    bg: "".concat(colorScheme, ".100"),
+    _hover: {
+      bg: "".concat(colorScheme, ".200")
+    },
+    _pressed: {
+      bg: "".concat(colorScheme, ".300")
+    },
+    _dark: {
+      bg: "".concat(colorScheme, ".300"),
+      _hover: {
+        bg: "".concat(colorScheme, ".200")
+      },
+      _pressed: {
+        bg: "".concat(colorScheme, ".100")
+      }
+    }
+  };
+}
+
+function variantLink({
+  colorScheme
+}) {
+  return {
+    _spinner: {
+      color: "".concat(colorScheme, ".600")
+    },
+    _icon: {
+      color: "".concat(colorScheme, ".600")
+    },
+    _hover: {
+      _icon: {
+        color: "".concat(colorScheme, ".700")
+      }
+    },
+    _pressed: {
+      _icon: {
+        color: "".concat(colorScheme, ".800")
+      }
+    },
+    _dark: {
+      _icon: {
+        color: "".concat(colorScheme, ".500")
+      },
+      _hover: {
+        _icon: {
+          color: "".concat(colorScheme, ".400")
+        }
+      },
+      _pressed: {
+        _icon: {
+          color: "".concat(colorScheme, ".300")
+        }
+      }
+    }
+  };
+}
+
+function variantUnstyled() {
+  return {
+    _icon: {
+      color: 'muted.900'
+    },
+    _dark: {
+      _icon: {
+        color: 'muted.50'
+      }
+    }
+  };
+}
+
+const variants = {
+  ghost: variantGhost,
+  outline: variantOutline,
+  solid: variantSolid,
+  subtle: variantSubtle,
+  link: variantLink,
+  unstyled: variantUnstyled
+};
+const sizes = {
+  lg: {
+    p: '3',
+    _icon: {
+      size: 'lg'
+    }
+  },
+  md: {
+    p: '2.5',
+    _icon: {
+      size: 'md'
+    }
+  },
+  sm: {
+    p: '2',
+    _icon: {
+      size: 'sm'
+    }
+  },
+  xs: {
+    p: '1.5',
+    _icon: {
+      size: 'xs'
+    }
+  }
+};
+const defaultProps = {
+  variant: 'ghost',
+  size: 'md',
+  colorScheme: 'primary'
+};
+var _default = {
+  baseStyle,
+  variants,
+  sizes,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=icon-button.js.map

package/lib/commonjs/theme/components/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["icon-button.ts"],"names":["baseStyle","props","colorScheme","colors","theme","borderRadius","flexDirection","justifyContent","alignItems","_web","_disabled","cursor","_loading","userSelect","_focus","borderColor","_focusVisible","style","outlineWidth","outlineColor","outlineStyle","opacity","_dark","variantGhost","_icon","color","_hover","bg","_pressed","variantOutline","borderWidth","variantSolid","variantSubtle","_text","variantLink","_spinner","variantUnstyled","variants","ghost","outline","solid","subtle","link","unstyled","sizes","lg","p","size","md","sm","xs","defaultProps","variant"],"mappings":";;;;;;;AAAA,MAAMA,SAAS,GAAIC,KAAD,IAAgB;AAChC,QAAM;AAAEC,IAAAA;AAAF,MAAkBD,KAAxB;AACA,QAAME,MAAM,GAAGF,KAAK,CAACG,KAAN,CAAYD,MAA3B;AAEA,SAAO;AACLE,IAAAA,YAAY,EAAE,IADT;AACe;AACpBC,IAAAA,aAAa,EAAE,KAFV;AAGLC,IAAAA,cAAc,EAAE,QAHX;AAILC,IAAAA,UAAU,EAAE,QAJP;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,SAAS,EAAE;AACTC,QAAAA,MAAM,EAAE;AADC,OADP;AAIJC,MAAAA,QAAQ,EAAE;AACRD,QAAAA,MAAM,EAAE;AADA,OAJN;AAOJA,MAAAA,MAAM,EAAE,SAPJ;AAQJE,MAAAA,UAAU,EAAE;AARR,KALD;AAeLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,WAAW,YAAKb,WAAL;AADL,KAfH;AAkBLc,IAAAA,aAAa,EAAE;AACbP,MAAAA,IAAI,EAAE;AACJQ,QAAAA,KAAK,EAAE;AACLC,UAAAA,YAAY,EAAE,KADT;AAELC,UAAAA,YAAY,YAAKhB,MAAM,CAACD,WAAD,CAAN,CAAoB,GAApB,CAAL,CAFP;AAGLkB,UAAAA,YAAY,EAAE;AAHT;AADH;AADO,KAlBV;AA2BLR,IAAAA,QAAQ,EAAE;AACRS,MAAAA,OAAO,EAAE;AADD,KA3BL;AA8BLX,IAAAA,SAAS,EAAE;AACTW,MAAAA,OAAO,EAAE;AADA,KA9BN;AAiCLC,IAAAA,KAAK,EAAE;AACLN,MAAAA,aAAa,EAAE;AACbP,QAAAA,IAAI,EAAE;AACJQ,UAAAA,KAAK,EAAE;AACLC,YAAAA,YAAY,EAAE,KADT;AAELC,YAAAA,YAAY,YAAKhB,MAAM,CAACD,WAAD,CAAN,CAAoB,GAApB,CAAL,CAFP;AAGLkB,YAAAA,YAAY,EAAE;AAHT;AADH;AADO;AADV;AAjCF,GAAP;AA6CD,CAjDD;;AAmDA,SAASG,YAAT,CAAsB;AAAErB,EAAAA;AAAF,CAAtB,EAA4D;AAC1D,SAAO;AACLsB,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,YAAKvB,WAAL;AADA,KADF;AAILwB,IAAAA,MAAM,EAAE;AACNC,MAAAA,EAAE,YAAKzB,WAAL;AADI,KAJH;AAOL0B,IAAAA,QAAQ,EAAE;AACRD,MAAAA,EAAE,YAAKzB,WAAL;AADM,KAPL;AAULoB,IAAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,YAAKvB,WAAL;AADA,OADF;AAILwB,MAAAA,MAAM,EAAE;AACNC,QAAAA,EAAE,YAAKzB,WAAL;AADI,OAJH;AAOL0B,MAAAA,QAAQ,EAAE;AACRD,QAAAA,EAAE,YAAKzB,WAAL;AADM;AAPL;AAVF,GAAP;AAsBD;;AAED,SAAS2B,cAAT,CAAwB;AAAE3B,EAAAA;AAAF,CAAxB,EAA8D;AAC5D,SAAO;AACL4B,IAAAA,WAAW,EAAE,KADR;AAELf,IAAAA,WAAW,YAAKb,WAAL,SAFN;AAGLsB,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,YAAKvB,WAAL;AADA,KAHF;AAMLwB,IAAAA,MAAM,EAAE;AACNC,MAAAA,EAAE,YAAKzB,WAAL,SADI;AAENsB,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF;AAFD,KANH;AAYLG,IAAAA,QAAQ,EAAE;AACRD,MAAAA,EAAE,YAAKzB,WAAL,SADM;AAERsB,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF;AAFC,KAZL;AAkBLX,IAAAA,MAAM,EAAE;AACNa,MAAAA,EAAE,YAAKzB,WAAL,SADI;AAENsB,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF;AAFD,KAlBH;AAwBLH,IAAAA,KAAK,EAAE;AACLP,MAAAA,WAAW,YAAKb,WAAL,SADN;AAELsB,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,YAAKvB,WAAL;AADA,OAFF;AAKLwB,MAAAA,MAAM,EAAE;AACNC,QAAAA,EAAE,YAAKzB,WAAL,SADI;AAENsB,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAAE;AADF;AAFD,OALH;AAWLG,MAAAA,QAAQ,EAAE;AACRD,QAAAA,EAAE,YAAKzB,WAAL,SADM;AAERsB,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAAE;AADF;AAFC,OAXL;AAiBLX,MAAAA,MAAM,EAAE;AACNa,QAAAA,EAAE,YAAKzB,WAAL,SADI;AAENsB,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAAE;AADF;AAFD;AAjBH;AAxBF,GAAP;AAiDD;;AAED,SAASM,YAAT,CAAsB;AAAE7B,EAAAA;AAAF,CAAtB,EAA4D;AAC1D,SAAO;AACLyB,IAAAA,EAAE,YAAKzB,WAAL,SADG;AAELwB,IAAAA,MAAM,EAAE;AACNC,MAAAA,EAAE,YAAKzB,WAAL;AADI,KAFH;AAKL0B,IAAAA,QAAQ,EAAE;AACRD,MAAAA,EAAE,YAAKzB,WAAL;AADM,KALL;AAQLsB,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE;AADF,KARF;AAWLH,IAAAA,KAAK,EAAE;AACLK,MAAAA,EAAE,YAAKzB,WAAL,SADG;AAELwB,MAAAA,MAAM,EAAE;AACNC,QAAAA,EAAE,YAAKzB,WAAL;AADI,OAFH;AAKL0B,MAAAA,QAAQ,EAAE;AACRD,QAAAA,EAAE,YAAKzB,WAAL,SADM;AAERsB,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAAE;AADF;AAFC,OALL;AAWLD,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF;AAXF;AAXF,GAAP;AA2BD;;AAED,SAASO,aAAT,CAAuB;AAAE9B,EAAAA;AAAF,CAAvB,EAA6D;AAC3D,SAAO;AACL+B,IAAAA,KAAK,EAAE;AACLR,MAAAA,KAAK,YAAKvB,WAAL;AADA,KADF;AAILsB,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,YAAKvB,WAAL;AADA,KAJF;AAOLyB,IAAAA,EAAE,YAAKzB,WAAL,SAPG;AAQLwB,IAAAA,MAAM,EAAE;AACNC,MAAAA,EAAE,YAAKzB,WAAL;AADI,KARH;AAWL0B,IAAAA,QAAQ,EAAE;AACRD,MAAAA,EAAE,YAAKzB,WAAL;AADM,KAXL;AAcLoB,IAAAA,KAAK,EAAE;AACLK,MAAAA,EAAE,YAAKzB,WAAL,SADG;AAELwB,MAAAA,MAAM,EAAE;AACNC,QAAAA,EAAE,YAAKzB,WAAL;AADI,OAFH;AAKL0B,MAAAA,QAAQ,EAAE;AACRD,QAAAA,EAAE,YAAKzB,WAAL;AADM;AALL;AAdF,GAAP;AAwBD;;AAED,SAASgC,WAAT,CAAqB;AAAEhC,EAAAA;AAAF,CAArB,EAA2D;AACzD,SAAO;AACLiC,IAAAA,QAAQ,EAAE;AACRV,MAAAA,KAAK,YAAKvB,WAAL;AADG,KADL;AAKLsB,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,YAAKvB,WAAL;AADA,KALF;AAQLwB,IAAAA,MAAM,EAAE;AACNF,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,YAAKvB,WAAL;AADA;AADD,KARH;AAaL0B,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,YAAKvB,WAAL;AADA;AADC,KAbL;AAkBLoB,IAAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,YAAKvB,WAAL;AADA,OADF;AAILwB,MAAAA,MAAM,EAAE;AACNF,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,YAAKvB,WAAL;AADA;AADD,OAJH;AASL0B,MAAAA,QAAQ,EAAE;AACRJ,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,YAAKvB,WAAL;AADA;AADC;AATL;AAlBF,GAAP;AAkCD;;AAED,SAASkC,eAAT,GAA2B;AACzB,SAAO;AACLZ,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE;AADF,KADF;AAILH,IAAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF;AADF;AAJF,GAAP;AAUD;;AAED,MAAMY,QAAQ,GAAG;AACfC,EAAAA,KAAK,EAAEf,YADQ;AAEfgB,EAAAA,OAAO,EAAEV,cAFM;AAGfW,EAAAA,KAAK,EAAET,YAHQ;AAIfU,EAAAA,MAAM,EAAET,aAJO;AAKfU,EAAAA,IAAI,EAAER,WALS;AAMfS,EAAAA,QAAQ,EAAEP;AANK,CAAjB;AASA,MAAMQ,KAAK,GAAG;AACZC,EAAAA,EAAE,EAAE;AACFC,IAAAA,CAAC,EAAE,GADD;AAEFtB,IAAAA,KAAK,EAAE;AACLuB,MAAAA,IAAI,EAAE;AADD;AAFL,GADQ;AAOZC,EAAAA,EAAE,EAAE;AACFF,IAAAA,CAAC,EAAE,KADD;AAEFtB,IAAAA,KAAK,EAAE;AACLuB,MAAAA,IAAI,EAAE;AADD;AAFL,GAPQ;AAaZE,EAAAA,EAAE,EAAE;AACFH,IAAAA,CAAC,EAAE,GADD;AAEFtB,IAAAA,KAAK,EAAE;AACLuB,MAAAA,IAAI,EAAE;AADD;AAFL,GAbQ;AAmBZG,EAAAA,EAAE,EAAE;AACFJ,IAAAA,CAAC,EAAE,KADD;AAEFtB,IAAAA,KAAK,EAAE;AACLuB,MAAAA,IAAI,EAAE;AADD;AAFL;AAnBQ,CAAd;AA2BA,MAAMI,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,OADU;AAEnBL,EAAAA,IAAI,EAAE,IAFa;AAGnB7C,EAAAA,WAAW,EAAE;AAHM,CAArB;eAMe;AACbF,EAAAA,SADa;AAEbqC,EAAAA,QAFa;AAGbO,EAAAA,KAHa;AAIbO,EAAAA;AAJa,C","sourcesContent":["const baseStyle = (props: any) => {\r\n  const { colorScheme } = props;\r\n  const colors = props.theme.colors;\r\n\r\n  return {\r\n    borderRadius: 'sm', // '4px'\r\n    flexDirection: 'row',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    _web: {\r\n      _disabled: {\r\n        cursor: 'not-allowed',\r\n      },\r\n      _loading: {\r\n        cursor: 'not-allowed',\r\n      },\r\n      cursor: 'pointer',\r\n      userSelect: 'none',\r\n    },\r\n    _focus: {\r\n      borderColor: `${colorScheme}.400`,\r\n    },\r\n    _focusVisible: {\r\n      _web: {\r\n        style: {\r\n          outlineWidth: '2px',\r\n          outlineColor: `${colors[colorScheme][600]}`,\r\n          outlineStyle: 'solid',\r\n        },\r\n      },\r\n    },\r\n    _loading: {\r\n      opacity: '40',\r\n    },\r\n    _disabled: {\r\n      opacity: '40',\r\n    },\r\n    _dark: {\r\n      _focusVisible: {\r\n        _web: {\r\n          style: {\r\n            outlineWidth: '2px',\r\n            outlineColor: `${colors[colorScheme][500]}`,\r\n            outlineStyle: 'solid',\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n};\r\n\r\nfunction variantGhost({ colorScheme }: Record<string, any>) {\r\n  return {\r\n    _icon: {\r\n      color: `${colorScheme}.600`,\r\n    },\r\n    _hover: {\r\n      bg: `${colorScheme}.600:alpha.10`,\r\n    },\r\n    _pressed: {\r\n      bg: `${colorScheme}.600:alpha.20`,\r\n    },\r\n    _dark: {\r\n      _icon: {\r\n        color: `${colorScheme}.500`,\r\n      },\r\n      _hover: {\r\n        bg: `${colorScheme}.500:alpha.10`,\r\n      },\r\n      _pressed: {\r\n        bg: `${colorScheme}.500:alpha.20`,\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction variantOutline({ colorScheme }: Record<string, any>) {\r\n  return {\r\n    borderWidth: '1px',\r\n    borderColor: `${colorScheme}.600`,\r\n    _icon: {\r\n      color: `${colorScheme}.600`,\r\n    },\r\n    _hover: {\r\n      bg: `${colorScheme}.700`,\r\n      _icon: {\r\n        color: 'muted.50',\r\n      },\r\n    },\r\n    _pressed: {\r\n      bg: `${colorScheme}.800`,\r\n      _icon: {\r\n        color: 'muted.50',\r\n      },\r\n    },\r\n    _focus: {\r\n      bg: `${colorScheme}.600`,\r\n      _icon: {\r\n        color: 'muted.50',\r\n      },\r\n    },\r\n    _dark: {\r\n      borderColor: `${colorScheme}.500`,\r\n      _icon: {\r\n        color: `${colorScheme}.500`,\r\n      },\r\n      _hover: {\r\n        bg: `${colorScheme}.400`,\r\n        _icon: {\r\n          color: 'muted.900',\r\n        },\r\n      },\r\n      _pressed: {\r\n        bg: `${colorScheme}.300`,\r\n        _icon: {\r\n          color: 'muted.900',\r\n        },\r\n      },\r\n      _focus: {\r\n        bg: `${colorScheme}.500`,\r\n        _icon: {\r\n          color: 'muted.900',\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction variantSolid({ colorScheme }: Record<string, any>) {\r\n  return {\r\n    bg: `${colorScheme}.600`,\r\n    _hover: {\r\n      bg: `${colorScheme}.700`,\r\n    },\r\n    _pressed: {\r\n      bg: `${colorScheme}.800`,\r\n    },\r\n    _icon: {\r\n      color: 'muted.50',\r\n    },\r\n    _dark: {\r\n      bg: `${colorScheme}.500`,\r\n      _hover: {\r\n        bg: `${colorScheme}.400`,\r\n      },\r\n      _pressed: {\r\n        bg: `${colorScheme}.300`,\r\n        _icon: {\r\n          color: 'muted.900',\r\n        },\r\n      },\r\n      _icon: {\r\n        color: 'muted.900',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction variantSubtle({ colorScheme }: Record<string, any>) {\r\n  return {\r\n    _text: {\r\n      color: `${colorScheme}.900`,\r\n    },\r\n    _icon: {\r\n      color: `${colorScheme}.900`,\r\n    },\r\n    bg: `${colorScheme}.100`,\r\n    _hover: {\r\n      bg: `${colorScheme}.200`,\r\n    },\r\n    _pressed: {\r\n      bg: `${colorScheme}.300`,\r\n    },\r\n    _dark: {\r\n      bg: `${colorScheme}.300`,\r\n      _hover: {\r\n        bg: `${colorScheme}.200`,\r\n      },\r\n      _pressed: {\r\n        bg: `${colorScheme}.100`,\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction variantLink({ colorScheme }: Record<string, any>) {\r\n  return {\r\n    _spinner: {\r\n      color: `${colorScheme}.600`,\r\n    },\r\n\r\n    _icon: {\r\n      color: `${colorScheme}.600`,\r\n    },\r\n    _hover: {\r\n      _icon: {\r\n        color: `${colorScheme}.700`,\r\n      },\r\n    },\r\n    _pressed: {\r\n      _icon: {\r\n        color: `${colorScheme}.800`,\r\n      },\r\n    },\r\n    _dark: {\r\n      _icon: {\r\n        color: `${colorScheme}.500`,\r\n      },\r\n      _hover: {\r\n        _icon: {\r\n          color: `${colorScheme}.400`,\r\n        },\r\n      },\r\n      _pressed: {\r\n        _icon: {\r\n          color: `${colorScheme}.300`,\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction variantUnstyled() {\r\n  return {\r\n    _icon: {\r\n      color: 'muted.900',\r\n    },\r\n    _dark: {\r\n      _icon: {\r\n        color: 'muted.50',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nconst variants = {\r\n  ghost: variantGhost,\r\n  outline: variantOutline,\r\n  solid: variantSolid,\r\n  subtle: variantSubtle,\r\n  link: variantLink,\r\n  unstyled: variantUnstyled,\r\n};\r\n\r\nconst sizes = {\r\n  lg: {\r\n    p: '3',\r\n    _icon: {\r\n      size: 'lg',\r\n    },\r\n  },\r\n  md: {\r\n    p: '2.5',\r\n    _icon: {\r\n      size: 'md',\r\n    },\r\n  },\r\n  sm: {\r\n    p: '2',\r\n    _icon: {\r\n      size: 'sm',\r\n    },\r\n  },\r\n  xs: {\r\n    p: '1.5',\r\n    _icon: {\r\n      size: 'xs',\r\n    },\r\n  },\r\n};\r\n\r\nconst defaultProps = {\r\n  variant: 'ghost',\r\n  size: 'md',\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  variants,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/commonjs/theme/components/icon.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+const baseStyle = () => {
+  return {
+    color: 'muted.500',
+    _dark: {
+      color: 'muted.400'
+    }
+  };
+};
+
+const sizes = {
+  '2xs': 2,
+  'xs': 3,
+  'sm': 4,
+  'md': 5,
+  'lg': 6,
+  'xl': 7,
+  '2xl': 8,
+  '3xl': 9,
+  '4xl': 10,
+  '5xl': 12,
+  '6xl': 16
+};
+const defaultProps = {
+  size: 'sm'
+};
+var _default = {
+  baseStyle,
+  sizes,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=icon.js.map

package/lib/commonjs/theme/components/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["icon.ts"],"names":["baseStyle","color","_dark","sizes","defaultProps","size"],"mappings":";;;;;;;AAAA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO;AACLC,IAAAA,KAAK,EAAE,WADF;AAELC,IAAAA,KAAK,EAAE;AACLD,MAAAA,KAAK,EAAE;AADF;AAFF,GAAP;AAMD,CAPD;;AASA,MAAME,KAAK,GAAG;AACZ,SAAO,CADK;AAEZ,QAAM,CAFM;AAGZ,QAAM,CAHM;AAIZ,QAAM,CAJM;AAKZ,QAAM,CALM;AAMZ,QAAM,CANM;AAOZ,SAAO,CAPK;AAQZ,SAAO,CARK;AASZ,SAAO,EATK;AAUZ,SAAO,EAVK;AAWZ,SAAO;AAXK,CAAd;AAcA,MAAMC,YAAY,GAAG;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAArB;eACe;AAAEL,EAAAA,SAAF;AAAaG,EAAAA,KAAb;AAAoBC,EAAAA;AAApB,C","sourcesContent":["const baseStyle = () => {\r\n  return {\r\n    color: 'muted.500',\r\n    _dark: {\r\n      color: 'muted.400',\r\n    },\r\n  };\r\n};\r\n\r\nconst sizes = {\r\n  '2xs': 2,\r\n  'xs': 3,\r\n  'sm': 4,\r\n  'md': 5,\r\n  'lg': 6,\r\n  'xl': 7,\r\n  '2xl': 8,\r\n  '3xl': 9,\r\n  '4xl': 10,\r\n  '5xl': 12,\r\n  '6xl': 16,\r\n};\r\n\r\nconst defaultProps = { size: 'sm' };\r\nexport default { baseStyle, sizes, defaultProps };\r\n"]}

package/lib/commonjs/theme/components/image.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = void 0;
+// Image
+const sizes = {
+  '2xs': '6',
+  'xs': '10',
+  'sm': '16',
+  'md': '20',
+  'lg': '24',
+  'xl': '32',
+  '2xl': '64',
+  'full': '100%'
+};
+const Image = {
+  baseStyle: {
+    maxWidth: '100%'
+  },
+  sizes,
+  defaultProps: {}
+};
+exports.Image = Image;
+//# sourceMappingURL=image.js.map

package/lib/commonjs/theme/components/image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["image.ts"],"names":["sizes","Image","baseStyle","maxWidth","defaultProps"],"mappings":";;;;;;AAAA;AACA,MAAMA,KAAK,GAAG;AACZ,SAAO,GADK;AAEZ,QAAM,IAFM;AAGZ,QAAM,IAHM;AAIZ,QAAM,IAJM;AAKZ,QAAM,IALM;AAMZ,QAAM,IANM;AAOZ,SAAO,IAPK;AAQZ,UAAQ;AARI,CAAd;AAWO,MAAMC,KAAK,GAAG;AACnBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE;AADD,GADQ;AAInBH,EAAAA,KAJmB;AAKnBI,EAAAA,YAAY,EAAE;AALK,CAAd","sourcesContent":["// Image\r\nconst sizes = {\r\n  '2xs': '6',\r\n  'xs': '10',\r\n  'sm': '16',\r\n  'md': '20',\r\n  'lg': '24',\r\n  'xl': '32',\r\n  '2xl': '64',\r\n  'full': '100%',\r\n};\r\n\r\nexport const Image = {\r\n  baseStyle: {\r\n    maxWidth: '100%',\r\n  },\r\n  sizes,\r\n  defaultProps: {},\r\n};\r\n"]}

package/lib/commonjs/theme/components/index.js

@@ -0,0 +1,276 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _accordion = require("./accordion");
+
+var _actionsheet = require("./actionsheet");
+
+var _select = require("./select");
+
+var _alert = require("./alert");
+
+var _aspectRatio = _interopRequireDefault(require("./aspect-ratio"));
+
+var _avatar = _interopRequireDefault(require("./avatar"));
+
+var _avatarBadge = _interopRequireDefault(require("./avatar-badge"));
+
+var _avatarGroup = _interopRequireDefault(require("./avatar-group"));
+
+var _badge = _interopRequireDefault(require("./badge"));
+
+var _breadcrumb = require("./breadcrumb");
+
+var _button = _interopRequireWildcard(require("./button"));
+
+var _card = _interopRequireDefault(require("./card"));
+
+var _center = _interopRequireDefault(require("./center"));
+
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+
+var _checkboxGroup = _interopRequireDefault(require("./checkbox-group"));
+
+var _box = _interopRequireDefault(require("./box"));
+
+var _flatList = _interopRequireDefault(require("./flatList"));
+
+var _keyboardAvoidingView = _interopRequireDefault(require("./keyboardAvoidingView"));
+
+var _scrollView = _interopRequireDefault(require("./scrollView"));
+
+var _sectionList = _interopRequireDefault(require("./sectionList"));
+
+var _statusBar = _interopRequireDefault(require("./statusBar"));
+
+var _circularProgress = _interopRequireDefault(require("./circular-progress"));
+
+var _code = _interopRequireDefault(require("./code"));
+
+var _container = _interopRequireDefault(require("./container"));
+
+var _hstack = _interopRequireDefault(require("./hstack"));
+
+var _vstack = _interopRequireDefault(require("./vstack"));
+
+var _divider = _interopRequireDefault(require("./divider"));
+
+var _circle = _interopRequireDefault(require("./circle"));
+
+var _simpleGrid = _interopRequireDefault(require("./simple-grid"));
+
+var _formControl = require("./form-control");
+
+var _heading = _interopRequireDefault(require("./heading"));
+
+var _icon = _interopRequireDefault(require("./icon"));
+
+var _iconButton = _interopRequireDefault(require("./icon-button"));
+
+var _image = require("./image");
+
+var _input = require("./input");
+
+var _tooltip = require("./tooltip");
+
+var _kbd = _interopRequireDefault(require("./kbd"));
+
+var _link = _interopRequireDefault(require("./link"));
+
+var _menu = _interopRequireWildcard(require("./menu"));
+
+var _modal = require("./modal");
+
+var _alertDialog = require("./alert-dialog");
+
+var PopoverComponentTheme = _interopRequireWildcard(require("./popover"));
+
+var _numberInput = _interopRequireWildcard(require("./number-input"));
+
+var _pinInput = _interopRequireDefault(require("./pin-input"));
+
+var _pressable = _interopRequireDefault(require("./pressable"));
+
+var _progress = _interopRequireDefault(require("./progress"));
+
+var _radio = _interopRequireDefault(require("./radio"));
+
+var _radioGroup = _interopRequireDefault(require("./radio-group"));
+
+var _skeleton = require("./skeleton");
+
+var _spinner = _interopRequireDefault(require("./spinner"));
+
+var _stat = _interopRequireDefault(require("./stat"));
+
+var _switch = _interopRequireDefault(require("./switch"));
+
+var _tabs = _interopRequireDefault(require("./tabs"));
+
+var _tag = _interopRequireDefault(require("./tag"));
+
+var _text = _interopRequireDefault(require("./text"));
+
+var _appBar = _interopRequireDefault(require("./app-bar"));
+
+var _textarea = _interopRequireDefault(require("./textarea"));
+
+var _textField = require("./textField");
+
+var _toast = require("./toast");
+
+var _transitions = require("./transitions");
+
+var _list = require("./list");
+
+var _typeahead = require("./typeahead");
+
+var _wrap = require("./wrap");
+
+var _flex = require("./flex");
+
+var _stack = _interopRequireDefault(require("./stack"));
+
+var _square = _interopRequireDefault(require("./square"));
+
+var _view = _interopRequireDefault(require("./view"));
+
+var _zstack = _interopRequireDefault(require("./zstack"));
+
+var _fab = _interopRequireDefault(require("./fab"));
+
+var _slider = require("./slider");
+
+var _inputleftaddon = _interopRequireDefault(require("./inputleftaddon"));
+
+var _inputrightaddon = _interopRequireDefault(require("./inputrightaddon"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  FlatList: _flatList.default,
+  KeyboardAvoidingView: _keyboardAvoidingView.default,
+  ScrollView: _scrollView.default,
+  SectionList: _sectionList.default,
+  StatusBar: _statusBar.default,
+  Accordion: _accordion.Accordion,
+  AccordionItem: _accordion.AccordionItem,
+  AccordionIcon: _accordion.AccordionIcon,
+  AccordionSummary: _accordion.AccordionSummary,
+  AccordionDetails: _accordion.AccordionDetails,
+  Actionsheet: _actionsheet.Actionsheet,
+  ActionsheetContent: _actionsheet.ActionsheetContent,
+  // ActionsheetHeader,
+  // ActionsheetFooter,
+  ActionsheetItem: _actionsheet.ActionsheetItem,
+  Alert: _alert.Alert,
+  // AlertDescription,
+  // AlertTitle,
+  AlertIcon: _alert.AlertIcon,
+  AspectRatio: _aspectRatio.default,
+  Avatar: _avatar.default,
+  AvatarBadge: _avatarBadge.default,
+  AvatarGroup: _avatarGroup.default,
+  Badge: _badge.default,
+  Box: _box.default,
+  Breadcrumb: _breadcrumb.Breadcrumb,
+  BreadcrumbText: _breadcrumb.BreadcrumbText,
+  BreadcrumbIcon: _breadcrumb.BreadcrumbIcon,
+  Button: _button.default,
+  ButtonGroup: _button.ButtonGroup,
+  Card: _card.default,
+  Center: _center.default,
+  Circle: _circle.default,
+  Checkbox: _checkbox.default,
+  CheckboxGroup: _checkboxGroup.default,
+  CircularProgress: _circularProgress.default,
+  Code: _code.default,
+  Container: _container.default,
+  Divider: _divider.default,
+  Fade: _transitions.Fade,
+  FAB: _fab.default,
+  Flex: _flex.Flex,
+  Spacer: _flex.Spacer,
+  FormControl: _formControl.FormControl,
+  FormControlLabel: _formControl.FormControlLabel,
+  FormControlHelperText: _formControl.FormControlHelperText,
+  FormControlErrorMessage: _formControl.FormControlErrorMessage,
+  Heading: _heading.default,
+  HStack: _hstack.default,
+  VStack: _vstack.default,
+  Icon: _icon.default,
+  IconButton: _iconButton.default,
+  Image: _image.Image,
+  Input: _input.Input,
+  InputLeftAddon: _inputleftaddon.default,
+  InputRightAddon: _inputrightaddon.default,
+  Kbd: _kbd.default,
+  Link: _link.default,
+  List: _list.List,
+  ListItem: _list.ListItem,
+  ListIcon: _list.ListIcon,
+  Menu: _menu.default,
+  MenuGroup: _menu.MenuGroup,
+  MenuItem: _menu.MenuItem,
+  Modal: _modal.Modal,
+  ModalContent: _modal.ModalContent,
+  ModalHeader: _modal.ModalHeader,
+  ModalBody: _modal.ModalBody,
+  ModalFooter: _modal.ModalFooter,
+  ModalOverlay: _modal.ModalOverlay,
+  ModalCloseButton: _modal.ModalCloseButton,
+  AlertDialog: _alertDialog.AlertDialog,
+  AlertDialogContent: _alertDialog.AlertDialogContent,
+  AlertDialogHeader: _alertDialog.AlertDialogHeader,
+  AlertDialogBody: _alertDialog.AlertDialogBody,
+  AlertDialogFooter: _alertDialog.AlertDialogFooter,
+  AlertDialogOverlay: _alertDialog.AlertDialogOverlay,
+  AlertDialogCloseButton: _alertDialog.AlertDialogCloseButton,
+  NumberInput: _numberInput.default,
+  NumberInputStepper: _numberInput.NumberInputStepper,
+  PinInput: _pinInput.default,
+  Pressable: _pressable.default,
+  ...PopoverComponentTheme,
+  Progress: _progress.default,
+  Radio: _radio.default,
+  RadioGroup: _radioGroup.default,
+  ScaleFade: _transitions.ScaleFade,
+  Select: _select.Select,
+  SelectItem: _select.SelectItem,
+  SimpleGrid: _simpleGrid.default,
+  Skeleton: _skeleton.Skeleton,
+  SkeletonText: _skeleton.SkeletonText,
+  SliderFilledTrack: _slider.SliderFilledTrack,
+  SliderThumb: _slider.SliderThumb,
+  SliderTrack: _slider.SliderTrack,
+  Slider: _slider.Slider,
+  Slide: _transitions.Slide,
+  SlideFade: _transitions.SlideFade,
+  Spinner: _spinner.default,
+  Square: _square.default,
+  Stack: _stack.default,
+  Stat: _stat.default,
+  Switch: _switch.default,
+  Tabs: _tabs.default,
+  Tag: _tag.default,
+  Text: _text.default,
+  AppBar: _appBar.default,
+  TextArea: _textarea.default,
+  TextField: _textField.TextField,
+  Toast: _toast.Toast,
+  TypeAheadSearchItem: _typeahead.TypeAheadSearchItem,
+  View: _view.default,
+  Wrap: _wrap.Wrap,
+  ZStack: _zstack.default,
+  Tooltip: _tooltip.Tooltip
+};
+exports.default = _default;
+//# sourceMappingURL=index.js.map