Skeletor 1.0.18

What's Changed

• Feature/type improvements by @lbuljan in #25
  Full Changelog: 1.0.17...1.0.18

• Mapped animation-compatible styles to animation utilities + correct type inference per style
• Fixed rotation animation not being mapped correctly
• Dev only: Implemented biome instead of eslint + prettier

Skeletor 1.0.17

• Block elements now support components as backgrounds, similar to how Screen component does.
• Screen now correctly infers BlockProps and includes all properties depending on scrollable being set to true or false. Previously, scrollProps were missing.

Skeletor 1.0.16

• Fixed false type error when trying to animate colour values on an element. The animations worked, but were reported as incompatible due to incompatibility between ColorValue and AnimatedInterpolation<string | number> types.

Skeletor 1.0.15

• Fixed Screen props clashing with extended BlockProps on the background property.

Release v1.0.14

• Fixed rendering error caused by a ; string within the scrollable Block element.

Animations

• added optional callback parameter to reverse animations as well
• allow configurable native driver flag in animation configuration

Components

• added gap property to Block, Text and InputFocusScrollView elements allowing easy definition of flex gaps
• fixed Block ScrollView properties being incorrectly applied. All ScrollView related properties can now be defined through the scrollProps prop when scrollable is set to true. This might introduce breaking changes to some people, but most use cases I have seen do not really use scrollable Blocks and if so, no additional config has been applied.
• vertical, horizontal scroll indicators and the bounces props default values have all been set to false on all Skeletor components.
• updated JSDOC comments on all components for easier use and better understanding of some component defaults

Skeletor 1.0.12

• Added opacity to top-level Block element props per request.

Skeletor 1.0.11

Fixed issue with createAnimationTimeline type inference causing incompatibility issues if not all element animation properties match each other. This type inference was completely unnecessary in the end, so it has been fully removed.

Rest is exactly the same as 1.0.10.

Skeletor 1.0.10

• Added new approach to animating elements and creating animation timelines (detailed in readme under "Animations") which is more flexible and should be more performant.
• Block and Text are now animatable components and you can pass in animations as a property directly from the useAnimation hook and new animation utilities respectively.
• When passing animations directly to Block and Text components, you no longer have to compose transform styles manually.
• Added new position-related properties to Block and Text. You can now pass in zIndex, absolute, offsets as properties.
• Flex properties have been expanded, allowing any flex-related property to be defined under the flex={{...}} prop. More details in readme.

Skeletor 1.0.9

• Improved typings for border, margin and padding properties. This is a quality of life improvement for the library as these new types will expose all inherited border / padding / margin view styles for use in all Skeletor components without any further maintenance or adding these properties manually to the interfaces.
• Additionally, these type updates have exposed more border-related properties for use.
• Sync with latest version of Skeleform.

Skeletor 1.0.8

• Load Skeleform as submodule. Now in separate repo: https://github.com/prototypdigital/skeleform
• Clean up compile and pack step, removing unnecessary files previously packed.