Skip to content

Releases: nandorojo/dripsy

4.3.7

09 Oct 14:25
Compare
Choose a tag to compare

Add some fixes to address performance in #308 by using conditional Object.assign over a naive ... spread

#310
8e89b4b

4.3.4

16 May 16:33
Compare
Choose a tag to compare

Fixes

  • Fixed Gradient regression from v4 on native (fixing #285 #286)
  • Dropped TS 5.0 requirement. I believe this should work with TS 4 again. Please let me know if anything regressed. (#288)

4.3.1

16 May 16:24
Compare
Choose a tag to compare

This version adds support for dot-path colors for gradient, text input, activity indicator, and more.

You can now do this:

const theme = {
 colors: { $primary: { 100: 'red' } } }
}

//...

<Gradient 
  colors={['$primary.100']}
/>

And you will get proper autocomplete.

4.2

16 May 16:08
Compare
Choose a tag to compare
4.2

Close #184: components now receive the variant prop given to them, even when wrapped with styled. If styled has a defaultVariant, then the component will receive that when no variant is given.

4.1: Dot Path Autocomplete

12 Apr 18:50
Compare
Choose a tag to compare

New Features

The following now has auto complete:

const theme = {
  colors: { $blue: { 100: 'blue' } } }
}

// ...

return <View sx={{ color: '$blue.100' }} />

4.0.0

29 Mar 23:11
0169ea1
Compare
Choose a tag to compare

Fixes

This version adds major fixes for all type & autocomplete issues.

Addresses many issues, including: #274 #219 #260 #264 #276 #219. PR at #277

  • sx.variant gives string is not assignable to undefined error
  • Field autocomplete stopped working
  • onlyAllowThemeValues not working #264
  • alignItems: 'center' doesn't autocomplete, but alignItems: ['center'] does #174
  • Incorrect TextInput types #260
  • View.variant gives plain string
  • Test ref
  • Pressable children type is weird
  • Use theme values for TextInput.placeholderTextColor, ActivityIndicator.color, and other related props.
  • Move @dripsy/core and @dripsy/gradient into dripsy
  • Customize shorthands in the theme

Breaking Changes

  1. You must use TypeScript 5+. It was tested on on 5.0.2. While it's somewhat possible it could work on earlier versions, I don't plan on testing for earlier ones. I made this guide for using TS 5 with Expo SDK 48.

  2. @dripsy/core and @dripsy/gradient have been removed in favor of a single dripsy package. If you're using @dripsy/gradient, please see the simple upgrade guide below.

Upgrade guide

First, upgrade Dripsy (and TypeScript):

yarn add dripsy
yarn add -D typescript

If, for some reason, you have any imports from @dripsy/core, change those to dripsy.

I recommend adding this to your .vscode/settings.json too:

{
  "typescript.tsdk": "node_modules/typescript/lib",
}

This instructs VSCode to use your repo's TypeScript version. I also set the TypeScript version as a resolution to be safe in package.json.

You may have to restart VSCode next.

Next.js Users

Remove @dripsy/core and @dripsy/gradient from your next.config.js's transpiled packages.

@dripsy/gradient users

Be sure to uninstall @dripsy/gradient. Next, replace all imports from @dripsy/gradient to dripsy/gradient.

v3.8.0

14 Sep 20:58
Compare
Choose a tag to compare

What's Changed

New Contributors

Full Changelog: v3.7.4...v3.8.0

3.7.2

13 Sep 22:23
Compare
Choose a tag to compare

Fixes

  • Fix gradient and colors prop on @dripsy/gradient, closing #80 #236 #204 #173
    • expo-linear-gradient is now a peer dependency you must install yourself
  • General type fixes. The base theme now has $1, $2, etc. as default theme values for space.
    • In v4, the default theme will be removed, so you will need to provide a theme to the provider.

Full Changelog: v3.7.1...v3.7.2

v3.6.0

08 Dec 02:20
Compare
Choose a tag to compare

3.6.0 (2021-12-08)

Features

  • Add <ContainerQuery /> component
  • Export BreakpointProvider
  • Export useBreakpoints

v3.5.3

13 Nov 00:01
Compare
Choose a tag to compare

3.5.3 (2021-11-13)

Bug Fixes

  • loose variants work now? (0938044)