Shopify’s design system to help us work together to build a great experience for all of our merchants.
OTHER License
Bot releases are visible (Hide)
Published by kyledurand almost 4 years ago
ariaExpanded
prop to TextField
(#3589)MediaCard
to accept ReactNode as title and make primaryAction
optional (thanks to @devchris for the pull request)UnstyledButton
: Added loading
prop to apply role
and aria-busy
attributes (#3494)ThemeProvider
to only output its custom properties in nested ThemeProvider
s when they differ from the parent context (#3550)content
prop's type to not only accept string, but any React.Node
. (#3559)TopBar
to show the logo when there is no navigation or search fields (#3523)Banner
icon to be a diamond (#3567)SkeletonPage
to make the title font size consistent with the Page
component (#3449)Navigation.Item
color change when focused (#3562)connectedDisclosure
prop on Button
component and fix spacing issue (#3588
Button
: Reduced redundant code repeated within UnstyledButton
(#3494)Published by alex-page about 4 years ago
@shopify/polaris-icons
to version 4.0.0 (#3327)li
wrapper on ResourceList
to ResourceListItem
(#3302)button-base
mixin from Frame
SkipAnchor (#3303)Toast
to use currentColor
for the close icon (#3324)disclosureText
to Tabs
(#3331)spacing
prop to ButtonGroup
(#3308)contextControl
prop to ContextualSaveBar
(#3357)spacing
prop to DescriptionList
(#3359)BannerHandles
from Banner
(#3368)prefix
prop to ActionList
items (#3313)videoProgress
and showVideoProgress
props to VideoThumbnail
for video progress indicator (#3057)isFiltered
prop to ResourceList
to conditionally render more informative select all button label (#3153)PositionedOverlay
component for use in consuming applications (#3161)esnext
as a custom mainField instead of sewing-kit:esnext
to match updated sewing-kit behavior (#3169)Tabs
to allow its content
prop to accept React.ReactNode
instead of string
(#3171)build-consumer
script to handle excludes in package.json's files
array (#3136)new-top-bar-height
sass function and replaced its usage with the --p-top-bar-height
custom property (#3158)Published by BPScott over 4 years ago
dismissOnMouseOut
prop to Tooltip
to dismiss Tooltip once pointer is no longer over children (#3086)DatePicker
did not translate the weekday name in an aria label (#3113)@shopify/browserslist-config
(#3132)TextField
example to use a number instead of a boolean (#3114)Published by amrocha over 4 years ago
Polaris React v5.0.0 is a major release that introduces breaking changes, primarily due to removing integrated App Bridge support as consumers using App Bridge should use the @shopify/app-bridge-react package. We have created the Shopify/shopify-app-bridge repository for issues related to the new app bridge packages.
For instructions on updating from v4 to v5, read the migration guide.
react
and react-dom
peer-dependencies to 16.9.0 to enable the use of React.Profiler
(#2462)NavigationMessageProps
as the Message
component no longer exists (#2502)ResourceList.FilterControl
component. The FilterControl
component is available under a private name for legacy Shopify applications, but it should not be relied upon and might be deleted at any point (#2047 #3116)AppBridge
, ResourcePicker
and Loading
, Modal
, Page
, Toast
App Bridge render delegation (#2046)dist
folder (#2938):
styles.css
has moved to dist/styles.css
styles.min.css
has been removed - import dist/styles.css
instead. Styles are compacted by default so the performance hit is negligible.styles.scss
has been removed - import dist/styles.css
and dist/styles/_public-api.scss
instead@shopify/sewing-kit
will need to update to at least version 0.132.2
. (#2938)global.scss
to AppProvider
. This change only affects applications using the esnext
build (applications importing @shopify/polaris/styles.css
aren’t affected), who no longer need to import the @shopify/polaris/esnext/global.scss
file. (#2392)AppProvider
’s i18n
prop. When passing an array of dictionaries the first dictionary should be your prefered language, followed by any fallback languages. (#2572)centeredLayout
prop in EmptyState
. All layouts within the new design language context will be center aligned (#3111)DatePicker
component - month
,year
weekStartsOn
are now typed as plain number
- functionality remains identical as the former types effectively ended up being aliases of number
anyway (#3121)Year
type export (used by the DatePicker's props). Replace its usage with number
. (#3121)Month
enum export (used by the DatePicker's props). Replace its usage with a number from 0 to 11, representing the number of the month in question - Month.January
becomes 0
, Month.December
becomes 11
etc. (#3121)TypeOf
enum, and GeneralObject
, DeepPartial
, EffectCallback
, DependencyList
and Comparator
type exports - these were for internal use, and were never documented for external use. (#3123)Modal
so that focus can be returned to it when the Modal
is closed (#2206)DatePicker
did not translate the month name in an aria label (#3121)@shopify/browserslist-config
(#3101)Modal
to a functional component (#2376)react-transition-group
instead of the material-ui fork. (#3094)withAppProvider
higher-order component. (#3098)@shopify/javascript-utilities
library (#3102)@shopify/useful-types
@shopify/javascript-utilities
(#3108)Published by amrocha over 4 years ago
EmptyState
to account for new illustration size (#3069)blueDark
to the list of possible color
values for an Icon
with a backdrop (#3076)Banner
(#3093)flex: 1 1 auto
to Banner
.ContentWrapper
CSS selector (#3062)Page
action rollup (#3064)TextField
when focus is lost after autofill is implemented(#3075)ResourceItem
when there is no media (#3080)CloseButton
on Modal
without a title (#3077)Published by kyledurand over 4 years ago
EmptyState
when within content to account for new illustration styles (#3047)renderItem
function infer the type of the items prop (thanks to @athornburg)fullWidth
prop to EmptyState
to support full width layout within a content context (#2992)emptyState
prop to ResourceList
to support in context empty states in list views (#2569)active
prop of Popover
to true on keyDown in ComboBox
to fix Autocomplete
suggestions not showing when searching and selecting via keyboard (#3028)active
prop of Popover
to true on keyDown in ComboBox
to fix Autocomplete
suggestions not showing when searching and selecting via keyboard (#3028)EmptyState
content to 400px (#3040)styles/_public-api.scss
), instead of two (styles/_public-api.scss
for “vanilla” SCSS and styles/esnext/_public-api.scss
for CSS Modules) (#3032)Navigation
(#3043)Published by kyledurand over 4 years ago
⚠️ This release was released as a patch version in error. Please use v4.26.0.
EmptyState
when within content to account for new illustration styles (#3047)renderItem
function infer the type of the items prop (thanks to @athornburg)fullWidth
prop to EmptyState
to support full width layout within a content context (#2992)emptyState
prop to ResourceList
to support in context empty states in list views (#2569)active
prop of Popover
to true on keyDown in ComboBox
to fix Autocomplete
suggestions not showing when searching and selecting via keyboard (#3028)active
prop of Popover
to true on keyDown in ComboBox
to fix Autocomplete
suggestions not showing when searching and selecting via keyboard (#3028)EmptyState
content to 400px (#3040)styles/_public-api.scss
), instead of two (styles/_public-api.scss
for “vanilla” SCSS and styles/esnext/_public-api.scss
for CSS Modules) (#3032)Navigation
(#3043)Published by alex-page over 4 years ago