Skip to content

Releases: styled-components/xstyled

v2.1.0

11 Jan 08:46
31de7ff
Compare
Choose a tag to compare

Bug Fixes

Features

  • emotion: add preflight component to emotion (#167) (b56e6b6)

🚀 v2.0.0

03 Jan 19:37
91c9c00
Compare
Choose a tag to compare

Features

  • TypeScript typings
  • Emotion v11
  • Get rid of forwardedAs (use as instead)
  • Allow configuration of rootFontSize for rpx utilities
  • Introduce a defaultTheme
  • Add state support (motionSafe, motionReduce, first, last, odd, even, visited, checked, focusWithin, hover, focus, focusVisible, active, disabled, placeholder)
  • Support shorthand styles
  • Add gridTemplateColumns and gridTemplateRows support in theme
  • Introduce default value if value is true
  • Support string value as number for pixels and durations
  • Support <Box.{element}> syntax
  • Add transitionProperties and timingFunctions support in theme
  • Add inset support in theme
  • Support arrays for list properties in theme
  • Add getDuration getter
  • Add Preflight: a set of global style to start a project
  • Support default value in th and th.*
  • Allow to create complex style generator using style utility
  • Add aliasColorand generateHexAlphaVariants utilities
  • Add useTh and other hooks to get theme props
  • Add x.extend and createX utilities

New Utilities

  • Add svg utilities: fill, stroke
  • Add space utilties: spaceX, spaceX
  • Add sizing utilities: w, h
  • Add lists utilities: listStyleType, listStyleTypePosition
  • Add borders utilities: outline, divideX, divideY, divideXReverse, divideYReverse, divideStyle, divideColor, ring, ringInset, ringColor
  • Add typography utilities: textDecoration, textOverflow, whiteSpace
  • Add layout utilities: overflowX, overflowY, boxSizing, container, visibility, overscrollBehavior, objectFit
  • Add grid utilities: gap
  • Add tables utilities: tableLayout, borderCollapse
  • Add transitions utilities: transitionProperty, transitionDuration, transitionTimingFunction, transitionDelay
  • Add animations utilities: animation
  • Add interactivity utilities: appearance, cursor, pointerEvents, resize, userSelect
  • Add transforms utilities: transform, transformOrigin, translateX, translateY, rotate, skewX, skewY, scale, scaleX, scaleY
  • Add backgrounds utilities: backgroundAttachment, backgroundClip, gradientFrom, gradientVia, gradientTo

Breaking Changes

  • Emotion v10 is no longer supported
  • Remove default space
  • Remove default breakpoints
  • Rename breakpoints theme section to screens
  • Remove variant utility
  • Remove width and height utility (only aliases remain w and h)
  • Replace gridGap by gap
  • Remove border{direction} and border{direction}Color utilities
  • Reorganize all utilities

Read Upgrade Guide to know more about breaking changes.

v1.19.1

04 Nov 18:30
5a0cefa
Compare
Choose a tag to compare

Bug Fixes

  • breakpoints: multiple responsive style props (#141) (b884076)
  • prop-types: add bool option to the prop-types to use it with col and row props (#142) (3a835ba)

v1.19.0

10 Sep 19:20
f25ca82
Compare
Choose a tag to compare

Bug Fixes

Features

v1.18.1

10 Aug 15:36
a079717
Compare
Choose a tag to compare

Bug Fixes

  • styled-components: local storage not available (#129) (304602c)

v1.18.0

06 Aug 08:40
e57ca07
Compare
Choose a tag to compare

Bug Fixes

  • breakpoints: races in useViewportWidth (#114) (fc70500)

Features

  • xstyled: support multiple values in box-shadow, text-shadow (#128) (c8487fc), closes #127

v1.17.2

18 Jul 15:18
997273f
Compare
Choose a tag to compare

Bug Fixes

  • breakpoints: useThemeUp inclusive min (#113) (722d5fc)

v1.17.1

29 Apr 07:11
c18b2f4
Compare
Choose a tag to compare

Bug Fixes

  • styled-components: fix keyframes error in v5 (ccf3469)

v1.17.0

24 Feb 09:23
e31a88a
Compare
Choose a tag to compare

Bug Fixes

Features

  • add border-x-x-radius, outline-style, outline-width support (693dc5d)
  • alias backgroundColor prop with bg (c23bfff), closes #89
  • support fontStyle in props (1777736), closes #91

v1.16.0

02 Feb 09:14
60cba0c
Compare
Choose a tag to compare

Features

  • support styled-components v5 (e1bd0eb), closes #86
  • core: add outline-color to propGetters (#82) (36d9585)