gluestack-ui

Features

• Tokens are now injected as CSS variables on web.
• Multiple Theme support.

import { styled, StyledProvider } from '@gluestack-style/react';

const config = {
  aliases: {},
  tokens: {
    colors: {
      primary: 'green',
    },
  },
  themes: {
    dark: {
      colors: {
        primary: 'black',
      },
    },
    modern: {
      colors: {
        primary: 'red',
      },
    },
  },
};

const App = () => {
  const Box = styled(View, {
    bg: '$primary',
    p: '$10',
  });

  return (
    <StyledProvider config={config}>
      <Theme name="dark">
        <Theme name="modern">
          <Box />
        </Theme>
      </Theme>
    </StyledProvider>
  );
};

• We have removed the default colorMode from the StyledProvider, you can now use the Theme component to change the theme. or you can pass colorMode prop inside StyledProvider for colorMode.
• Added utility prop support for themes, you can prefix theme name with $t_${{theme_name}}-${{style_property}} to define style for theme.

<Box $t_dark-bg="$primary" />

• useToken hook now supports theme tokens, it will return the current theme token value if there exist any.
• Typescript improvements for useToken hook
• Babel plugin support for the themes

Patch Changes

• Updated dependencies
  • @gluestack-ui/[email protected]

Major Changes

• feat: stable release of accrodion component.

Patch Changes

• feat: added accrodion component.

Patch Changes

• fix: as forwarder conditional rendering

Patch Changes

• Updated dependencies
  • @gluestack-ui/[email protected]

Patch Changes

• removed gluestack-style dependancy

Patch Changes

• fix: ascomp issue

Patch Changes

• Added support of functional children with hover, active state

Patch Changes

• Updated dependencies
  • @gluestack-ui/[email protected]

Patch Changes

• fix select pointer events

Patch Changes

• actionsheet pointer events

Patch Changes

• Updated dependencies
  • @gluestack-ui/[email protected]

Patch Changes

• fix: actionsheet backdrop click issue native

Patch Changes

• pointer events none on animated view

Patch Changes

• bump animation resolver version

Patch Changes

• fix userselect, select config

Patch Changes

• fix: dragindicator on web

Patch Changes

• Updated dependencies
  • @gluestack-ui/[email protected]

Patch Changes

• actionsheet version bump