fix(deps): update dependency @gluestack-style/react to ^1.0.57

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@gluestack-style/react (source)	^1.0.26 -> ^1.0.57

---

Release Notes

gluestack/gluestack-ui (@​gluestack-style/react)

v1.0.57

Compare Source

Patch Changes

• feat: added flip state to popover

v1.0.56

Compare Source

Patch Changes

• • Fixed theme typings

v1.0.55

Compare Source

Patch Changes

• • Fixed ref attribute typings

v1.0.54

Compare Source

Patch Changes

• • Fixed plugins utility props resolution

v1.0.53

Compare Source

Patch Changes

• • Fixed passing props support for theme

v1.0.52

Patch Changes

• • Fixed media queries issue with theme

v1.0.50

Compare Source

Patch Changes

• • Fixed ref typings
  • Fixed plugin sx prop issue

v1.0.49

Compare Source

Patch Changes

• Fixed utility props typings

v1.0.48

Compare Source

Patch Changes

• Fixed React Native style props in utility props

v1.0.47

Compare Source

Patch Changes

• • Fixed composed component style injection

v1.0.46

Compare Source

Patch Changes

• • Fixed negative tokenization PR
  • Fixed sizes token typing PR

v1.0.45

Compare Source

Patch Changes

• Fixed inline style injection

v1.0.44

Compare Source

Patch Changes

• Fixed plugin component reference
• Added unique component id to plugin for different styles

v1.0.43

Compare Source

Patch Changes

• • Fixed typescript memory overflow issue PR

v1.0.42

Compare Source

v1.0.41

Compare Source

Patch Changes

• Fixed extended theme ignoreKeys for plugin

v1.0.40

Compare Source

Patch Changes

• Fixed typescript performance for composed components PR
• Fixed font resolver style declaration PR

v1.0.39

Compare Source

Patch Changes

• • Fixed useToken hook with theme support PR
  • Fixed resolved props tokenization for mobile PR

v1.0.38

Compare Source

Patch Changes

• Performance improvement - memoized injectSx function

v1.0.37

Compare Source

Patch Changes

• Color mode switch issue fixes

v1.0.36

Compare Source

Patch Changes

• • Fixed data theme id attribute

v1.0.35

Compare Source

Patch Changes

• • Fixed nested provider color mode class

v1.0.34

Compare Source

Patch Changes

• Fixed inline theme performance PR
• Fixed multiple provider color mode issue PR

v1.0.33

Compare Source

Patch Changes

• • Theme token resolution inside StyledProvider

v1.0.32

Compare Source

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

v1.0.31

Compare Source

Patch Changes

• fix: as forwarder conditional rendering

v1.0.30

Compare Source

Patch Changes

• fix: ascomp issue

v1.0.29

Compare Source

Patch Changes

• Fixed config reference issue
• Fixed inline resolved stylesheet value

v1.0.28

Compare Source

Patch Changes

• Exposed GluestackStyleSheet and styleCSSIds to plugins

v1.0.27

Patch Changes

• Fixed plugin architecture (PR)[https://github.com/gluestack/gluestack-ui/pull/1490](https://redirect.github.com/gluestack/gluestack-ui/pull/1490)0]

---

Configuration

📅 Schedule: Branch creation - "after 10pm every weekday,before 5am every weekday,every weekend" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 4138e49

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR