adaptui / react-native-tailwind Goto Github PK

Linked issue from library

software-mansion/react-native-svg#2054

• @Karthik-B-06 Spinner has a dark background both in web and native

• Slider tooltip not working
  

software-mansion/react-native-svg#1886

Reproduced example: https://snack.expo.dev/@crsntmac/f0aaae

• Spacing Issues in Prop Controls

• Add helper text to make sense of Position prop -> Position (only when there is a label)

• lock orientation to portrait

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Datasource	Name	Replacement PR?
npm	@babel/plugin-proposal-export-namespace-from

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• fix(deps): ⬆️ update dependency sharp-cli to v5

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): ⬆️ update prod dependencies (minor) (@chakra-ui/hooks, @gorhom/bottom-sheet, @react-aria/focus, @react-aria/visually-hidden, @react-native-masked-view/masked-view, @react-navigation/drawer, @react-navigation/native, @react-navigation/stack, @react-stately/checkbox, @react-stately/toggle, expo-application, expo-haptics, expo-screen-orientation, expo-splash-screen, expo-status-bar, react-native-web, sharp-cli, tailwindcss, twrnc)
• chore(deps): ⬆️ update dependency expo-haptics to v12.8.1
• chore(deps): ⬆️ update dev dependencies (minor) (@babel/core, @babel/eslint-parser, @babel/helper-string-parser, @babel/runtime, @commitlint/cli, @commitlint/config-conventional, @react-native-community/eslint-config, @release-it/conventional-changelog, @types/jest, all-contributors-cli, babel-plugin-module-resolver, babel-preset-expo, commitlint, eslint, eslint-plugin-import, expo-haptics, gacp, husky, lint-staged, metro-react-native-babel-preset, react-native-builder-bob, release-it, sort-package-json)
• chore(deps): ⬆️ update actions/cache action to v4
• chore(deps): ⬆️ update actions/checkout action to v4
• chore(deps): ⬆️ update actions/setup-node action to v4
• chore(deps): ⬆️ update dev dependencies (major) (major) (@commitlint/cli, @commitlint/config-conventional, @release-it/conventional-changelog, babel-preset-expo, commitlint, eslint, eslint-plugin-ft-flow, eslint-plugin-simple-import-sort, expo-haptics, husky, jest, lint-staged, prettier, release-it, typescript)
• chore(deps): ⬆️ update expo monorepo (major) (expo-haptics, expo-screen-orientation)
• fix(deps): ⬆️ update dependency tailwind-merge to v2
• fix(deps): ⬆️ update dependency twrnc to v4
• Click on this checkbox to rebase all open PRs at once

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• chore(deps): ⬆️ update dependency react-error-overlay to v6.0.11

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

• Try to use (https://github.com/ammarahm-ed/react-native-actions-sheet)[react-native-actions-sheet] for web Upgrade bottom-sheet deps to alpha version

How to reproduce ?

• Click on the hamburger menu on the top left.
• Scroll down and select the Switch page.
• Click on any prop switches/radio buttons.

Expected behaviour

• should obey the prop controls and show the interaction result.

Actual behaviour

• See the mentioned screenshot below.

Screenshots

Create a stack component which accepts 3 props orientation, space & divider.

https://github.com/wix/detox

• Add support for custom tailwind.config.js

  there is a prop in AdaptUIProvider , but it doesn't work

• Add support for tailwind class intellisense

• Checkbox group pixel level change between the normal and disabled states.

• Hint value is tilted in Circular Progress
  

• Add Linear Gradient to Spinner Component to SVG

• Select Docs are messed up
• Make tailwind style processor invocation function(tailwind.styles("")) alias smaller something like t("") or s("")

1. install adaptui in a fresh expo app.
   yarn add @adaptui/[email protected]

2. use the useTheme() hook in the app
   const tailwind = useTheme()

• fix input focus

Design :
Component:

          <Button
            prefix={<Icon icon={<InboxIcon />} />}
            style={tailwind.style('flex-row justify-start')}
            textStyle={tailwind.style('flex-1')}
            suffix={<Text>56</Text>}
            size="xl"
            variant="ghost">
            Inbox
          </Button>