react-native-acoustic-connect-beta 16.0.41 → 18.0.7

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/badge.ts

@@ -1,57 +0,0 @@
-import { mode, getColorScheme } from '../tools';
-
-const baseStyle = {
-  px: '2',
-  py: '0.5',
-  alignItems: 'center',
-  _text: { fontSize: 'xs', fontWeight: 'medium' },
-};
-
-function variantSolid(props: Record<string, any>) {
-  const colorScheme = getColorScheme(props);
-  return {
-    bg: mode(`${colorScheme}.600`, `${colorScheme}.300`)(props),
-    _text: { color: mode(`coolGray.100`, `coolGray.800`)(props) },
-    borderWidth: '1',
-    borderColor: 'transparent',
-    borderRadius: '2',
-  };
-}
-
-function variantSubtle(props: Record<string, any>) {
-  const colorScheme = getColorScheme(props);
-  return {
-    bg: mode(`${colorScheme}.200`, `${colorScheme}.700`)(props),
-    _text: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },
-    borderWidth: '1',
-    borderRadius: '2',
-    borderColor: 'transparent',
-  };
-}
-
-function variantOutline(props: Record<string, any>) {
-  const colorScheme = getColorScheme(props);
-  return {
-    borderColor: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props),
-    _text: { color: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props) },
-    borderRadius: '2',
-    borderWidth: '1',
-  };
-}
-
-const variants = {
-  solid: variantSolid,
-  subtle: variantSubtle,
-  outline: variantOutline,
-};
-
-const defaultProps = {
-  variant: 'subtle',
-  colorScheme: 'coolGray',
-};
-
-export default {
-  baseStyle,
-  variants,
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/box.ts

@@ -1,6 +0,0 @@
-const baseStyle = {};
-const defaultProps = {};
-export default {
-  baseStyle,
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/breadcrumb.ts

@@ -1,26 +0,0 @@
-const baseStyle = {
-  width: 'auto',
-  height: 'auto',
-  display: 'flex',
-  flexDirection: 'row',
-  spacing: '2',
-};
-const defaultProps = {
-  direction: 'row',
-  wrap: 'wrap',
-};
-
-export const Breadcrumb = {
-  baseStyle,
-  defaultProps,
-};
-
-export const BreadcrumbText = {
-  baseStyle: { ...baseStyle, _current: { fontWeight: 'bold' } },
-  defaultProps,
-};
-
-export const BreadcrumbIcon = {
-  baseStyle: { ...baseStyle },
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/button.ts

@@ -1,280 +0,0 @@
-import { Dict, mode, transparentize } from '../tools';
-import { Platform } from 'react-native';
-const disabledTextColor = (props: any) => mode(`muted.500`, `muted.300`)(props);
-
-const baseStyle = (props: any) => {
-  const { primary } = props.theme.colors;
-  const focusRing =
-    Platform.OS === 'web'
-      ? mode(
-          { boxShadow: `${primary[400]} 0px 0px 0px 2px`, zIndex: 1 },
-          { boxShadow: `${primary[500]} 0px 0px 0px 2px`, zIndex: 1 }
-        )(props)
-      : {};
-
-  return {
-    borderRadius: 'sm',
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-    _web: {
-      cursor: props.isDisabled
-        ? 'not-allowed'
-        : props.isLoading
-        ? 'default'
-        : 'pointer',
-    },
-    _text: {
-      fontWeight: 'medium',
-    },
-    _focusVisible: {
-      style: props.variant !== 'unstyled' ? { ...focusRing } : {},
-    },
-    _stack: {
-      space: 2,
-      alignItems: 'center',
-    },
-    _loading: {
-      opacity: '80',
-    },
-    _disabled: {
-      opacity: '50',
-    },
-    _spinner: {
-      size: 'sm',
-      focusable: false,
-    },
-  };
-};
-
-function variantGhost(props: Dict) {
-  const { colorScheme: c } = props;
-  if (c === 'muted') {
-    return {
-      _text: {
-        color: disabledTextColor(props),
-      },
-    };
-  }
-
-  return {
-    _text: {
-      color: props.isDisabled
-        ? disabledTextColor(props)
-        : mode(`${c}.500`, `${c}.300`)(props),
-    },
-    bg: 'transparent',
-    _web: {
-      outlineWidth: '0',
-    },
-    _hover: {
-      borderColor: mode(`${c}.500`, `${c}.200`)(props),
-      bg: transparentize(mode(`${c}.200`, `${c}.400`)(props), 0.5)(props.theme),
-    },
-    _focusVisible: {
-      borderColor: mode(`${c}.700`, `${c}.200`)(props),
-      bg: transparentize(mode(`${c}.200`, `${c}.400`)(props), 0.5)(props.theme),
-    },
-    _pressed: {
-      borderColor: mode(`${c}.600`, `${c}.200`)(props),
-      bg: transparentize(mode(`${c}.300`, `${c}.500`)(props), 0.5)(props.theme),
-    },
-    _spinner: {
-      size: 'sm',
-    },
-  };
-}
-
-function variantOutline(props: Dict) {
-  const { colorScheme: c } = props;
-  const borderColor = mode(`muted.200`, `muted.500`)(props);
-  return {
-    borderWidth: '1',
-    borderColor:
-      c === 'muted'
-        ? borderColor
-        : props.isDisabled
-        ? disabledTextColor(props)
-        : mode(`${c}.300`, `${c}.300`)(props),
-    ...variantGhost(props),
-  };
-}
-
-function variantSolid(props: Dict) {
-  const { colorScheme: c } = props;
-  let bg = `${c}.500`;
-  if (props.isDisabled) {
-    bg = mode(`muted.300`, `muted.500`)(props);
-  }
-
-  const styleObject = {
-    _web: {
-      outlineWidth: '0',
-    },
-    bg,
-    _hover: {
-      bg: `${c}.600`,
-    },
-    _pressed: {
-      bg: `${c}.700`,
-    },
-    _focus: {
-      bg: `${c}.600`,
-    },
-    _loading: {
-      bg: mode(`warmGray.50`, `${c}.300`)(props),
-      opacity: '50',
-    },
-    _disabled: { bg: mode(`trueGray.300`, `trueGray.600`)(props) },
-  };
-
-  return styleObject;
-}
-
-// function getBg(props: Record<string, any>) {
-//   const { theme, status, variant } = props;
-//   let { colorScheme } = props;
-
-//   colorScheme = getColorScheme(
-//     props,
-//     colorScheme !== 'primary' ? colorScheme : status
-//   );
-//   const lightBg =
-//     variant === 'solid'
-//       ? getColor(theme, `${colorScheme}.400`, colorScheme)
-//       : getColor(theme, `${colorScheme}.100`, colorScheme);
-
-//   const darkBg =
-//     variant === 'solid'
-//       ? getColor(theme, `${colorScheme}.700`, colorScheme)
-//       : getColor(theme, `${colorScheme}.400`, colorScheme);
-//   return mode(lightBg, darkBg)(props);
-// }
-
-function variantSubtle(props: Dict) {
-  const { colorScheme: c } = props;
-  let bg = `${c}.100`;
-  bg = mode(bg, `${c}.200`)(props);
-  let color;
-  if (props.isDisabled) {
-    bg = mode(`muted.300`, `muted.500`)(props);
-  } else {
-    color = mode(`${c}.500`, `${c}.600`)(props);
-  }
-  const styleObject = {
-    _text: {
-      color: color,
-    },
-    _web: {
-      outlineWidth: '0',
-    },
-    bg,
-    _hover: {
-      _text: { color: mode(`${c}.600`, `${c}.700`)(props) },
-      bg: mode(`${c}.200`, `${c}.300`)(props),
-    },
-    _pressed: {
-      _text: { color: mode(`${c}.700`, `${c}.800`)(props) },
-      bg: mode(`${c}.300`, `${c}.400`)(props),
-    },
-  };
-
-  return styleObject;
-}
-
-function variantLink(props: Dict) {
-  const { colorScheme: c } = props;
-
-  return {
-    ...variantGhost(props),
-    _text: {
-      textDecorationLine: Platform.select({
-        ios: 'underline',
-        web: 'underline',
-      }),
-      color:
-        c === 'muted'
-          ? mode(`muted.800`, `${c}.200`)(props)
-          : props.isDisabled
-          ? disabledTextColor(props)
-          : mode(`${c}.500`, `${c}.300`)(props),
-    },
-    _hover: {
-      _text: {
-        color: mode(`${c}.600`, `${c}.400`)(props),
-        textDecorationLine: 'underline',
-      },
-    },
-    _focusVisible: {
-      _text: {
-        color: mode(`${c}.600`, `${c}.400`)(props),
-        textDecorationLine: 'underline',
-      },
-    },
-    _pressed: {
-      _text: { color: mode(`${c}.700`, `${c}.500`)(props) },
-    },
-  };
-}
-
-function variantUnstyled() {
-  return {};
-}
-
-const variants = {
-  ghost: variantGhost,
-  outline: variantOutline,
-  solid: variantSolid,
-  subtle: variantSubtle,
-  link: variantLink,
-  unstyled: variantUnstyled,
-};
-
-const sizes = {
-  lg: {
-    px: '4',
-    py: '2',
-    _text: {
-      fontSize: 'md',
-    },
-  },
-  md: {
-    px: '3',
-    py: '2',
-    _text: {
-      fontSize: 'sm',
-    },
-  },
-  sm: {
-    px: '2',
-    py: '2',
-    _text: {
-      fontSize: 'xs',
-    },
-  },
-  xs: {
-    px: '2',
-    py: '2',
-    _text: {
-      fontSize: '2xs',
-    },
-  },
-};
-
-const defaultProps = {
-  variant: 'solid',
-  size: 'md',
-  colorScheme: 'primary',
-};
-
-export const ButtonGroup = {
-  baseStyle: { direction: 'row' },
-  defaultProps: { space: 2 },
-};
-
-export default {
-  baseStyle,
-  variants,
-  sizes,
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/card.ts

@@ -1,11 +0,0 @@
-const baseStyle = {
-  shadow: 4,
-  borderRadius: 'md',
-  padding: 4,
-  overflow: 'hidden',
-};
-const defaultProps = {};
-export default {
-  baseStyle,
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/center.ts

@@ -1,36 +0,0 @@
-// For Square and circle variation
-const sizes = {
-  'xs': {
-    height: 10,
-    width: 10,
-  },
-  'sm': {
-    height: 12,
-    width: 12,
-  },
-  'md': {
-    height: 16,
-    width: 16,
-  },
-  'lg': {
-    height: 24,
-    width: 24,
-  },
-  'xl': {
-    height: 32,
-    width: 32,
-  },
-  '2xl': {
-    height: 40,
-    width: 40,
-  },
-};
-
-export default {
-  baseStyle: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  sizes,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/checkbox-group.ts

@@ -1,9 +0,0 @@
-const baseStyle = () => {
-  return {
-    alignItems: 'flex-start',
-  };
-};
-
-export default {
-  baseStyle,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/checkbox.ts

@@ -1,99 +0,0 @@
-import { mode, transparentize } from '../tools';
-
-const baseStyle = (props: Record<string, any>) => {
-  const { colorScheme, theme } = props;
-
-  return {
-    justifyContent: 'flex-start',
-    flexDirection: 'row',
-    borderWidth: 2,
-    borderRadius: 'sm',
-    borderColor: mode('muted.300', 'muted.600')(props),
-    bg: mode('muted.50', 'muted.700')(props), // matching background color
-    opacity: 1,
-    _web: {
-      cursor: 'pointer',
-    },
-    _stack: {
-      direction: 'row',
-      alignItems: 'center',
-      space: 2,
-      _web: {
-        cursor: props.isDisabled ? 'not-allowed' : 'pointer',
-      },
-    },
-    _text: {
-      ml: 2,
-      color: mode('darkText', 'lightText')(props),
-    },
-    _interactionBox: {
-      position: 'absolute',
-      borderRadius: 'full',
-      p: 5,
-      w: '100%',
-      h: '100%',
-      zIndex: -1,
-      _web: {
-        transition: 'height 200ms, width 200ms',
-        pointerEvents: 'none',
-      },
-    },
-    _hover: {
-      _interactionBox: {
-        bg: transparentize('muted.200', 0.3)(theme),
-      },
-    },
-    _focus: {
-      _interactionBox: {
-        bg: transparentize(`${colorScheme}.200`, 0.5)(theme),
-      },
-    },
-    _focusVisible: {
-      _interactionBox: {
-        bg: transparentize(`${colorScheme}.200`, 0.5)(theme),
-      },
-    },
-    _disabled: {
-      _interactionBox: {
-        bg: 'transparent',
-      },
-      _web: {
-        cursor: 'not-allowed',
-      },
-      opacity: 0.4,
-    },
-    _pressed: {
-      _interactionBox: {
-        bg: transparentize(`${colorScheme}.200`, 0.5)(theme),
-      },
-    },
-    _checked: {
-      borderColor: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props),
-      bg: mode(`${colorScheme}.600`, `${colorScheme}.300`)(props),
-    },
-    _invalid: {
-      borderColor: mode('error.600', 'error.400')(props),
-    },
-    _icon: {
-      color: mode(`muted.50`, `muted.800`)(props), // matching background color
-    },
-  };
-};
-
-const sizes = {
-  lg: { _icon: { size: 6 }, _text: { fontSize: 'xl' } },
-  md: { _icon: { size: 5 }, _text: { fontSize: 'lg' } },
-  sm: { _icon: { size: 4 }, _text: { fontSize: 'md' } },
-};
-
-const defaultProps = {
-  defaultIsChecked: false,
-  size: 'sm',
-  colorScheme: 'primary',
-};
-
-export default {
-  baseStyle,
-  sizes,
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/circle.ts

@@ -1,37 +0,0 @@
-const sizes = {
-  'xs': {
-    height: 10,
-    width: 10,
-  },
-  'sm': {
-    height: 12,
-    width: 12,
-  },
-  'md': {
-    height: 16,
-    width: 16,
-  },
-  'lg': {
-    height: 24,
-    width: 24,
-  },
-  'xl': {
-    height: 32,
-    width: 32,
-  },
-  '2xl': {
-    height: 40,
-    width: 40,
-  },
-};
-
-const baseStyle = {
-  rounded: 'full',
-  alignItems: 'center',
-  justifyContent: 'center',
-};
-
-export default {
-  baseStyle,
-  sizes,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/circular-progress.ts

@@ -1,43 +0,0 @@
-import { mode, getColorScheme } from '../tools';
-
-const sizes = {
-  'xs': {
-    height: 6,
-    width: 6,
-  },
-  'sm': {
-    height: 8,
-    width: 8,
-  },
-  'md': {
-    height: 16,
-    width: 16,
-  },
-  'lg': {
-    height: 20,
-    width: 20,
-  },
-  'xl': {
-    height: 24,
-    width: 24,
-  },
-  '2xl': {
-    height: 32,
-    width: 32,
-  },
-};
-const defaultProps = {
-  thickness: 8,
-  colorScheme: 'primary',
-  size: 'lg',
-};
-
-function baseStyle(props: Record<string, any>) {
-  const colorScheme = getColorScheme(props);
-  return {
-    color: mode(`${colorScheme}.600`, `${colorScheme}.500`)(props),
-    trackColor: mode(`${colorScheme}.200`, `${colorScheme}.800`)(props),
-  };
-}
-
-export default { baseStyle, sizes, defaultProps };

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/code.ts

@@ -1,20 +0,0 @@
-import Badge from './badge';
-import { Platform } from 'react-native';
-
-const { variants, defaultProps } = Badge;
-
-const baseStyle = {
-  _text: {
-    fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace',
-    fontSize: 'sm',
-  },
-  borderRadius: 'sm',
-  px: 2,
-  py: 1,
-};
-
-export default {
-  baseStyle,
-  variants,
-  defaultProps,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/container.ts

@@ -1,15 +0,0 @@
-import type { Dict } from '../tools';
-
-const baseStyle = (props: Dict) => {
-  const { centerContent } = props;
-
-  return {
-    maxWidth: '80%',
-    alignItems: centerContent ? 'center' : 'flex-start',
-    _text: { textAlign: centerContent ? 'center' : 'left' },
-  };
-};
-
-export default {
-  baseStyle,
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/divider.ts

@@ -1,28 +0,0 @@
-import { mode } from '../tools';
-
-function baseStyle(props: Record<string, any>) {
-  const { orientation, thickness } = props;
-  const orientationProps =
-    orientation === 'vertical'
-      ? {
-          width: `${thickness}px`, // handle for web : To be discussed
-          height: '100%',
-        }
-      : {
-          width: '100%',
-          height: `${thickness}px`,
-        };
-
-  return {
-    bg: mode('coolGray.200', 'gray.600')(props),
-    ...orientationProps,
-  };
-}
-
-export default {
-  baseStyle,
-  defaultProps: {
-    orientation: 'horizontal',
-    thickness: '1',
-  },
-};

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/fab.ts

@@ -1,22 +0,0 @@
-const placementProps: any = {
-  'top-right': { top: 4, right: 4, position: 'absolute' },
-  'top-left': { top: 4, left: 4, position: 'absolute' },
-  'bottom-right': { bottom: 4, right: 4, position: 'absolute' },
-  'bottom-left': { bottom: 4, left: 4, position: 'absolute' },
-};
-const baseStyle = {
-  shadow: 7,
-  rounded: 'full',
-  zIndex: 20,
-  placementProps,
-  px: 4,
-  py: 4,
-};
-const defaultProps = {
-  renderInPortal: true,
-  variant: 'solid',
-  colorScheme: 'primary',
-  placement: 'bottom-right',
-};
-
-export default { baseStyle, defaultProps };

package/Example/nativebase-v3-kitchensink/src/nb/NativeBase/src/theme/v33x-theme/components/flatList.ts

@@ -1,6 +0,0 @@
-const baseStyle = {};
-const defaultProps = {};
-export default {
-  baseStyle,
-  defaultProps,
-};