polaris
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 alex-page over 2 years ago
🛑 Unsafe release
This release stops all CSS animations from working in @shopify/polaris. A fix is coming soon. Thank you @mbaumbach for flagging this regression in https://github.com/Shopify/polaris/issues/5985.
Minor Changes
-
#5962
3a64ee7e3Thanks @alex-page! - Updated @rollup/pluginutils to v4.1.0
-
#5473
f04a387bcThanks @kyledurand! - Add graceful fallbacks forImageandAvatar
Patch Changes
-
#5957
e51901656Thanks @chloerice! - FixedTextFieldblocking text selection withinverticalContent
-
#5874
814bef39eThanks @kyledurand! - Fixed an accessibility bug in modal where clicking or tapping the backdrop would not close the modal
Published by alex-page over 2 years ago
Patch Changes
-
#5984
c3e7f2ef7Thanks @zakwarsame! - changes divider padding on page component -
#6006
92ca0e5b2Thanks @kyledurand! - Fixed a bug where keyframes weren't being properly added to builds
Published by github-actions[bot] over 2 years ago
🛑 Unsafe release
This release stops all CSS animations from working in @shopify/polaris. A fix is coming soon. Thank you @mbaumbach for flagging this regression in https://github.com/Shopify/polaris/issues/5985.
Minor Changes
-
#5952
4a59bc57dThanks @romellogoodman! - Integrated@shopify/polaris-tokensv5 in@shopify/polarisand updated theCustomPropertiescomponent to use the@shopify/polaris-tokensSCSS stylesheet -
#5952
4a59bc57dThanks @aaronccasanova! - Updated theGridcomponent to use breakpoint tokens from@shopify/polaris-tokens
Published by github-actions[bot] over 2 years ago
Minor Changes
-
#5946
3a5be82cbThanks @rmleg! - Added support for setting aReactNodeon thePageActionsprimaryActionprop -
#5712
290b41c61Thanks @aveline! - Updated checkbox and radio button styling- Increased spacing between
ChoiceListitems on small screens only
- Increased spacing between
-
#5931
87b489073Thanks @laurkim! - Fixed input focus loss in TextField on vertical content change -
#5785
56b8ca790Thanks @mrcthms! - Upstream changes from polaris-next IndexTable- Added a className prop to a IndexTable.Cell
- Added a customClickHandler prop to a IndexTable.Row
- Added a paginatedSelectAllActionText to the IndexTable
- Exported a clearSelection method from the use-index-resource-state hook
- Updated the styling of the ScrollBarContainer
- Updated styling for TableCell to fix unpadded cell bug.
- Added a 20px width to the TableHeading-first to fix the width of the checkbox column
-
#5945
54d15c3c1Thanks @aaronccasanova! - Added experimentalGridcomponent
Patch Changes
-
#5933
9c1a868cbThanks @tal87! - Added support for onPointerDown event handler on the button component -
#5876
eb25cdaf4Thanks @aveline! - UpdatedTextFielddocs with examples ofinputModevirtual keyboards -
#5960
837094ac6Thanks @alex-page! - Removed jestAdjustmentsPlugin as we havejest.config.js. Moved scripts to scripts/build.js. -
#5889
fe8987948Thanks @zaquille-oneil! - Fixed clear button covering placeholder text inTextFieldon small screens
Published by github-actions[bot] over 2 years ago
Published by github-actions[bot] over 2 years ago
Minor Changes
-
07702ad51Thanks @romellogoodman! - Expose the .scss css file under dist/scss
Published by github-actions[bot] over 2 years ago
Patch Changes
- Updated dependencies [
07702ad51]:- @shopify/[email protected]
Published by github-actions[bot] over 2 years ago
Minor Changes
-
#5832
d810f8e73Thanks @Stivaros! - AddeddisableQueryFieldtoFilterscomponent -
#5688
c66352b03Thanks @camd! - Added new FullscreenBar component which provides a uniformly styled Back button to exit Fullscreen mode. -
#5865
68a647348Thanks @alex-page! - Added underline to Link on hover when removeUnderline property is used -
#5810
da6fce76bThanks @kyledurand! - add useEventListenerHook -
#5894
affb94a8fThanks @alex-page! - Deprecatedbadge,iconandimageprops in ActionList.Item as theprefixandsuffixproperties can replace them. -
#5391
46e7db0d8Thanks @alex-page! - Removed focus-visible polyfill as Safari 15.4 and 15.5 support this functionality -
#5879
42331f399Thanks @rmleg! - Fixed spacing above action group titles when they are the first element in a Page's action list menu on mobile
Patch Changes
- Updated dependencies [
c7c6295a4]:- @shopify/[email protected]
Published by github-actions[bot] over 2 years ago
Minor Changes
-
07702ad51Thanks @romellogoodman! - Expose the .scss css file under dist/scss
Published by github-actions[bot] over 2 years ago
Minor Changes
-
#5659
82e081b18Thanks @romellogoodman! - Updated @shopify/polaris-tokens to v5 and integrated the SCSS stylesheet in theCustomPropertiescomponent -
#5865
68a647348Thanks @alex-page! - Added underline to Link on hover when removeUnderline property is used -
#5894
affb94a8fThanks @alex-page! - Deprecatedbadge,iconandimageprops in ActionList.Item as theprefixandsuffixproperties can replace them. -
#5879
42331f399Thanks @rmleg! - Fixed spacing above action group titles when they are the first element in a Page's action list menu on mobile -
#5748
81db203edThanks @kyledurand! - Add grid component
Patch Changes
- Updated dependencies [
07702ad51,c7c6295a4]:- @shopify/[email protected]
- @shopify/[email protected]
Published by github-actions[bot] over 2 years ago
Patch Changes
- Updated dependencies [
07702ad51]:- @shopify/[email protected]
Published by github-actions[bot] over 2 years ago
Published by github-actions[bot] over 2 years ago
Patch Changes
-
#5848
b1b970c30Thanks @samrose3! - Use Changesets to control versioning and changelog
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog
and this project adheres to Semantic Versioning.
Published by github-actions[bot] over 2 years ago
Minor Changes
-
#5832
d810f8e73Thanks @Stivaros! - AddeddisableQueryFieldtoFilterscomponent -
#5688
c66352b03Thanks @camd! - Added new FullscreenBar component which provides a uniformly styled Back button to exit Fullscreen mode. -
#5810
da6fce76bThanks @kyledurand! - add useEventListenerHook
Patch Changes
-
#5848
b1b970c30Thanks @samrose3! - Use Changesets to control versioning and changelog -
Updated dependencies [
b1b970c30]:- @shopify/[email protected]
All notable changes to this project will be documented in this file.
The format is based on these versioning and changelog guidelines.
Published by github-actions[bot] over 2 years ago
Patch Changes
-
#5848
b1b970c30Thanks @samrose3! - Use Changesets to control versioning and changelog -
Updated dependencies [
b1b970c30]:- @shopify/[email protected]
Published by github-actions[bot] over 2 years ago
Patch Changes
-
#5848
b1b970c30Thanks @samrose3! - Use Changesets to control versioning and changelog
All notable changes to this project will be documented in this file.
Published by alex-page over 2 years ago
Enhancements
- Ported internal breakpoint and layout functions to SCSS variables (#5722)
- Added
extraSmallto the available sizes of theThumbnailandSkeletonThumbnail(#5770) - Updated experimental breakpoint values (#5804, #5830)
- Added support for tooltips on Navigation items (#5750)
- Change types for DataTable
totalsNameprop to allow for ReactNode (#5454) - Implemented accessibility role and attributes in
SettingToggle(#5470)
Bug fixes
- Fixed vertical scroll on small screens in
EmptyState(#5779) - Fixed broken links in documentation (#5824)
- Fixed key prop error introduced in sticky header (#5826)
Documentation
- Replaced
deprecationNoticewithnoticeobject (#5841)
Published by github-actions[bot] over 2 years ago
Changelog
All notable changes to this project will be documented in this file.
4.21.0 - 2022-05-19
Updated icons
4.20.0 - 2022-05-09
Enhancements
- Added metadata for the icons
New icons
-
MergeMinor(#1476)
Changed
- Types are now React 18 compatible (#5704)
4.19.1 - 2022-05-03
New icons
-
MergeMinor(#1476)
4.19.0 - 2022-04-12
Updated icons
-
FinancesMinor(#1464)
4.18.4 - 2022-04-01
New icons
4.18.3 - 2022-03-28
Bug fixes
- Updated SVG optimization process for greater cross-platform compatibility. (#1447)
4.18.2 - 2022-03-22
New icons
Updated icons
-
CancelSmallMinor(#1440)
4.18.1 - 2022-03-09
New icons
-
MarketsMajor(#1425)
Bug fixes
4.18.0 – 2022-03-01
New icons
-
DomainRedirectMinor(#1407)
4.17.0 – 2022-02-03
New icons
-
AdjustMinor(#1370)
4.16.0 – 2022-01-25
Updated icons
-
AppsMinor(#1347)
4.15.0 - 2022-01-19
New icons
-
AppsMinor(#1338)
Updated icons
-
FinancesMinor(#1338)
4.14.0 - 2022-01-19
Updated icons
-
Columns3Minor(#1330)
4.13.0 - 2022-01-17
New icons
-
AnalyticsMinor(#1332) -
DiscountsMinor(#1332) -
FinancesMinor(#1332) -
HomeMinor(#1332) -
MarketingMinor(#1332) -
OnlineStoreMinor(#1332) -
OrdersMinor(#1332) -
ProductsMinor(#1332)
Updated icons
-
CustomersMinor(#1332)
4.12.0 - 2022-01-05
New icons
-
Columns3Minor(#1315)
4.11.0 - 2021-12-15
New icons
Other changes
- Updated icon metadata for various icons, and cleaned up the changelog (#1241)
4.10.0 - 2021-11-03
Updated icons
4.9.0 - 2021-10-29
Updated icons
-
DropdownMinor(#1226)
4.8.0 - 2021-08-19
New icons
4.7.0 - 2021-07-15
New icons
4.6.2 - 2021-06-29
- Remove deprecated GOOGLE_APPLICATION_CREDENTIALS usage (#1005)
4.6.1 - 2021-06-24
- Fix breakage in svg imports thanks to incorrect React imports by downgrading
@svgr/coreto v4 (#1001)
4.6.0 - 2021-06-23
New icons
ExitMajor
4.5.0 - 2021-02-23
New icons
StoreMinor
4.4.0 - 2021-02-10
New icons
ButtonCornerSquareMajorButtonCornerPillMajorButtonCornerRoundedMajor
4.3.0 - 2021-02-05
New icons
TemplateMajor
4.2.0 - 2021-01-22
New icons
Column1MajorColumns2MajorColumns3Major
4.1.0 - 2020-10-26
New icons
DiamondAlertMajor
4.0.0 - 2020-10-02
Polaris Icons v4.0.0 updates icon styles across the board. It replaces monotone, twotone and filled major icon variants with a single style and icons that previously lived in the @shopify/polaris-icons-internal package are now part of the public @shopify/polaris-icons package.
Breaking Changes
In Polaris Icons v3 Major icons came in three styles Monotone, Twotone and Filled as denoted by a suffix on their import name. In v4 we have removed this distinction and thus the suffix on the import name. You should update icon imports to omit these suffixes. For instance HomeMajorMonotone and HomeMajorTwotone would both become HomeMajor.
Update imports from @shopify/polaris-icons to remove the Monotone, Twotone and Filled suffixes:
import {
DuplicateMinor,
ViewMinor,
- HomeMajorMonotone,
- CircleInformationMajorFilled,
- CircleInformationMajorTwotone,
+ HomeMajor,
+ CircleInformationMajor,
} from '@shopify/polaris-icons';
Update the component code that references the imports.
- <Icon source={MobileCancelMajorMonotone} />
+ <Icon source={MobileCancelMajor} />
For non-React consumers, svg files have moved from /images to /dist/svg. The svg files have been renamed to match the names used within JS imports. Remove any hyphens and underscores and convert the name to be PascalCase. Remove the Monotone, Twotone and Filled suffixes. For instance home-major_monotone.svg becomes HomeMajor.svg.
Renamed deprecated icons
The following deprecated icon names have been removed. The same icons are now available under new names. Replace removed icon names with their updated versions.
-
ColorMajorhas been replaced withColorsMajor -
FavouriteMajorhas been replaced withFavoriteMajor -
NotesMinorhas been replaced withNoteMinor -
SelectMinorhas been replaced withArrowUpDownMinor -
SidebarMajorhas been replaced withSidebarLeftMajor
Enhancements
Fraud-related icons were previously part of a separate internal package and are now part of the public package.
- Remove
@shopify/polaris-icons-internalfrom the project’s dependencies inpackage.json - Replace imports of
@shopify/polaris-icons-internalwith@shopify/polaris-icons:
import {
- FraudProtectMajorMonotone
-} from '@shopify/polaris-icons-internal';
+ FraudProtectMajor
+} from '@shopify/polaris-icons';
3.12.0 - 2020-07-15
New icons
ComposeMajor
3.11.0 - 2020-07-13
New icons
ProductReturnsMinor
3.10.0 - 2020-03-17
New icons
AnalyticsMajorFilledAppsMajorFilledCustomersMajorFilledDiscountsMajorFilledHomeMajorFilledMarketingMajorFilledOnlineStoreMajorFilledOrdersMajorFilledProductsMajorFilledCircleAlertMajorFilledCircleDisabledMajorFilledCircleInformationMajorFilledCircleTickMajorFilled
3.9.0 - 2020-01-09
Enhancements
- Updated build output so icons are individually exported instead of inlined into a single file. This helps improve chunking in consuming projects as it no longer forces a single chunk for all icons used an app, which can result in smaller initial bundle downloads.
3.8.0 - 2019-11-20
Deprecated
-
FavouriteMajorwas renamed toFavoriteMajorto match the American spelling
New icons
AutomationMajorMonotoneAutomationMajorTwotone-
CapitalMajorMonotone(exports were missing in v3.6.0) -
CapitalMajorTwotone(exports were missing in v3.6.0) CustomersMinorReferralMajorMonotoneReferralMajorTwotoneReferralCodeMajorMonotoneReferralCodeMajorTwotone
Fixed
- Fixed an issue in
FavoriteMajorwhere the top branch of the star had a visual artifact
3.7.0 - 2019-09-27
Added
- iOS asset catalog.
- Android drawables.
3.6.0 - 2019-09-16
New icons
CapitalMajorMonotoneCapitalMajorTwotone
3.5.1 - 2019-08-15
Fixed
-
StarFilledMinorandStarOutlineMinor- Centred the icons in their viewboxes
3.5.0 - 2019-08-08
New icons
-
TextAlignmentCenterMajorMonotone -
TextAlignmentCenterMajorTwotone -
TextAlignmentLeftMajorMonotone -
TextAlignmentLeftMajorTwotone -
TextAlignmentRightMajorMonotone -
TextAlignmentRightMajorTwotone -
Added a test to restrict attributes on
<svg>toxmlnsandviewBox(#649)
3.4.0 - 2019-05-20
Enhancements
- Added plain SVG files in the
/imagesfolder for consumers that can't consume React components
3.3.0 - 2019-03-28
Deprecated
-
ArrowUpDownMinorhas been renamed toSelectMinorto match the name used in Sketch.ArrowUpDownMinorwill continue to exist as an alias until v4.0.0. -
ColorMajorMonotonehas been renamed toColorsMajorMonotoneto match the name used in Sketch.ColorMajorMonotonewill continue to exist as an alias until v4.0.0. -
SidebarMajorMonotonehas been renamed toSidebarLeftMajorMonotoneto match the name used in Sketch.SidebarMajorMonotonewill continue to exist as an alias until v4.0.0.
Fixed
ImportStoreMajorMonotone
New icons
AbandonedCartMajorMonotoneAbandonedCartMajorTwotoneAccessibilityMajorMonotoneAccessibilityMajorTwotoneActivitiesMajorMonotoneActivitiesMajorTwotoneAddCodeMajorMonotoneAddCodeMajorTwotoneAddImageMajorMonotoneAddImageMajorTwotoneAddMajorTwotoneAddNoteMajorMonotoneAddNoteMajorTwotoneAddProductMajorMonotoneAddProductMajorTwotoneAffiliateMajorMonotoneAffiliateMajorTwotoneAnalyticsMajorMonotoneArchiveMajorMonotoneArchiveMajorTwotoneAttachmentMajorMonotoneAttachmentMajorTwotoneBackspaceMajorMonotoneBackspaceMajorTwotoneBalanceMajorMonotoneBalanceMajorTwotoneBankMajorMonotoneBankMajorTwotoneBarcodeMajorMonotoneBarcodeMajorTwotoneBehaviorMajorMonotoneBehaviorMajorTwotoneBillingStatementDollarMajorMonotoneBillingStatementDollarMajorTwotoneBillingStatementEuroMajorMonotoneBillingStatementEuroMajorTwotoneBillingStatementPoundMajorMonotoneBillingStatementPoundMajorTwotoneBillingStatementRupeeMajorMonotoneBillingStatementRupeeMajorTwotoneBillingStatementYenMajorMonotoneBillingStatementYenMajorTwotoneBlockquoteMajorTwotoneBlogMajorMonotoneBugMajorMonotoneBugMajorTwotoneBuyButtonButtonLayoutMajorMonotoneBuyButtonButtonLayoutMajorTwotoneBuyButtonHorizontalLayoutMajorMonotoneBuyButtonHorizontalLayoutMajorTwotoneBuyButtonMajorMonotoneBuyButtonMajorTwotoneBuyButtonVerticalLayoutMajorMonotoneBuyButtonVerticalLayoutMajorTwotoneCalendarMajorMonotoneCalendarTickMajorMonotoneCalendarTickMajorTwotoneCameraMajorMonotoneCameraMajorTwotoneCardReaderChipMajorMonotoneCardReaderChipMajorTwotoneCardReaderMajorMonotoneCardReaderMajorTwotoneCardReaderTapMajorMonotoneCardReaderTapMajorTwotoneCartDownMajorMonotoneCartDownMajorTwotoneCartMajorMonotoneCartUpMajorMonotoneCartUpMajorTwotoneCashDollarMajorTwotoneCashEuroMajorMonotoneCashEuroMajorTwotoneCashPoundMajorMonotoneCashPoundMajorTwotoneCashRupeeMajorMonotoneCashRupeeMajorTwotoneCashYenMajorMonotoneCashYenMajorTwotoneCategoriesMajorMonotoneCategoriesMajorTwotoneChannelsMajorMonotoneChannelsMajorTwotoneChatMajorMonotoneChatMajorTwotoneChecklistAlternateMajorMonotoneChecklistAlternateMajorTwotoneChecklistMajorMonotoneChecklistMajorTwotoneCheckoutMajorMonotoneCircleCancelMajorMonotoneCircleCancelMajorTwotoneCircleDisabledMajorMonotoneCircleDotsMajorMonotoneCircleDotsMajorTwotoneCircleDownMajorMonotoneCircleDownMajorTwotoneCircleInformationMajorMonotoneCircleLeftMajorMonotoneCircleLeftMajorTwotoneCircleMinusMajorMonotoneCircleMinusMajorTwotoneCirclePlusMajorTwotoneCircleRightMajorMonotoneCircleRightMajorTwotoneCircleUpMajorMonotoneCircleUpMajorTwotoneClockMajorMonotoneClockMajorTwotoneCodeMajorTwotoneCollectionsMajorMonotoneColorsMajorMonotoneColorsMajorTwotoneColumnImageWithTextMajorMonotoneColumnImageWithTextMajorTwotoneConfettiMajorMonotoneConfettiMajorTwotoneCreditCardMajorMonotoneCreditCardMajorTwotoneCreditCardPercentMajorMonotoneCreditCardPercentMajorTwotoneCreditCardSecureMajorMonotoneCreditCardSecureMajorTwotoneCustomerMinusMajorMonotoneCustomerMinusMajorTwotoneCustomerPlusMajorMonotoneCustomerPlusMajorTwotoneCustomersMajorMonotoneDataVisualizationMajorMonotoneDataVisualizationMajorTwotoneDeleteMajorMonotoneDeleteMajorTwotoneDesktopMajorMonotoneDigitalMediaReceiverMajorMonotoneDigitalMediaReceiverMajorTwotoneDiscountAutomaticMajorMonotoneDiscountAutomaticMajorTwotoneDiscountCodeMajorMonotoneDiscountCodeMajorTwotoneDiscountsMajorMonotoneDnsSettingsMajorMonotoneDnsSettingsMajorTwotoneDomainAddMajorMonotoneDomainAddMajorTwotoneDomainsMajorTwotoneDraftOrdersMajorMonotoneDraftOrdersMajorTwotoneDragDropMajorTwotoneEditMajorMonotoneEditMajorTwotoneEmailMajorMonotoneEmailNewsletterMajorMonotoneEmailNewsletterMajorTwotoneEnvelopeMajorMonotoneEnvelopeMajorTwotoneExchangeMajorMonotoneExchangeMajorTwotoneExistingInventoryMajorMonotoneExistingInventoryMajorTwotoneFaviconMajorTwotoneFavouriteMajorMonotoneFavouriteMajorTwotoneFeaturedCollectionMajorTwotoneFeaturedContentMajorTwotoneFilterMajorMonotoneFilterMajorTwotoneFirstOrderMajorMonotoneFirstOrderMajorTwotoneFirstVisitMajorMonotoneFirstVisitMajorTwotoneFlagMajorMonotoneFlipCameraMajorMonotoneFlipCameraMajorTwotoneFolderDownMajorMonotoneFolderDownMajorTwotoneFolderMajorMonotoneFolderMajorTwotoneFolderMinusMajorMonotoneFolderMinusMajorTwotoneFolderPlusMajorMonotoneFolderPlusMajorTwotoneFolderUpMajorMonotoneFolderUpMajorTwotoneFollowUpEmailMajorMonotoneFollowUpEmailMajorTwotoneFoodMajorMonotoneFoodMajorTwotoneFooterMajorTwotoneFormsMajorMonotoneFormsMajorTwotoneGamesConsoleMajorMonotoneGamesConsoleMajorTwotoneGiftCardMajorMonotoneGlobeMajorMonotoneGlobeMajorTwotoneGrammarMajorMonotoneGrammarMajorTwotoneHashtagMajorMonotoneHashtagMajorTwotoneHeartMajorMonotoneHeartMajorTwotoneHideKeyboardMajorMonotoneHideKeyboardMajorTwotoneHintMajorTwotoneIconsMajorMonotoneIconsMajorTwotoneIllustrationMajorMonotoneIllustrationMajorTwotoneImageAltMajorTwotoneImageMajorMonotoneImagesMajorMonotoneImagesMajorTwotoneImageWithTextMajorTwotoneImageWithTextOverlayMajorTwotoneImportStoreMajorMonotoneImportStoreMajorTwotoneIncomingMajorMonotoneIncomingMajorTwotoneInventoryMajorMonotoneInventoryMajorTwotoneIqMajorMonotoneIqMajorTwotoneJobsMajorMonotoneJobsMajorTwotoneKeyMajorMonotoneKeyMajorTwotoneLabelPrinterMajorMonotoneLabelPrinterMajorTwotoneLandingPageMajorMonotoneLandingPageMajorTwotoneLegalMajorTwotoneListMajorMonotoneListMajorTwotoneLiveViewMajorMonotoneLiveViewMajorTwotoneLocationMajorMonotoneLockMajorMonotoneLockMajorTwotoneLogoBlockMajorTwotoneManagedStoreMajorMonotoneManagedStoreMajorTwotoneMarketingMajorTwotoneMaximizeMajorMonotoneMaximizeMajorTwotoneMentionMajorMonotoneMentionMajorTwotoneMicrophoneMajorMonotoneMicrophoneMajorTwotoneMinimizeMajorMonotoneMinimizeMajorTwotoneMobileAcceptMajorMonotoneMobileAcceptMajorTwotoneMobileBackArrowMajorMonotoneMobileBackArrowMajorTwotoneMobileCancelMajorTwotoneMobileChevronMajorMonotoneMobileChevronMajorTwotoneMobileHamburgerMajorTwotoneMobileHorizontalDotsMajorMonotoneMobileHorizontalDotsMajorTwotoneMobileMajorMonotoneMobilePlusMajorMonotoneMobilePlusMajorTwotoneMobileVerticalDotsMajorMonotoneMobileVerticalDotsMajorTwotoneMonerisMajorMonotoneMonerisMajorTwotoneNatureMajorMonotoneNatureMajorTwotoneNavigationMajorMonotoneNoteMajorMonotoneNoteMajorMonotoneNoteMajorTwotoneNoteMajorTwotoneNotificationMajorTwotoneOnlineStoreMajorMonotoneOrdersMajorMonotoneOutgoingMajorMonotoneOutgoingMajorTwotonePackageMajorMonotonePageDownMajorMonotonePageDownMajorTwotonePageMajorMonotonePageMinusMajorMonotonePageMinusMajorTwotonePagePlusMajorMonotonePagePlusMajorTwotonePageUpMajorMonotonePageUpMajorTwotonePaintBrushMajorMonotonePauseCircleMajorMonotonePauseCircleMajorTwotonePauseMajorMonotonePauseMajorTwotonePaymentsMajorMonotonePhoneInMajorMonotonePhoneInMajorTwotonePhoneMajorMonotonePhoneMajorTwotonePhoneOutMajorMonotonePhoneOutMajorTwotonePinMajorMonotonePinMajorTwotonePlayCircleMajorTwotonePlayMajorMonotonePlayMajorTwotonePointOfSaleMajorMonotonePointOfSaleMajorTwotonePopularMajorMonotonePopularMajorTwotonePrintMajorMonotonePrintMajorTwotoneProductsMajorMonotoneQuestionMarkMajorMonotoneQuickSaleMajorMonotoneQuickSaleMajorTwotoneReceiptMajorMonotoneReceiptMajorTwotoneRecentSearchesMajorMonotoneRecentSearchesMajorTwotoneRedoMajorTwotoneRefreshMajorMonotoneRefreshMajorTwotoneRefundMajorMonotoneRefundMajorTwotoneRemoveProductMajorMonotoneRemoveProductMajorTwotoneRepeatOrderMajorMonotoneRepeatOrderMajorTwotoneReplaceMajorTwotoneReportsMajorMonotoneReportsMajorTwotoneResourcesMajorMonotoneResourcesMajorTwotoneRiskMajorMonotoneRiskMajorTwotoneSandboxMajorMonotoneSandboxMajorTwotoneSearchMajorMonotoneSearchMajorTwotoneSectionMajorMonotoneSecureMajorMonotoneSecureMajorTwotoneSendMajorMonotoneSendMajorTwotoneSettingsMajorMonotoneShipmentMajorTwotoneShopcodesMajorMonotoneShopcodesMajorTwotoneSidebarLeftMajorMonotoneSidebarLeftMajorTwotoneSidebarRightMajorMonotoneSidebarRightMajorTwotoneSlideshowMajorTwotoneSmileyHappyMajorMonotoneSmileyHappyMajorTwotoneSmileyJoyMajorMonotoneSmileyJoyMajorTwotoneSmileyNeutralMajorMonotoneSmileyNeutralMajorTwotoneSmileySadMajorMonotoneSmileySadMajorTwotoneSocialAdMajorTwotoneSocialPostMajorMonotoneSocialPostMajorTwotoneSoftPackMajorTwotoneSortAscendingMajorMonotoneSortAscendingMajorTwotoneSortDescendingMajorMonotoneSortDescendingMajorTwotoneSoundMajorMonotoneSoundMajorTwotoneStoreMajorMonotoneStoreMajorTwotoneStoreStatusMajorMonotoneStoreStatusMajorTwotoneTabletMajorMonotoneTabletMajorTwotoneTapChipMajorMonotoneTapChipMajorTwotoneTaxMajorMonotoneTaxMajorTwotoneTeamMajorMonotoneTeamMajorTwotoneTextBlockMajorMonotoneTextMajorMonotoneTextMajorTwotoneThemeEditMajorMonotoneThemeEditMajorTwotoneThemesMajorTwotoneThemeStoreMajorTwotoneThumbsDownMajorMonotoneThumbsDownMajorTwotoneThumbsUpMajorTwotoneTimelineAttachmentMajorMonotoneTimelineAttachmentMajorTwotoneTipsMajorMonotoneTipsMajorTwotoneToolsMajorMonotoneToolsMajorTwotoneTransactionFeeDollarMajorMonotoneTransactionFeeDollarMajorTwotoneTransactionFeeEuroMajorMonotoneTransactionFeeEuroMajorTwotoneTransactionFeePoundMajorMonotoneTransactionFeePoundMajorTwotoneTransactionFeeRupeeMajorMonotoneTransactionFeeRupeeMajorTwotoneTransactionFeeYenMajorMonotoneTransactionFeeYenMajorTwotoneTransactionMajorMonotoneTransactionMajorTwotoneTransferInMajorMonotoneTransferInMajorTwotoneTransferMajorMonotoneTransferMajorTwotoneTransferOutMajorMonotoneTransferOutMajorTwotoneTransferWithinShopifyMajorMonotoneTransferWithinShopifyMajorTwotoneTransportMajorMonotoneTransportMajorTwotoneTroubleshootMajorMonotoneTroubleshootMajorTwotoneTypeMajorTwotoneUndoMajorTwotoneUnfulfilledMajorMonotoneUnfulfilledMajorTwotoneUnknownDeviceMajorMonotoneUnknownDeviceMajorTwotoneUpdateInventoryMajorMonotoneUpdateInventoryMajorTwotoneVariantMajorMonotoneVariantMajorTwotoneViewMajorTwotoneViewportNarrowMajorMonotoneViewportNarrowMajorTwotoneViewportWideMajorTwotoneVocabularyMajorTwotoneWandMajorMonotoneWandMajorTwotoneWearableMajorMonotoneWearableMajorTwotoneWholesaleMajorMonotoneWifiMajorMonotoneWifiMajorTwotoneAppExtensionMinorArchiveMinorCapturePaymentMinorCircleMinusMinorCircleMinusOutlineMinorCircleTickOutlineMinorClipboardMinorConnectMinorDragHandleMinorDropdownMinorExternalSmallMinorGiftCardMinorGlobeMinorImageAltMinorInfoMinorInstallMinorInviteMinorLanguageMinorLockMinorMarkFulfilledMinorMarkPaidMinorMaximizeMinorMinimizeMinorNotesMinorOrderStatusMinorPaginationEndMinorPaginationStartMinorPauseMinorPinMinorPlayMinorPriceLookupMinorPromoteMinorQuestionMarkMinorReadTimeMinorRefundMinorReplayMinorReportMinorResetMinorReturnMinorSettingsMinorShareIosMinorShareMinorSortMinorThumbsDownMinorThumbsUpMinorTickMinor
3.2.0 - 2019-03-14
Added 5 new icons from Shopify/online-store-web:
CirclePlusMajorMonotoneRedoMajorMonotoneThemeStoreMajorMonotoneThemesMajorMonotoneUndoMajorMonotone
v3.1.0 - 2019-03-11
New icons
These icons were transferred from Shopify/web’s app/icons directory:
AnalyticsMajorTwotoneAppsMajorMonotoneAppsMajorTwotoneCalendarMajorTwotoneCartMajorTwotoneCashDollarMajorMonotoneCircleTickMajorMonotoneClockMinorCurrencyConvertMinorCustomersMajorTwotoneDiscountsMajorTwotoneDomainsMajorMonotoneEditMinorGiftCardMajorTwotoneHeaderMajorTwotoneHintMajorMonotoneHomeMajorTwotoneImageAltMajorMonotoneLinkMinorLocationsMinorMarketingMajorMonotoneNavigationMajorTwotonePackageMajorTwotonePaymentsMajorTwotoneProfileMajorTwotoneShipmentMajorMonotoneSocialAdMajorMonotoneSoftPackMajorMonotoneVocabularyMajorMonotoneWholesaleMajorTwotone
v3.0.0 - 2019-03-06
Breaking Changes
- Export icons as React Components built using SVGR instead of a bespoke object format.
- Export names are now PascalCase instead of camelCase to denote that they are React Components. For example:
addMinoris nowAddMinor - Major icon exports are now suffixed with their “style” - either “Monotone” to “Twotone”. For example:
ordersMajoris nowordersMajorTwotone. - Several icons have been renamed so that their export name matches their name in Abstract to ensure we have a common language between designers and developers. See #203, #215, #195, #182, #183 and #184.
Enhancements
- Added several new icons from the online-store-web project.
v2.0.0 - 2019-02-06
Breaking Changes
- Export icons individually in order to enable tree shaking.
- Icon exports are now suffixed with their type (
MajororMinor). This allows for a future where the same concept has both a major and minor icon. It also avoids inconsistencies to work around cases where icons names clashed with JS reserved keywords (e.g. delete, import and export). - Removed the
ellipsisicon as has been deprecated in favor of thehorizontalDotsicon. The icons are visually identical so this is a straight replacement.
v1.0.0 - 2019-01-18
Initial Release
Published by github-actions[bot] over 2 years ago
Changelog
All notable changes to this project will be documented in this file.
The format is based on these versioning and changelog guidelines.
v0.2.0 - 2022-05-16
- Removed
var()autocomplete and added--p-prefix to completion item label (#5764) - Added token documentation to completion items (#5789)
v0.1.0 - 2022-04-12
- Initial release
Published by alex-page over 2 years ago
Enhancements
- Replaced hardcoded
paddingormarginvalues with spacing tokens (#5528) - Added
border-width-4andborder-width-5tokens and replaced hardcoded values (#5528) - Replaced any hardcoded
outline-widthwithborder-width(#5528) - Added the ability to disable specific dates in the
DatePicker, to go along with date ranges (#5356) - Added breakpoint CSS custom properties and SCSS media conditions (#5558)
- Replaced
768pxbreakpoint mixins and variables with custom media conditions (#5629) - Added
customListIdprop toListbox(5627) - Pass
domIdas an argument toonActiveOptionChangeprop onListbox(5627) - Adding min-height to
Popover.Panewhen thePopovercontains aheightprop (#5685) - Adjusted a hardcoded
paddingvalue forFileUploadand replaced it with a spacing token (#5675) - Added
disableprop to the action groups title of the Page header (#5702) - Added
onClickprop to the action groups title of the Page header (#5751)
Bug fixes
- Used prop-provided
selectablevalue inIndexTable(#5661) - Fixed passing inline styles to the root element of the
CustomPropertiescomponent (#5661) - Replaced incorrect usage of
aria-expandedonCollapsiblewitharia-hidden(#5661) - Removed usage of deprecated and removed in v18 React types (#5704)
- Fixed
plain-button-backdropbackground color on colored backgrounds (#5687) - Fixed scrolling bug in DataTable sticky header (#5700)
Documentation
- Added wrapper with height on
Comboboxexample for autocomplete with loading (#5624)
Dependency upgrades
- Removed
lodash(#5544) - Uses more permissive dependency for
@types/reactand@types/react-dom(#5575)
Code quality
- Replaced
skeleton-contentandthumbnail-sizemixins with css values (#5630)
