@neko-os/ui 0.0.3 → 0.0.5

package/src/presentation/Tag.js

@@ -1,32 +0,0 @@
-import { Text } from '../text/Text'
-import { View } from '../structure/View'
-import { moveScaleDown } from '../theme/helpers/sizeScale'
-import { useFullColorModifier } from '../modifiers/fullColor.js'
-import { useMergeThemeComponent } from '../theme/ThemeHandler'
-
-export function Tag(rootProps) {
-  let { label, style, textProps, size = 'md', ...props } = useMergeThemeComponent('Button', rootProps)
-  const oneSizeDown = moveScaleDown(size, 1)
-  const twoSizeDown = moveScaleDown(size, 2)
-  const threeSizeDown = moveScaleDown(size, 3)
-  const defaultProps = {
-    paddingH: twoSizeDown,
-    padding: threeSizeDown,
-    outline: true,
-    br: threeSizeDown,
-    borderWidth: 1,
-    color: 'primary',
-    center: true,
-  }
-  const [fontColor, formattedProps] = useFullColorModifier({ ...defaultProps, ...props, style })
-
-  return (
-    <View className="neko-tag" row>
-      <View className="neko-tag-inner" {...formattedProps}>
-        <Text strong center color={fontColor} size={oneSizeDown} {...textProps}>
-          {label}
-        </Text>
-      </View>
-    </View>
-  )
-}

package/src/structure/Card.js

@@ -1,36 +0,0 @@
-import { pipe } from 'ramda'
-
-import { AbsView } from '../abstractions/View'
-import { useBackgroundModifier } from '../modifiers/background'
-import { useBorderModifier } from '../modifiers/border'
-import { useFlexModifier } from '../modifiers/flex'
-import { useFlexWrapperModifier } from '../modifiers/flexWrapper'
-import { useMarginModifier } from '../modifiers/margin'
-import { useMergeThemeComponent } from '../theme/ThemeHandler'
-import { usePaddingModifier } from '../modifiers/padding'
-import { usePositionModifier } from '../modifiers/position'
-import { useShadowModifier } from '../modifiers/shadow'
-import { useSizeModifier } from '../modifiers/size'
-
-export function Card({ children, ...rootProps }) {
-  let props = useMergeThemeComponent('Card', rootProps)
-  const defaultProps = { padding: 'md', br: 'xlg', bg: 'overlayBG' }
-
-  props = pipe(
-    useSizeModifier, //
-    usePositionModifier,
-    usePaddingModifier,
-    useMarginModifier,
-    useFlexWrapperModifier,
-    useFlexModifier,
-    useBackgroundModifier,
-    useBorderModifier,
-    useShadowModifier
-  )({ ...defaultProps, ...props })
-
-  return (
-    <AbsView className="neko-card" {...props}>
-      {children}
-    </AbsView>
-  )
-}

package/src/structure/View.js

@@ -1,34 +0,0 @@
-import { pipe } from 'ramda'
-
-import { AbsView } from '../abstractions/View'
-import { useBackgroundModifier } from '../modifiers/background'
-import { useBorderModifier } from '../modifiers/border'
-import { useFlexModifier } from '../modifiers/flex'
-import { useFlexWrapperModifier } from '../modifiers/flexWrapper'
-import { useMarginModifier } from '../modifiers/margin'
-import { useMergeThemeComponent } from '../theme/ThemeHandler'
-import { usePaddingModifier } from '../modifiers/padding'
-import { usePositionModifier } from '../modifiers/position'
-import { useShadowModifier } from '../modifiers/shadow'
-import { useSizeModifier } from '../modifiers/size'
-
-export function View({ children, ...rootProps }) {
-  let props = useMergeThemeComponent('View', rootProps)
-  props = pipe(
-    useSizeModifier, //
-    usePositionModifier,
-    usePaddingModifier,
-    useMarginModifier,
-    useFlexWrapperModifier,
-    useFlexModifier,
-    useBackgroundModifier,
-    useBorderModifier,
-    useShadowModifier
-  )(props)
-
-  return (
-    <AbsView className="neko-view" {...props}>
-      {children}
-    </AbsView>
-  )
-}

package/src/text/Text.js

@@ -1,20 +0,0 @@
-import { pipe } from 'ramda'
-
-import { AbsText } from '../abstractions/Text'
-import { useFlexModifier } from '../modifiers/flex'
-import { useMarginModifier } from '../modifiers/margin'
-import { usePaddingModifier } from '../modifiers/padding'
-import { useSizeModifier } from '../modifiers/size'
-import { useTextModifier } from '../modifiers/text'
-
-export function Text({ children, ...props }) {
-  props = pipe(
-    useSizeModifier, //
-    usePaddingModifier,
-    useMarginModifier,
-    useFlexModifier,
-    useTextModifier
-  )(props)
-
-  return <AbsText {...props}>{children}</AbsText>
-}

package/src/theme/default/base.native.js

@@ -1,58 +0,0 @@
-export const BASE_THEME = {
-  spaces: {
-    xxsm: 3,
-    xsm: 5,
-    sm: 10,
-    md: 15,
-    lg: 20,
-    xlg: 30,
-  },
-
-  radius: {
-    xsm: 5,
-    sm: 7,
-    md: 8,
-    lg: 10,
-    xlg: 12,
-  },
-
-  // Buttons, inputs, tags
-  elementHeights: {
-    xsm: 20,
-    sm: 30,
-    md: 35,
-    lg: 50,
-    xlg: 60,
-  },
-
-  texts: {
-    h1: {
-      fontSize: 32,
-      strong: true,
-    },
-    h2: {
-      fontSize: 26,
-      strong: true,
-    },
-    h3: {
-      fontSize: 22,
-      strong: true,
-    },
-    h4: {
-      fontSize: 18,
-      strong: true,
-    },
-    h5: {
-      fontSize: 16,
-      strong: true,
-    },
-    h6: {
-      fontSize: 14,
-      strong: true,
-    },
-    p: { fontSize: 14 },
-    sm: { fontSize: 12 },
-    xsm: { fontSize: 10 },
-    xxsm: { fontSize: 8 },
-  },
-}

package/src/theme/default/base.web.js

@@ -1,3 +0,0 @@
-import { BASE_THEME as MOBILE_BASE_THEME } from './base.native'
-
-export const BASE_THEME = MOBILE_BASE_THEME