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)
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)icon
color of Button
when destructive
and plain
(#2958)skipLibCheck
option (#2981)Published by amrocha over 4 years ago
ResourceList
(#2957
Pagination
to allow its label
prop to accept React.ReactNode
instead of string
(#2972)emptySearchState
prop to ResourceList
to enable the customization of the empty search state (#2971)Banner
for Windows high contrast mode (#2878)Banner
(#2975)EmptyState
action (#2977)ComboBox
to a functional component (#2918)styles/foundation.scss
and styles/shared.scss
as entry points to the Polaris Sass public API. They have been replaced with a single file styles/_public-api.scss
. By having a single entry point we make it a little easier for consuming applications to use our public API - you only need to import one file instead of two. Any references to these two files should be replaced with a reference to _public-api.scss
which lives in the same folder. Consuming applications using sewing-kit should replace references to esnext/styles/foundation.scss
and esnext/styles/shared.scss
with a single reference to esnext/styles/_public-api.scss
. Note the API itself has not changed - only the mechanism by which you access it. (#2974)Published by dfmcphee over 4 years ago
Published by kyledurand over 4 years ago
max-height
property from Tooltip
(thanks to @thayannevls for the pull request)TopBar.Menu
to be properly themed in active, hover and focused state (#2928)EmptyState
(#2939)Tag
submitting forms when onClick
is set (#2895)DescriptionList
content overflowing when term
or description
have long unbroken words (#2880)Published by alex-page over 4 years ago
Filters
to only show the "More filters" button if necessary (#2856).TopBar
component to show secondaryMenu
on small screens (#2913)Badge
adds critical
status prop styling (#2902)border-radius
to the MediaCard
container (#2919)importsNotUsedAsValues
to error
in TypeScript configuration to force us to be explicit when importing types (#2901)Published by alex-page over 4 years ago
MediaCard
and VideoThumbnail
(#2725)VideoThumbnail
(#2725)Published by alex-page over 4 years ago
Published by alex-page over 4 years ago
showFocusBorder
prop to the TopBar.SearchField
to allow users to add show a border on focus (#2886).frameOffset
(#2887)Segoe UI
before Roboto
(#2891)Tag
component and remove right padding on a removable Tag
(#2860).downlevel-dts
to produce compatible type definitions for consuming apps using older TypeScript versions (#2875)Published by tmlayton over 4 years ago
Published by tmlayton over 4 years ago
Popover
, Card
and Indicator
(#2792)overflow: hidden
from Card
(#2806)ResourceList
(#2809
polaris-tokens
(#2778)DropZone
not supporting new file selection when allowMultiple
is false
(#2737)Pagination
sizing on small screens with tooltips (2747)Popover
setting a tabindex
and other accessibility attributes on the activator wrapper when the activator
is disabled (#2473)verticalAlignment
prop to ResourceItem
to support control of content alignment (#2743
check:custom-property
job in travis (#2778)AppProvider
decorator for component examples which already contain an AppProvider
(#2807)omitAppProvider
front matter concept to prevent automatic wrapping of component examples with an AppProvider
(#2815)Published by dleroux over 4 years ago
ActionList
(#2713)Button
(#2712)Avatar
when initials are blank (#2693)preferInputActivator
prop to Popover
to allow better positioning of the overlay (#2754)TrapFocus
stealing focus from other TrapFocus
's (#2681)Buttons
(#2684)Modal
(#2692)Select
from being overwritten by the focus ring (#2748)ResourceItem
Actions
visibility on mouse out (#2742)Avatar
(#2751)Published by chloerice over 4 years ago
*** Please note that this release required an upgrade to @shopify/polaris-tokens
that we have since found breaks in the Edge browser. We are currently working on a fix, and advise you to remain at or downgrade to v4.12.0 until this gets resolved and a new release is available with the fix.
Published by chloerice over 4 years ago
totalsName
prop to DataTable
to support custom headings in the totals row (#2660)cursor: pointer
to Choice
(#2491)Uncaught TypeError: Cannot read property 'rightEdge' of undefined
in DataTable
(#2672)DatePicker
(#2671)DataTable
totals row heading (#2660)Card
code examples (#2677)Published by chloerice over 4 years ago
Button
(#2329)ActionMenu
(2057)DataTable
horizontal Navigation
optional (#2647)ReferenceError: React is not defined
in Button
for the esnext
build (#2657)Modal
s render (#2644)postcss-custom-properties
(#2643)visited
CSS styling for tabs using the url
prop (#2639)Published by LauraAubin almost 5 years ago
hideTags
prop to Filters
(#2573)searchResultsOverlayVisible
prop to TopBar
which adds a translucent background to the search dismissal overlay when results are displayed (#2440)Fixed a bug where Navigation
calls onNavigationDismiss
on large screens when focused and the escape key is pressed (#2607)
Fixed issue with Filters
component displaying an undesired margin top and bottom on the button element on Safari (#2292)
Fixed RangeSlider
focus state style issues (#1926)
Ensure passing {key: undefined}
into i18n will throw a runtime error in the same way as not passing in the key at all (this was ensured through type-checking at the TypeScript level but people could force through with casting to any
) (#2598)
Ensure the normalizedValue within TextField
is a string (this was already ensured through type-checking at the TypeScript level, but people could force through with casting to any
, which caused problems) (#2598)
Fixed an issue with the Filters
component where the aria-expanded
attribute was undefined
on mount (#2589)
Fixed TrapFocus
from tabbing out of the container (#2555)
Fixed PositionedOverlay
not correctly getting its position when aligned to the right of the activator (#2587)
Search dismissal overlay now covers the entire screen (#2440)
Search results component will no longer unmount when hidden (#2440)
Search results will now match the width of the search field (#2440)
Card
with custom footer actions example to be right-aligned (#2603)Subheading
documentation to be more consistent and accurate (#2591)@shopify/polaris-icons
to v3.9.0 (#2610)MenuGroup
into a functional component (#2536)Layout
into a functional component (#2538)FormLayout
into a functional component (#2539)Stack
into a functional component (#2534)BulkActionButton
into a functional component (#2542)Focus
into a functional component (#2540)Tabmeasurer
into a functional component (#2535)Section
into a functional component (#2537)Tooltip
into a functional component (#2543)Option
into a functional component (#2541)TextField
if character count is not rendered (#2598)