@gluestack-style/[email protected]

Fixes

• Dynamic variable resolution is sx props issue PR

@gluestack-style/[email protected]

Fixes

• Remove variant props from user props PR

@gluestack-style/[email protected]

Fixes

• Media query specificity PR

@gluestack-style/[email protected]

Fixes

• Remove passing props typing from media queries #371
• Improved passing props typings for descendants and platform props #369
• Added typing support for the extended theme #360

@gluestack-style/[email protected]

Breaking changes

• Options changes
  • filename and libraryName are changed styled
  • uiLibraryPath and uiLibraryName are changed to components

Old Babel config

// babel.config.js
const path = require('path');
const gluestackStyleResolver = require('@gluestack-style/babel-plugin-styled-resolver');

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      [
        gluestackStyleResolver,
        {
          filename: path.resolve(__dirname, './core/styled'), // Specify the file path of the styled function
          libraryName: '@gluestack-style/react', // Specify the library name from where the styled function is exported
          uiLibraryPath: path.resolve(__dirname, './core/components'), // Specify the file path of the styled function
          uiLibraryName: '@gluestack-ui/themed', // Specify the library name from where the styled function is exported
        },
      ],
    ],
  };
};

New Babel config

// babel.config.js
const path = require('path');
const gluestackStyleResolver = require('@gluestack-style/babel-plugin-styled-resolver');

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      [
        gluestackStyleResolver,
        {
           styled: [
            '@gluestack-style/react',
            path.resolve(__dirname, './gluestack-ui-components/core/styled'),
          ],
          components: [
            '@gluesatck-ui/themed',
            path.resolve(__dirname, './gluestack-ui-components/core/component'),
          ],
        },
      ],
    ],
  };
};

@gluestack-style/[email protected]

Fixes

• State style specificity PR
• Inline base style specificity PR
• Media query orders PR

@gluestack-style/[email protected]

Features

• Inline props resolution PR

Fixes

• Migrated older theme resolution to GluestackStyleSheet architecture PR

@gluestack-style/[email protected]

Patch Changes

• fix: customizing component specififcity issue

@gluestack-style/[email protected]

Patch Changes

• Reduced DOM size for injected style tags PR

@gluestack-style/[email protected]

Patch Changes

• Boot time performance improvments PR
• Typing improvement
• Styled precedence order
• AsForwarder style injection order