polaris_view_components 0.13.5 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (621) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +0 -2
  3. data/app/assets/icons/polaris/AbandonedCartMajor.svg +1 -1
  4. data/app/assets/icons/polaris/AccessibilityMajor.svg +1 -1
  5. data/app/assets/icons/polaris/ActivitiesMajor.svg +1 -1
  6. data/app/assets/icons/polaris/AddCodeMajor.svg +1 -1
  7. data/app/assets/icons/polaris/AddImageMajor.svg +1 -1
  8. data/app/assets/icons/polaris/AddMajor.svg +1 -1
  9. data/app/assets/icons/polaris/AddNoteMajor.svg +1 -1
  10. data/app/assets/icons/polaris/AddProductMajor.svg +1 -1
  11. data/app/assets/icons/polaris/AdjustMinor.svg +1 -0
  12. data/app/assets/icons/polaris/AffiliateMajor.svg +1 -1
  13. data/app/assets/icons/polaris/AlertMinor.svg +1 -1
  14. data/app/assets/icons/polaris/AnalyticsBarHorizontalMinor.svg +1 -0
  15. data/app/assets/icons/polaris/AnalyticsBarStackedMinor.svg +1 -0
  16. data/app/assets/icons/polaris/AnalyticsCohortMinor.svg +1 -0
  17. data/app/assets/icons/polaris/AnalyticsDonutMinor.svg +1 -0
  18. data/app/assets/icons/polaris/AnalyticsFunnelMinor.svg +1 -0
  19. data/app/assets/icons/polaris/AnalyticsLineMinor.svg +1 -0
  20. data/app/assets/icons/polaris/AnalyticsMajor.svg +1 -1
  21. data/app/assets/icons/polaris/AnalyticsMinor.svg +1 -1
  22. data/app/assets/icons/polaris/AnalyticsTableMinor.svg +1 -0
  23. data/app/assets/icons/polaris/AnyClickModelMinor.svg +1 -0
  24. data/app/assets/icons/polaris/AppExtensionMinor.svg +1 -1
  25. data/app/assets/icons/polaris/AppsMajor.svg +1 -1
  26. data/app/assets/icons/polaris/AppsMinor.svg +1 -1
  27. data/app/assets/icons/polaris/ArchiveMajor.svg +1 -1
  28. data/app/assets/icons/polaris/ArchiveMinor.svg +1 -1
  29. data/app/assets/icons/polaris/ArrowDownMinor.svg +1 -1
  30. data/app/assets/icons/polaris/ArrowLeftMinor.svg +1 -1
  31. data/app/assets/icons/polaris/ArrowRightMinor.svg +1 -1
  32. data/app/assets/icons/polaris/ArrowUpMinor.svg +1 -1
  33. data/app/assets/icons/polaris/AttachmentMajor.svg +1 -1
  34. data/app/assets/icons/polaris/AutomationMajor.svg +1 -1
  35. data/app/assets/icons/polaris/BackspaceMajor.svg +1 -1
  36. data/app/assets/icons/polaris/BalanceMajor.svg +1 -1
  37. data/app/assets/icons/polaris/BankMajor.svg +1 -1
  38. data/app/assets/icons/polaris/BarcodeMajor.svg +1 -1
  39. data/app/assets/icons/polaris/BehaviorMajor.svg +1 -1
  40. data/app/assets/icons/polaris/BehaviorMinor.svg +1 -0
  41. data/app/assets/icons/polaris/BillingStatementDollarMajor.svg +1 -1
  42. data/app/assets/icons/polaris/BillingStatementEuroMajor.svg +1 -1
  43. data/app/assets/icons/polaris/BillingStatementPoundMajor.svg +1 -1
  44. data/app/assets/icons/polaris/BillingStatementRupeeMajor.svg +1 -1
  45. data/app/assets/icons/polaris/BillingStatementYenMajor.svg +1 -1
  46. data/app/assets/icons/polaris/BlockMinor.svg +1 -1
  47. data/app/assets/icons/polaris/BlockquoteMajor.svg +1 -1
  48. data/app/assets/icons/polaris/BlogMajor.svg +1 -1
  49. data/app/assets/icons/polaris/BugMajor.svg +1 -1
  50. data/app/assets/icons/polaris/ButtonCornerPillMajor.svg +1 -1
  51. data/app/assets/icons/polaris/ButtonCornerRoundedMajor.svg +1 -1
  52. data/app/assets/icons/polaris/ButtonCornerSquareMajor.svg +1 -1
  53. data/app/assets/icons/polaris/ButtonMinor.svg +1 -1
  54. data/app/assets/icons/polaris/BuyButtonButtonLayoutMajor.svg +1 -1
  55. data/app/assets/icons/polaris/BuyButtonHorizontalLayoutMajor.svg +1 -1
  56. data/app/assets/icons/polaris/BuyButtonMajor.svg +1 -1
  57. data/app/assets/icons/polaris/BuyButtonVerticalLayoutMajor.svg +1 -1
  58. data/app/assets/icons/polaris/CalendarMajor.svg +1 -1
  59. data/app/assets/icons/polaris/CalendarMinor.svg +1 -1
  60. data/app/assets/icons/polaris/CalendarTickMajor.svg +1 -1
  61. data/app/assets/icons/polaris/CalendarTimeMinor.svg +1 -0
  62. data/app/assets/icons/polaris/CameraMajor.svg +1 -1
  63. data/app/assets/icons/polaris/CancelMajor.svg +1 -0
  64. data/app/assets/icons/polaris/CancelMinor.svg +1 -0
  65. data/app/assets/icons/polaris/CancelSmallMinor.svg +1 -1
  66. data/app/assets/icons/polaris/CapitalMajor.svg +1 -1
  67. data/app/assets/icons/polaris/CapturePaymentMinor.svg +1 -1
  68. data/app/assets/icons/polaris/CardReaderChipMajor.svg +1 -1
  69. data/app/assets/icons/polaris/CardReaderMajor.svg +1 -1
  70. data/app/assets/icons/polaris/CardReaderTapMajor.svg +1 -1
  71. data/app/assets/icons/polaris/CaretDownMinor.svg +1 -1
  72. data/app/assets/icons/polaris/CaretUpMinor.svg +1 -1
  73. data/app/assets/icons/polaris/CartDownMajor.svg +1 -1
  74. data/app/assets/icons/polaris/CartMajor.svg +1 -1
  75. data/app/assets/icons/polaris/CartUpMajor.svg +1 -1
  76. data/app/assets/icons/polaris/CashDollarMajor.svg +1 -1
  77. data/app/assets/icons/polaris/CashDollarMinor.svg +1 -0
  78. data/app/assets/icons/polaris/CashEuroMajor.svg +1 -1
  79. data/app/assets/icons/polaris/CashPoundMajor.svg +1 -1
  80. data/app/assets/icons/polaris/CashRupeeMajor.svg +1 -1
  81. data/app/assets/icons/polaris/CashYenMajor.svg +1 -1
  82. data/app/assets/icons/polaris/CategoriesMajor.svg +1 -1
  83. data/app/assets/icons/polaris/ChannelsMajor.svg +1 -1
  84. data/app/assets/icons/polaris/ChatMajor.svg +1 -1
  85. data/app/assets/icons/polaris/ChecklistAlternateMajor.svg +1 -1
  86. data/app/assets/icons/polaris/ChecklistMajor.svg +1 -1
  87. data/app/assets/icons/polaris/CheckoutMajor.svg +1 -1
  88. data/app/assets/icons/polaris/ChevronDownMinor.svg +1 -1
  89. data/app/assets/icons/polaris/ChevronLeftMinor.svg +1 -1
  90. data/app/assets/icons/polaris/ChevronRightMinor.svg +1 -1
  91. data/app/assets/icons/polaris/ChevronUpMinor.svg +1 -1
  92. data/app/assets/icons/polaris/CircleAlertMajor.svg +1 -1
  93. data/app/assets/icons/polaris/CircleCancelMajor.svg +1 -1
  94. data/app/assets/icons/polaris/CircleCancelMinor.svg +1 -1
  95. data/app/assets/icons/polaris/CircleChevronDownMinor.svg +1 -1
  96. data/app/assets/icons/polaris/CircleChevronLeftMinor.svg +1 -1
  97. data/app/assets/icons/polaris/CircleChevronRightMinor.svg +1 -1
  98. data/app/assets/icons/polaris/CircleChevronUpMinor.svg +1 -1
  99. data/app/assets/icons/polaris/CircleDisableMinor.svg +1 -1
  100. data/app/assets/icons/polaris/CircleDisabledMajor.svg +1 -1
  101. data/app/assets/icons/polaris/CircleDotsMajor.svg +1 -1
  102. data/app/assets/icons/polaris/CircleDownMajor.svg +1 -1
  103. data/app/assets/icons/polaris/CircleInformationMajor.svg +1 -1
  104. data/app/assets/icons/polaris/CircleLeftMajor.svg +1 -1
  105. data/app/assets/icons/polaris/CircleMinusMajor.svg +1 -1
  106. data/app/assets/icons/polaris/CircleMinusMinor.svg +1 -1
  107. data/app/assets/icons/polaris/CircleMinusOutlineMinor.svg +1 -1
  108. data/app/assets/icons/polaris/CirclePlusMajor.svg +1 -1
  109. data/app/assets/icons/polaris/CirclePlusMinor.svg +1 -1
  110. data/app/assets/icons/polaris/CirclePlusOutlineMinor.svg +1 -1
  111. data/app/assets/icons/polaris/CircleRightMajor.svg +1 -1
  112. data/app/assets/icons/polaris/CircleTickMajor.svg +1 -1
  113. data/app/assets/icons/polaris/CircleTickMinor.svg +1 -1
  114. data/app/assets/icons/polaris/CircleTickOutlineMinor.svg +1 -1
  115. data/app/assets/icons/polaris/CircleUpMajor.svg +1 -1
  116. data/app/assets/icons/polaris/ClipboardMinor.svg +1 -1
  117. data/app/assets/icons/polaris/ClockMajor.svg +1 -1
  118. data/app/assets/icons/polaris/ClockMinor.svg +1 -1
  119. data/app/assets/icons/polaris/CodeMajor.svg +1 -1
  120. data/app/assets/icons/polaris/CodeMinor.svg +1 -0
  121. data/app/assets/icons/polaris/CollectionReferenceMinor.svg +1 -0
  122. data/app/assets/icons/polaris/CollectionsMajor.svg +1 -1
  123. data/app/assets/icons/polaris/ColorNoneMinor.svg +1 -1
  124. data/app/assets/icons/polaris/ColorsMajor.svg +1 -1
  125. data/app/assets/icons/polaris/Column1Major.svg +1 -1
  126. data/app/assets/icons/polaris/ColumnWithTextMajor.svg +1 -1
  127. data/app/assets/icons/polaris/Columns2Major.svg +1 -1
  128. data/app/assets/icons/polaris/Columns3Major.svg +1 -1
  129. data/app/assets/icons/polaris/Columns3Minor.svg +1 -1
  130. data/app/assets/icons/polaris/ComposeMajor.svg +1 -1
  131. data/app/assets/icons/polaris/ConfettiMajor.svg +1 -1
  132. data/app/assets/icons/polaris/ConnectMinor.svg +1 -1
  133. data/app/assets/icons/polaris/ContentMinor.svg +1 -0
  134. data/app/assets/icons/polaris/ConversationMinor.svg +1 -1
  135. data/app/assets/icons/polaris/CreditCardCancelMajor.svg +1 -0
  136. data/app/assets/icons/polaris/CreditCardMajor.svg +1 -1
  137. data/app/assets/icons/polaris/CreditCardPercentMajor.svg +1 -1
  138. data/app/assets/icons/polaris/CreditCardSecureMajor.svg +1 -1
  139. data/app/assets/icons/polaris/CurrencyConvertMinor.svg +1 -1
  140. data/app/assets/icons/polaris/CustomerMinusMajor.svg +1 -1
  141. data/app/assets/icons/polaris/CustomerPlusMajor.svg +1 -1
  142. data/app/assets/icons/polaris/CustomersMajor.svg +1 -1
  143. data/app/assets/icons/polaris/CustomersMinor.svg +1 -1
  144. data/app/assets/icons/polaris/DataDrivenModelMinor.svg +1 -0
  145. data/app/assets/icons/polaris/DataVisualizationMajor.svg +1 -1
  146. data/app/assets/icons/polaris/DecimalMinor.svg +1 -0
  147. data/app/assets/icons/polaris/DeleteMajor.svg +1 -1
  148. data/app/assets/icons/polaris/DeleteMinor.svg +1 -1
  149. data/app/assets/icons/polaris/DesktopMajor.svg +1 -1
  150. data/app/assets/icons/polaris/DetailedPopUpMajor.svg +1 -1
  151. data/app/assets/icons/polaris/DiamondAlertMajor.svg +1 -1
  152. data/app/assets/icons/polaris/DiamondAlertMinor.svg +1 -0
  153. data/app/assets/icons/polaris/DigitalMediaReceiverMajor.svg +1 -1
  154. data/app/assets/icons/polaris/DiscountAutomaticMajor.svg +1 -1
  155. data/app/assets/icons/polaris/DiscountCodeMajor.svg +1 -1
  156. data/app/assets/icons/polaris/DiscountsMajor.svg +1 -1
  157. data/app/assets/icons/polaris/DiscountsMinor.svg +1 -1
  158. data/app/assets/icons/polaris/DisputeMinor.svg +1 -1
  159. data/app/assets/icons/polaris/DnsSettingsMajor.svg +1 -1
  160. data/app/assets/icons/polaris/DockFloatingMajor.svg +1 -0
  161. data/app/assets/icons/polaris/DockSideMajor.svg +1 -0
  162. data/app/assets/icons/polaris/DomainNewMajor.svg +1 -1
  163. data/app/assets/icons/polaris/DomainRedirectMinor.svg +1 -0
  164. data/app/assets/icons/polaris/DomainsMajor.svg +1 -1
  165. data/app/assets/icons/polaris/DraftOrdersMajor.svg +1 -1
  166. data/app/assets/icons/polaris/DragDropMajor.svg +1 -1
  167. data/app/assets/icons/polaris/DragHandleMinor.svg +1 -1
  168. data/app/assets/icons/polaris/DropdownMinor.svg +1 -1
  169. data/app/assets/icons/polaris/DuplicateMinor.svg +1 -1
  170. data/app/assets/icons/polaris/DynamicSourceMajor.svg +1 -0
  171. data/app/assets/icons/polaris/DynamicSourceMinor.svg +1 -0
  172. data/app/assets/icons/polaris/EditMajor.svg +1 -1
  173. data/app/assets/icons/polaris/EditMinor.svg +1 -1
  174. data/app/assets/icons/polaris/EmailMajor.svg +1 -1
  175. data/app/assets/icons/polaris/EmailNewsletterMajor.svg +1 -1
  176. data/app/assets/icons/polaris/EmbedMinor.svg +1 -1
  177. data/app/assets/icons/polaris/EnableSelectionMinor.svg +1 -1
  178. data/app/assets/icons/polaris/EnterMajor.svg +1 -0
  179. data/app/assets/icons/polaris/EnvelopeMajor.svg +1 -1
  180. data/app/assets/icons/polaris/ExchangeMajor.svg +1 -1
  181. data/app/assets/icons/polaris/ExistingInventoryMajor.svg +1 -1
  182. data/app/assets/icons/polaris/ExitMajor.svg +1 -1
  183. data/app/assets/icons/polaris/ExploreImagesMajor.svg +1 -0
  184. data/app/assets/icons/polaris/ExportMinor.svg +1 -1
  185. data/app/assets/icons/polaris/ExtendMajor.svg +1 -0
  186. data/app/assets/icons/polaris/ExtendMinor.svg +1 -0
  187. data/app/assets/icons/polaris/ExternalMinor.svg +1 -1
  188. data/app/assets/icons/polaris/ExternalSmallMinor.svg +1 -1
  189. data/app/assets/icons/polaris/EyeDropperMinor.svg +1 -0
  190. data/app/assets/icons/polaris/FaviconMajor.svg +1 -1
  191. data/app/assets/icons/polaris/FavoriteMajor.svg +1 -1
  192. data/app/assets/icons/polaris/FeaturedCollectionMajor.svg +1 -1
  193. data/app/assets/icons/polaris/FeaturedContentMajor.svg +1 -1
  194. data/app/assets/icons/polaris/FileMinor.svg +1 -0
  195. data/app/assets/icons/polaris/FilterMajor.svg +1 -1
  196. data/app/assets/icons/polaris/FilterMinor.svg +1 -0
  197. data/app/assets/icons/polaris/FinancesMajor.svg +1 -1
  198. data/app/assets/icons/polaris/FinancesMinor.svg +1 -1
  199. data/app/assets/icons/polaris/FirstClickModelMinor.svg +1 -0
  200. data/app/assets/icons/polaris/FirstOrderMajor.svg +1 -1
  201. data/app/assets/icons/polaris/FirstVisitMajor.svg +1 -1
  202. data/app/assets/icons/polaris/FlagMajor.svg +1 -1
  203. data/app/assets/icons/polaris/FlipCameraMajor.svg +1 -1
  204. data/app/assets/icons/polaris/FolderDownMajor.svg +1 -1
  205. data/app/assets/icons/polaris/FolderMajor.svg +1 -1
  206. data/app/assets/icons/polaris/FolderMinusMajor.svg +1 -1
  207. data/app/assets/icons/polaris/FolderPlusMajor.svg +1 -1
  208. data/app/assets/icons/polaris/FolderUpMajor.svg +1 -1
  209. data/app/assets/icons/polaris/FollowUpEmailMajor.svg +1 -1
  210. data/app/assets/icons/polaris/FoodMajor.svg +1 -1
  211. data/app/assets/icons/polaris/FooterMajor.svg +1 -1
  212. data/app/assets/icons/polaris/FormsMajor.svg +1 -1
  213. data/app/assets/icons/polaris/FraudProtectMajor.svg +1 -1
  214. data/app/assets/icons/polaris/FraudProtectMinor.svg +1 -1
  215. data/app/assets/icons/polaris/FraudProtectPendingMajor.svg +1 -1
  216. data/app/assets/icons/polaris/FraudProtectPendingMinor.svg +1 -1
  217. data/app/assets/icons/polaris/FraudProtectUnprotectedMajor.svg +1 -1
  218. data/app/assets/icons/polaris/FraudProtectUnprotectedMinor.svg +1 -1
  219. data/app/assets/icons/polaris/FulfillmentFulfilledMajor.svg +1 -0
  220. data/app/assets/icons/polaris/FulfillmentOnHoldMajor.svg +1 -0
  221. data/app/assets/icons/polaris/GamesConsoleMajor.svg +1 -1
  222. data/app/assets/icons/polaris/GiftCardMajor.svg +1 -1
  223. data/app/assets/icons/polaris/GiftCardMinor.svg +1 -1
  224. data/app/assets/icons/polaris/GlobeMajor.svg +1 -1
  225. data/app/assets/icons/polaris/GlobeMinor.svg +1 -1
  226. data/app/assets/icons/polaris/GrammarMajor.svg +1 -1
  227. data/app/assets/icons/polaris/HashtagMajor.svg +1 -1
  228. data/app/assets/icons/polaris/HashtagMinor.svg +1 -0
  229. data/app/assets/icons/polaris/HeaderMajor.svg +1 -1
  230. data/app/assets/icons/polaris/HeartMajor.svg +1 -1
  231. data/app/assets/icons/polaris/HideKeyboardMajor.svg +1 -1
  232. data/app/assets/icons/polaris/HideMinor.svg +1 -1
  233. data/app/assets/icons/polaris/HintMajor.svg +1 -1
  234. data/app/assets/icons/polaris/HomeMajor.svg +1 -1
  235. data/app/assets/icons/polaris/HomeMinor.svg +1 -1
  236. data/app/assets/icons/polaris/HorizontalDotsMinor.svg +1 -1
  237. data/app/assets/icons/polaris/IconsMajor.svg +1 -1
  238. data/app/assets/icons/polaris/IdentityCardMajor.svg +1 -0
  239. data/app/assets/icons/polaris/IllustrationMajor.svg +1 -1
  240. data/app/assets/icons/polaris/ImageAltMajor.svg +1 -1
  241. data/app/assets/icons/polaris/ImageAltMinor.svg +1 -1
  242. data/app/assets/icons/polaris/ImageMajor.svg +1 -1
  243. data/app/assets/icons/polaris/ImageWithTextMajor.svg +1 -1
  244. data/app/assets/icons/polaris/ImageWithTextOverlayMajor.svg +1 -1
  245. data/app/assets/icons/polaris/ImagesMajor.svg +1 -1
  246. data/app/assets/icons/polaris/ImportMinor.svg +1 -1
  247. data/app/assets/icons/polaris/ImportStoreMajor.svg +1 -1
  248. data/app/assets/icons/polaris/InactiveLocationMajor.svg +1 -0
  249. data/app/assets/icons/polaris/InactiveLocationMinor.svg +1 -0
  250. data/app/assets/icons/polaris/IncomingMajor.svg +1 -1
  251. data/app/assets/icons/polaris/InsertDynamicSourceMajor.svg +1 -0
  252. data/app/assets/icons/polaris/InsertDynamicSourceMinor.svg +1 -0
  253. data/app/assets/icons/polaris/InstallMinor.svg +1 -1
  254. data/app/assets/icons/polaris/InventoryMajor.svg +1 -1
  255. data/app/assets/icons/polaris/InviteMinor.svg +1 -1
  256. data/app/assets/icons/polaris/IqMajor.svg +1 -1
  257. data/app/assets/icons/polaris/JobsMajor.svg +1 -1
  258. data/app/assets/icons/polaris/KeyMajor.svg +1 -1
  259. data/app/assets/icons/polaris/KeyboardMajor.svg +1 -0
  260. data/app/assets/icons/polaris/KeyboardMinor.svg +1 -0
  261. data/app/assets/icons/polaris/LabelPrinterMajor.svg +1 -1
  262. data/app/assets/icons/polaris/LandingPageMajor.svg +1 -1
  263. data/app/assets/icons/polaris/LanguageMinor.svg +1 -1
  264. data/app/assets/icons/polaris/LastClickModelMinor.svg +1 -0
  265. data/app/assets/icons/polaris/LastNonDirectClickModelMinor.svg +1 -0
  266. data/app/assets/icons/polaris/LegalMajor.svg +1 -1
  267. data/app/assets/icons/polaris/LinearModelMinor.svg +1 -0
  268. data/app/assets/icons/polaris/LinkMinor.svg +1 -1
  269. data/app/assets/icons/polaris/ListMajor.svg +1 -1
  270. data/app/assets/icons/polaris/ListMinor.svg +1 -0
  271. data/app/assets/icons/polaris/LiveViewMajor.svg +1 -1
  272. data/app/assets/icons/polaris/LocationMajor.svg +1 -1
  273. data/app/assets/icons/polaris/LocationsMinor.svg +1 -1
  274. data/app/assets/icons/polaris/LockMajor.svg +1 -1
  275. data/app/assets/icons/polaris/LockMinor.svg +1 -1
  276. data/app/assets/icons/polaris/LogOutMinor.svg +1 -1
  277. data/app/assets/icons/polaris/LogoBlockMajor.svg +1 -1
  278. data/app/assets/icons/polaris/MagicMajor.svg +1 -0
  279. data/app/assets/icons/polaris/MagicMinor.svg +1 -0
  280. data/app/assets/icons/polaris/ManagedStoreMajor.svg +1 -1
  281. data/app/assets/icons/polaris/MarkFulfilledMinor.svg +1 -1
  282. data/app/assets/icons/polaris/MarkPaidMinor.svg +1 -1
  283. data/app/assets/icons/polaris/MarketingMajor.svg +1 -1
  284. data/app/assets/icons/polaris/MarketingMinor.svg +1 -1
  285. data/app/assets/icons/polaris/MarketsMajor.svg +1 -0
  286. data/app/assets/icons/polaris/MaximizeMajor.svg +1 -1
  287. data/app/assets/icons/polaris/MaximizeMinor.svg +1 -1
  288. data/app/assets/icons/polaris/MeasurementMinor.svg +1 -0
  289. data/app/assets/icons/polaris/MentionMajor.svg +1 -1
  290. data/app/assets/icons/polaris/MergeMinor.svg +1 -0
  291. data/app/assets/icons/polaris/MetafieldsMajor.svg +1 -0
  292. data/app/assets/icons/polaris/MetafieldsMinor.svg +1 -0
  293. data/app/assets/icons/polaris/MetaobjectMinor.svg +1 -0
  294. data/app/assets/icons/polaris/MetaobjectReferenceMinor.svg +1 -0
  295. data/app/assets/icons/polaris/MicrophoneMajor.svg +1 -1
  296. data/app/assets/icons/polaris/MinimizeMajor.svg +1 -1
  297. data/app/assets/icons/polaris/MinimizeMinor.svg +1 -1
  298. data/app/assets/icons/polaris/MinusMajor.svg +1 -0
  299. data/app/assets/icons/polaris/MinusMinor.svg +1 -1
  300. data/app/assets/icons/polaris/MobileAcceptMajor.svg +1 -1
  301. data/app/assets/icons/polaris/MobileBackArrowMajor.svg +1 -1
  302. data/app/assets/icons/polaris/MobileCancelMajor.svg +1 -1
  303. data/app/assets/icons/polaris/MobileChevronMajor.svg +1 -1
  304. data/app/assets/icons/polaris/MobileHamburgerMajor.svg +1 -1
  305. data/app/assets/icons/polaris/MobileHorizontalDotsMajor.svg +1 -1
  306. data/app/assets/icons/polaris/MobileMajor.svg +1 -1
  307. data/app/assets/icons/polaris/MobilePlusMajor.svg +1 -1
  308. data/app/assets/icons/polaris/MonerisMajor.svg +1 -1
  309. data/app/assets/icons/polaris/MoneyMinor.svg +1 -0
  310. data/app/assets/icons/polaris/NavigationMajor.svg +1 -1
  311. data/app/assets/icons/polaris/NoteMajor.svg +1 -1
  312. data/app/assets/icons/polaris/NoteMinor.svg +1 -1
  313. data/app/assets/icons/polaris/NotificationMajor.svg +1 -1
  314. data/app/assets/icons/polaris/OnlineStoreMajor.svg +1 -1
  315. data/app/assets/icons/polaris/OnlineStoreMinor.svg +1 -1
  316. data/app/assets/icons/polaris/OrderStatusMinor.svg +1 -1
  317. data/app/assets/icons/polaris/OrdersMajor.svg +1 -1
  318. data/app/assets/icons/polaris/OrdersMinor.svg +1 -1
  319. data/app/assets/icons/polaris/OrganizationMajor.svg +1 -0
  320. data/app/assets/icons/polaris/OutgoingMajor.svg +1 -1
  321. data/app/assets/icons/polaris/PackageMajor.svg +1 -1
  322. data/app/assets/icons/polaris/PageDownMajor.svg +1 -1
  323. data/app/assets/icons/polaris/PageMajor.svg +1 -1
  324. data/app/assets/icons/polaris/PageMinusMajor.svg +1 -1
  325. data/app/assets/icons/polaris/PagePlusMajor.svg +1 -1
  326. data/app/assets/icons/polaris/PageReferenceMinor.svg +1 -0
  327. data/app/assets/icons/polaris/PageUpMajor.svg +1 -1
  328. data/app/assets/icons/polaris/PaginationEndMinor.svg +1 -1
  329. data/app/assets/icons/polaris/PaginationStartMinor.svg +1 -1
  330. data/app/assets/icons/polaris/PaintBrushMajor.svg +1 -1
  331. data/app/assets/icons/polaris/PaperCheckMajor.svg +1 -0
  332. data/app/assets/icons/polaris/PaperCheckMinor.svg +1 -0
  333. data/app/assets/icons/polaris/PasskeyMajor.svg +1 -0
  334. data/app/assets/icons/polaris/PasskeyMinor.svg +1 -0
  335. data/app/assets/icons/polaris/PauseCircleMajor.svg +1 -1
  336. data/app/assets/icons/polaris/PauseMajor.svg +1 -1
  337. data/app/assets/icons/polaris/PauseMinor.svg +1 -1
  338. data/app/assets/icons/polaris/PaymentsMajor.svg +1 -1
  339. data/app/assets/icons/polaris/PersonalizedTextMajor.svg +1 -0
  340. data/app/assets/icons/polaris/PhoneInMajor.svg +1 -1
  341. data/app/assets/icons/polaris/PhoneMajor.svg +1 -1
  342. data/app/assets/icons/polaris/PhoneOutMajor.svg +1 -1
  343. data/app/assets/icons/polaris/PinMajor.svg +1 -1
  344. data/app/assets/icons/polaris/PinMinor.svg +1 -1
  345. data/app/assets/icons/polaris/PinUnfilledMajor.svg +1 -0
  346. data/app/assets/icons/polaris/PinUnfilledMinor.svg +1 -0
  347. data/app/assets/icons/polaris/PlanMajor.svg +1 -0
  348. data/app/assets/icons/polaris/PlanMinor.svg +1 -0
  349. data/app/assets/icons/polaris/PlayCircleMajor.svg +1 -1
  350. data/app/assets/icons/polaris/PlayMajor.svg +1 -1
  351. data/app/assets/icons/polaris/PlayMinor.svg +1 -1
  352. data/app/assets/icons/polaris/PlusMinor.svg +1 -1
  353. data/app/assets/icons/polaris/PointOfSaleMajor.svg +1 -1
  354. data/app/assets/icons/polaris/PopularMajor.svg +1 -1
  355. data/app/assets/icons/polaris/PositionBasedModelMinor.svg +1 -0
  356. data/app/assets/icons/polaris/PriceLookupMinor.svg +1 -1
  357. data/app/assets/icons/polaris/PrintMajor.svg +1 -1
  358. data/app/assets/icons/polaris/PrintMinor.svg +1 -1
  359. data/app/assets/icons/polaris/ProductCostMajor.svg +1 -0
  360. data/app/assets/icons/polaris/ProductReferenceMinor.svg +1 -0
  361. data/app/assets/icons/polaris/ProductReturnsMinor.svg +1 -1
  362. data/app/assets/icons/polaris/ProductsMajor.svg +1 -1
  363. data/app/assets/icons/polaris/ProductsMinor.svg +1 -1
  364. data/app/assets/icons/polaris/ProfileMajor.svg +1 -1
  365. data/app/assets/icons/polaris/PromoteMinor.svg +1 -1
  366. data/app/assets/icons/polaris/QuestionMarkInverseMajor.svg +1 -1
  367. data/app/assets/icons/polaris/QuestionMarkInverseMinor.svg +1 -1
  368. data/app/assets/icons/polaris/QuestionMarkMajor.svg +1 -1
  369. data/app/assets/icons/polaris/QuestionMarkMinor.svg +1 -1
  370. data/app/assets/icons/polaris/QuickSaleMajor.svg +1 -1
  371. data/app/assets/icons/polaris/ReadTimeMinor.svg +1 -1
  372. data/app/assets/icons/polaris/ReceiptMajor.svg +1 -1
  373. data/app/assets/icons/polaris/RecentSearchesMajor.svg +1 -1
  374. data/app/assets/icons/polaris/RedoMajor.svg +1 -1
  375. data/app/assets/icons/polaris/ReferralCodeMajor.svg +1 -1
  376. data/app/assets/icons/polaris/ReferralMajor.svg +1 -1
  377. data/app/assets/icons/polaris/RefreshMajor.svg +1 -1
  378. data/app/assets/icons/polaris/RefreshMinor.svg +1 -1
  379. data/app/assets/icons/polaris/RefundMajor.svg +1 -1
  380. data/app/assets/icons/polaris/RefundMinor.svg +1 -1
  381. data/app/assets/icons/polaris/RemoveProductMajor.svg +1 -1
  382. data/app/assets/icons/polaris/RepeatOrderMajor.svg +1 -1
  383. data/app/assets/icons/polaris/ReplaceMajor.svg +1 -1
  384. data/app/assets/icons/polaris/ReplayMinor.svg +1 -1
  385. data/app/assets/icons/polaris/ReportMinor.svg +1 -1
  386. data/app/assets/icons/polaris/ReportsMajor.svg +1 -1
  387. data/app/assets/icons/polaris/ResetMinor.svg +1 -1
  388. data/app/assets/icons/polaris/ResourcesMajor.svg +1 -1
  389. data/app/assets/icons/polaris/ReturnMinor.svg +1 -1
  390. data/app/assets/icons/polaris/ReturnsMajor.svg +1 -0
  391. data/app/assets/icons/polaris/RichTextMinor.svg +1 -0
  392. data/app/assets/icons/polaris/RiskMajor.svg +1 -1
  393. data/app/assets/icons/polaris/RiskMinor.svg +1 -1
  394. data/app/assets/icons/polaris/Rows2Major.svg +1 -0
  395. data/app/assets/icons/polaris/SandboxMajor.svg +1 -1
  396. data/app/assets/icons/polaris/SaveMinor.svg +1 -1
  397. data/app/assets/icons/polaris/SearchMajor.svg +1 -1
  398. data/app/assets/icons/polaris/SearchMinor.svg +1 -1
  399. data/app/assets/icons/polaris/SectionMajor.svg +1 -1
  400. data/app/assets/icons/polaris/SecureMajor.svg +1 -1
  401. data/app/assets/icons/polaris/SelectMinor.svg +1 -1
  402. data/app/assets/icons/polaris/SendMajor.svg +1 -1
  403. data/app/assets/icons/polaris/SettingsMajor.svg +1 -1
  404. data/app/assets/icons/polaris/SettingsMinor.svg +1 -1
  405. data/app/assets/icons/polaris/ShareIosMinor.svg +1 -1
  406. data/app/assets/icons/polaris/ShareMinor.svg +1 -1
  407. data/app/assets/icons/polaris/ShipmentMajor.svg +1 -1
  408. data/app/assets/icons/polaris/ShopcodesMajor.svg +1 -1
  409. data/app/assets/icons/polaris/SidebarLeftMajor.svg +1 -1
  410. data/app/assets/icons/polaris/SidebarRightMajor.svg +1 -1
  411. data/app/assets/icons/polaris/SimplifyMajor.svg +1 -0
  412. data/app/assets/icons/polaris/SimplifyMinor.svg +1 -0
  413. data/app/assets/icons/polaris/SlideshowMajor.svg +1 -1
  414. data/app/assets/icons/polaris/SmileyHappyMajor.svg +1 -1
  415. data/app/assets/icons/polaris/SmileyJoyMajor.svg +1 -1
  416. data/app/assets/icons/polaris/SmileyNeutralMajor.svg +1 -1
  417. data/app/assets/icons/polaris/SmileySadMajor.svg +1 -1
  418. data/app/assets/icons/polaris/SocialAdMajor.svg +1 -1
  419. data/app/assets/icons/polaris/SocialPostMajor.svg +1 -1
  420. data/app/assets/icons/polaris/SoftPackMajor.svg +1 -1
  421. data/app/assets/icons/polaris/SortAscendingMajor.svg +1 -1
  422. data/app/assets/icons/polaris/SortDescendingMajor.svg +1 -1
  423. data/app/assets/icons/polaris/SortMinor.svg +1 -1
  424. data/app/assets/icons/polaris/SoundMajor.svg +1 -1
  425. data/app/assets/icons/polaris/StarFilledMinor.svg +1 -1
  426. data/app/assets/icons/polaris/StarOutlineMinor.svg +1 -1
  427. data/app/assets/icons/polaris/StatusActiveMajor.svg +1 -0
  428. data/app/assets/icons/polaris/StoreMajor.svg +1 -1
  429. data/app/assets/icons/polaris/StoreMinor.svg +1 -1
  430. data/app/assets/icons/polaris/StoreStatusMajor.svg +1 -1
  431. data/app/assets/icons/polaris/TabletMajor.svg +1 -1
  432. data/app/assets/icons/polaris/TapChipMajor.svg +1 -1
  433. data/app/assets/icons/polaris/TaxMajor.svg +1 -1
  434. data/app/assets/icons/polaris/TeamMajor.svg +1 -1
  435. data/app/assets/icons/polaris/TemplateMajor.svg +1 -1
  436. data/app/assets/icons/polaris/TemplateMinor.svg +1 -0
  437. data/app/assets/icons/polaris/TextAlignmentCenterMajor.svg +1 -1
  438. data/app/assets/icons/polaris/TextAlignmentLeftMajor.svg +1 -1
  439. data/app/assets/icons/polaris/TextAlignmentRightMajor.svg +1 -1
  440. data/app/assets/icons/polaris/TextBlockMajor.svg +1 -1
  441. data/app/assets/icons/polaris/TextMajor.svg +1 -1
  442. data/app/assets/icons/polaris/ThemeEditMajor.svg +1 -1
  443. data/app/assets/icons/polaris/ThemeStoreMajor.svg +1 -1
  444. data/app/assets/icons/polaris/ThemesMajor.svg +1 -1
  445. data/app/assets/icons/polaris/ThumbsDownMajor.svg +1 -1
  446. data/app/assets/icons/polaris/ThumbsDownMinor.svg +1 -1
  447. data/app/assets/icons/polaris/ThumbsUpMajor.svg +1 -1
  448. data/app/assets/icons/polaris/ThumbsUpMinor.svg +1 -1
  449. data/app/assets/icons/polaris/TickSmallMinor.svg +1 -1
  450. data/app/assets/icons/polaris/TimeDecayModelMinor.svg +1 -0
  451. data/app/assets/icons/polaris/TimelineAttachmentMajor.svg +1 -1
  452. data/app/assets/icons/polaris/TipsMajor.svg +1 -1
  453. data/app/assets/icons/polaris/TitleMinor.svg +1 -1
  454. data/app/assets/icons/polaris/ToggleMinor.svg +1 -0
  455. data/app/assets/icons/polaris/ToolsMajor.svg +1 -1
  456. data/app/assets/icons/polaris/TransactionFeeDollarMajor.svg +1 -1
  457. data/app/assets/icons/polaris/TransactionFeeEuroMajor.svg +1 -1
  458. data/app/assets/icons/polaris/TransactionFeePoundMajor.svg +1 -1
  459. data/app/assets/icons/polaris/TransactionFeeRupeeMajor.svg +1 -1
  460. data/app/assets/icons/polaris/TransactionFeeYenMajor.svg +1 -1
  461. data/app/assets/icons/polaris/TransactionMajor.svg +1 -1
  462. data/app/assets/icons/polaris/TransferInMajor.svg +1 -1
  463. data/app/assets/icons/polaris/TransferMajor.svg +1 -1
  464. data/app/assets/icons/polaris/TransferOutMajor.svg +1 -1
  465. data/app/assets/icons/polaris/TransferWithinShopifyMajor.svg +1 -1
  466. data/app/assets/icons/polaris/TransportMajor.svg +1 -1
  467. data/app/assets/icons/polaris/TroubleshootMajor.svg +1 -1
  468. data/app/assets/icons/polaris/TypeMajor.svg +1 -1
  469. data/app/assets/icons/polaris/TypeMinor.svg +1 -0
  470. data/app/assets/icons/polaris/UndoMajor.svg +1 -1
  471. data/app/assets/icons/polaris/UnfulfilledMajor.svg +1 -1
  472. data/app/assets/icons/polaris/UnknownDeviceMajor.svg +1 -1
  473. data/app/assets/icons/polaris/UpdateInventoryMajor.svg +1 -1
  474. data/app/assets/icons/polaris/UploadMajor.svg +1 -1
  475. data/app/assets/icons/polaris/VariantMajor.svg +1 -1
  476. data/app/assets/icons/polaris/ViewMajor.svg +1 -1
  477. data/app/assets/icons/polaris/ViewMinor.svg +1 -1
  478. data/app/assets/icons/polaris/ViewportNarrowMajor.svg +1 -1
  479. data/app/assets/icons/polaris/ViewportShortMajor.svg +1 -0
  480. data/app/assets/icons/polaris/ViewportTallMajor.svg +1 -0
  481. data/app/assets/icons/polaris/ViewportWideMajor.svg +1 -1
  482. data/app/assets/icons/polaris/VocabularyMajor.svg +1 -1
  483. data/app/assets/icons/polaris/VolumeMinor.svg +1 -0
  484. data/app/assets/icons/polaris/WandMajor.svg +1 -1
  485. data/app/assets/icons/polaris/WandMinor.svg +1 -1
  486. data/app/assets/icons/polaris/WearableMajor.svg +1 -1
  487. data/app/assets/icons/polaris/WeightMinor.svg +1 -0
  488. data/app/assets/icons/polaris/WholesaleMajor.svg +1 -1
  489. data/app/assets/icons/polaris/WifiMajor.svg +1 -1
  490. data/app/assets/javascripts/polaris_view_components/autocomplete_controller.js +2 -1
  491. data/app/assets/javascripts/polaris_view_components/data_table_controller.js +33 -0
  492. data/app/assets/javascripts/polaris_view_components/index.js +2 -0
  493. data/app/assets/javascripts/polaris_view_components/toast_controller.js +1 -1
  494. data/app/assets/javascripts/polaris_view_components.js +34 -6
  495. data/app/assets/stylesheets/polaris_view_components/{custom.css → custom.pcss} +67 -11
  496. data/app/assets/stylesheets/polaris_view_components/{shopify_navigation.css → shopify_navigation.pcss} +22 -26
  497. data/app/assets/stylesheets/polaris_view_components.css +2133 -1708
  498. data/app/assets/stylesheets/polaris_view_components.pcss +4 -0
  499. data/app/components/polaris/action_list/item_component.html.erb +9 -11
  500. data/app/components/polaris/action_list/section_component.html.erb +30 -6
  501. data/app/components/polaris/action_list/section_component.rb +7 -12
  502. data/app/components/polaris/action_list_component.html.erb +12 -8
  503. data/app/components/polaris/action_list_component.rb +5 -1
  504. data/app/components/polaris/autocomplete_component.html.erb +1 -1
  505. data/app/components/polaris/autocomplete_component.rb +7 -4
  506. data/app/components/polaris/avatar_component.html.erb +1 -1
  507. data/app/components/polaris/avatar_component.rb +44 -12
  508. data/app/components/polaris/badge_component.html.erb +12 -4
  509. data/app/components/polaris/badge_component.rb +26 -0
  510. data/app/components/polaris/banner_component.html.erb +30 -24
  511. data/app/components/polaris/banner_component.rb +4 -2
  512. data/app/components/polaris/bleed_component.rb +73 -0
  513. data/app/components/polaris/box_component.rb +187 -0
  514. data/app/components/polaris/button_group_component.rb +3 -1
  515. data/app/components/polaris/callout_card_component.html.erb +3 -3
  516. data/app/components/polaris/callout_card_component.rb +2 -2
  517. data/app/components/polaris/caption_component.rb +1 -6
  518. data/app/components/polaris/card/header_component.html.erb +4 -4
  519. data/app/components/polaris/card/header_component.rb +1 -1
  520. data/app/components/polaris/card/section_component.html.erb +6 -6
  521. data/app/components/polaris/card/section_component.rb +7 -7
  522. data/app/components/polaris/card_component.html.erb +4 -4
  523. data/app/components/polaris/card_component.rb +4 -4
  524. data/app/components/polaris/choice_component.html.erb +3 -1
  525. data/app/components/polaris/choice_list_component.html.erb +17 -8
  526. data/app/components/polaris/choice_list_component.rb +2 -6
  527. data/app/components/polaris/component.rb +1 -0
  528. data/app/components/polaris/data_table/cell_component.rb +2 -0
  529. data/app/components/polaris/data_table_component.html.erb +66 -64
  530. data/app/components/polaris/data_table_component.rb +15 -0
  531. data/app/components/polaris/description_list_component.rb +3 -1
  532. data/app/components/polaris/display_text_component.rb +7 -11
  533. data/app/components/polaris/divider_component.rb +35 -0
  534. data/app/components/polaris/dropzone_component.html.erb +9 -9
  535. data/app/components/polaris/empty_state_component.html.erb +41 -36
  536. data/app/components/polaris/empty_state_component.rb +5 -13
  537. data/app/components/polaris/filters_component.rb +2 -2
  538. data/app/components/polaris/footer_help_component.html.erb +3 -9
  539. data/app/components/polaris/footer_help_component.rb +1 -0
  540. data/app/components/polaris/frame/save_bar_component.html.erb +9 -4
  541. data/app/components/polaris/heading_component.rb +2 -6
  542. data/app/components/polaris/horizontal_grid_component.rb +82 -0
  543. data/app/components/polaris/horizontal_stack_component.rb +64 -0
  544. data/app/components/polaris/inline_code_component.rb +16 -0
  545. data/app/components/polaris/inline_component.rb +44 -0
  546. data/app/components/polaris/inline_error_component.html.erb +1 -1
  547. data/app/components/polaris/labelled_component.html.erb +3 -1
  548. data/app/components/polaris/labelled_component.rb +1 -1
  549. data/app/components/polaris/layout/annotated_section.html.erb +3 -2
  550. data/app/components/polaris/layout/annotated_section.rb +1 -0
  551. data/app/components/polaris/layout_component.html.erb +1 -1
  552. data/app/components/polaris/layout_component.rb +2 -0
  553. data/app/components/polaris/link_component.rb +1 -14
  554. data/app/components/polaris/list_component.rb +10 -1
  555. data/app/components/polaris/modal/section_component.rb +5 -1
  556. data/app/components/polaris/modal_component.html.erb +50 -30
  557. data/app/components/polaris/modal_component.rb +0 -4
  558. data/app/components/polaris/navigation/item_component.html.erb +21 -13
  559. data/app/components/polaris/navigation/item_component.rb +8 -6
  560. data/app/components/polaris/navigation/section_component.html.erb +2 -2
  561. data/app/components/polaris/option_list/section_component.html.erb +26 -10
  562. data/app/components/polaris/option_list/section_component.rb +2 -4
  563. data/app/components/polaris/option_list_component.html.erb +5 -2
  564. data/app/components/polaris/option_list_component.rb +9 -9
  565. data/app/components/polaris/page_actions_component.html.erb +4 -4
  566. data/app/components/polaris/page_actions_component.rb +1 -21
  567. data/app/components/polaris/page_component.html.erb +91 -88
  568. data/app/components/polaris/page_component.rb +24 -10
  569. data/app/components/polaris/pagination_component.html.erb +5 -5
  570. data/app/components/polaris/placeholder_component.rb +37 -0
  571. data/app/components/polaris/popover/pane_component.html.erb +1 -1
  572. data/app/components/polaris/popover/pane_component.rb +22 -5
  573. data/app/components/polaris/popover/section_component.rb +5 -1
  574. data/app/components/polaris/popover_component.html.erb +20 -13
  575. data/app/components/polaris/popover_component.rb +5 -1
  576. data/app/components/polaris/progress_bar_component.html.erb +2 -5
  577. data/app/components/polaris/progress_bar_component.rb +13 -0
  578. data/app/components/polaris/resource_item/shortcut_actions_component.html.erb +3 -3
  579. data/app/components/polaris/resource_item_component.html.erb +42 -19
  580. data/app/components/polaris/resource_item_component.rb +8 -25
  581. data/app/components/polaris/select_component.html.erb +5 -3
  582. data/app/components/polaris/skeleton_body_text_component.html.erb +2 -4
  583. data/app/components/polaris/skeleton_body_text_component.rb +1 -7
  584. data/app/components/polaris/skeleton_page_component.html.erb +58 -20
  585. data/app/components/polaris/skeleton_page_component.rb +21 -6
  586. data/app/components/polaris/spinner_component.html.erb +12 -6
  587. data/app/components/polaris/spinner_component.rb +26 -0
  588. data/app/components/polaris/stack/item_component.rb +2 -2
  589. data/app/components/polaris/stack_component.rb +20 -20
  590. data/app/components/polaris/subheading_component.rb +2 -6
  591. data/app/components/polaris/tabs/tab_component.html.erb +2 -2
  592. data/app/components/polaris/tabs/tab_component.rb +2 -2
  593. data/app/components/polaris/tabs_component.html.erb +7 -1
  594. data/app/components/polaris/tabs_component.rb +3 -3
  595. data/app/components/polaris/text_component.html.erb +3 -0
  596. data/app/components/polaris/text_component.rb +132 -0
  597. data/app/components/polaris/text_field_component.rb +4 -0
  598. data/app/components/polaris/text_style_component.rb +25 -21
  599. data/app/components/polaris/thumbnail_component.html.erb +1 -1
  600. data/app/components/polaris/thumbnail_component.rb +24 -9
  601. data/app/components/polaris/toast_component.html.erb +1 -1
  602. data/app/components/polaris/tokens/border.rb +9 -0
  603. data/app/components/polaris/tokens/color.rb +132 -0
  604. data/app/components/polaris/tokens/shadow.rb +18 -0
  605. data/app/components/polaris/tokens/spacing.rb +27 -0
  606. data/app/components/polaris/tokens.rb +4 -0
  607. data/app/components/polaris/top_bar/user_menu_component.html.erb +20 -5
  608. data/app/components/polaris/vertical_stack_component.rb +70 -0
  609. data/app/components/polaris/visually_hidden_component.rb +1 -1
  610. data/app/helpers/polaris/fetch_or_fallback_helper.rb +13 -1
  611. data/app/helpers/polaris/form_builder.rb +1 -1
  612. data/app/helpers/polaris/styles_list_helper.rb +22 -0
  613. data/app/helpers/polaris/view_helper.rb +15 -4
  614. data/lib/install/install.rb +6 -1
  615. data/lib/polaris/view_components/codemods/v3_slot_setters.rb +222 -0
  616. data/lib/polaris/view_components/engine.rb +0 -3
  617. data/lib/polaris/view_components/version.rb +1 -1
  618. data/lib/tasks/polaris_view_components_tasks.rake +14 -0
  619. metadata +117 -11
  620. data/app/assets/stylesheets/polaris_view_components.postcss.css +0 -4
  621. /data/app/assets/stylesheets/polaris_view_components/{spacer_component.css → spacer_component.pcss} +0 -0
@@ -0,0 +1,4 @@
1
+ @import "@shopify/polaris/build/esm/styles.css";
2
+ @import "./polaris_view_components/shopify_navigation.pcss";
3
+ @import "./polaris_view_components/spacer_component.pcss";
4
+ @import "./polaris_view_components/custom.pcss";
@@ -1,6 +1,6 @@
1
1
  <li>
2
2
  <%= render Polaris::BaseComponent.new(**system_arguments) do %>
3
- <div class="Polaris-ActionList__Content">
3
+ <%= polaris_horizontal_stack(block_align: :center, gap: "4") do %>
4
4
  <% if @icon.present? %>
5
5
  <span class="Polaris-ActionList__Prefix">
6
6
  <%= polaris_icon(name: @icon) %>
@@ -14,22 +14,20 @@
14
14
 
15
15
  <span class="Polaris-ActionList__Text">
16
16
  <% if @help_text.present? %>
17
- <span class="Polaris-ActionList__ContentBlock">
18
- <span class="Polaris-ActionList__ContentBlockInner">
19
- <%= content %>
20
- </span>
21
- <%= polaris_text_subdued { @help_text } %>
22
- </span>
17
+ <%= polaris_box { content } %>
18
+ <%= polaris_text(as: :span, color: :subdued) { @help_text } %>
23
19
  <% else %>
24
20
  <%= content %>
25
21
  <% end %>
26
22
  </span>
27
23
 
28
24
  <% if suffix.present? %>
29
- <span class="Polaris-ActionList__Suffix">
30
- <%= suffix %>
31
- </span>
25
+ <%= polaris_box do %>
26
+ <span class="Polaris-ActionList__Suffix">
27
+ <%= suffix %>
28
+ </span>
29
+ <% end %>
32
30
  <% end %>
33
- </div>
31
+ <% end %>
34
32
  <% end %>
35
33
  </li>
@@ -1,10 +1,21 @@
1
- <%= render Polaris::BaseComponent.new(**system_arguments) do %>
1
+ <% section_markup = capture do %>
2
2
  <% if @title.present? %>
3
- <p class="<%= title_classes %>">
4
- <%= @title %>
5
- </p>
3
+ <%= polaris_box(
4
+ padding_block_start: "4",
5
+ padding_inline_start: "4",
6
+ padding_block_end: "2",
7
+ padding_inline_end: "4"
8
+ ) do %>
9
+ <%= polaris_text(as: :p, variant: :headingXs) do %>
10
+ <%= @title %>
11
+ <% end %>
12
+ <% end %>
6
13
  <% end %>
7
- <ul class="Polaris-ActionList__Actions">
14
+ <%= polaris_box(
15
+ as: :ul,
16
+ padding: "2",
17
+ padding_block_start: @title.present? ? "0" : (@multiple_sections ? "0" : "2"),
18
+ ) do %>
8
19
  <% if items.present? %>
9
20
  <% items.each do |item| %>
10
21
  <%= item %>
@@ -12,5 +23,18 @@
12
23
  <% else %>
13
24
  <%= content %>
14
25
  <% end %>
15
- </ul>
26
+ <% end %>
27
+ <% end %>
28
+
29
+ <% if @multiple_sections %>
30
+ <%= polaris_box(
31
+ as: :li,
32
+ border_color: "border-subdued",
33
+ border_block_start_width: (@position != 1) ? "1" : nil,
34
+ padding_block_start: @title.blank? ? "2" : nil
35
+ ) do %>
36
+ <%= section_markup %>
37
+ <% end %>
38
+ <% else%>
39
+ <%= section_markup %>
16
40
  <% end %>
@@ -1,8 +1,14 @@
1
1
  class Polaris::ActionList::SectionComponent < Polaris::Component
2
2
  renders_many :items, Polaris::ActionList::ItemComponent
3
3
 
4
- def initialize(position: 1, title: nil, **system_arguments)
4
+ def initialize(
5
+ position: 1,
6
+ multiple_sections: false,
7
+ title: nil,
8
+ **system_arguments
9
+ )
5
10
  @position = position
11
+ @multiple_sections = multiple_sections
6
12
  @title = title
7
13
  @system_arguments = system_arguments
8
14
  end
@@ -10,17 +16,6 @@ class Polaris::ActionList::SectionComponent < Polaris::Component
10
16
  def system_arguments
11
17
  @system_arguments.tap do |opts|
12
18
  opts[:tag] = "div"
13
- opts[:classes] = class_names(
14
- @system_arguments[:classes],
15
- "Polaris-ActionList__Section--withoutTitle": @title.blank?
16
- )
17
19
  end
18
20
  end
19
-
20
- def title_classes
21
- class_names(
22
- "Polaris-ActionList__Title",
23
- "Polaris-ActionList--firstSectionWithTitle": @position == 1
24
- )
25
- end
26
21
  end
@@ -1,12 +1,16 @@
1
1
  <%= render Polaris::BaseComponent.new(**system_arguments) do %>
2
- <% if sections.present? %>
3
- <% sections.each do |section| %>
4
- <%= section %>
5
- <% end %>
6
- <% else %>
7
- <%= render Polaris::ActionList::SectionComponent.new do %>
8
- <% items.each do |item| %>
9
- <%= item %>
2
+ <%= polaris_box(as: sections.present? ? :ul : :div) do %>
3
+ <% if sections.present? %>
4
+ <% sections.each do |section| %>
5
+ <%= section %>
6
+ <% end %>
7
+ <% else %>
8
+ <%= render Polaris::ActionList::SectionComponent.new(
9
+ multiple_sections: false
10
+ ) do %>
11
+ <% items.each do |item| %>
12
+ <%= item %>
13
+ <% end %>
10
14
  <% end %>
11
15
  <% end %>
12
16
  <% end %>
@@ -4,7 +4,11 @@ module Polaris
4
4
  renders_many :sections, ->(**system_arguments) do
5
5
  @counter += 1
6
6
 
7
- Polaris::ActionList::SectionComponent.new(position: @counter, **system_arguments)
7
+ Polaris::ActionList::SectionComponent.new(
8
+ position: @counter,
9
+ multiple_sections: true,
10
+ **system_arguments
11
+ )
8
12
  end
9
13
 
10
14
  def initialize(**system_arguments)
@@ -1,6 +1,6 @@
1
1
  <%= render(Polaris::BaseComponent.new(**system_arguments)) do %>
2
2
  <%= render(Polaris::PopoverComponent.new(**popover_arguments)) do |popover| %>
3
- <% popover.activator do %>
3
+ <% popover.with_activator do %>
4
4
  <%= text_field %>
5
5
  <% if @name.present? %>
6
6
  <%= hidden_field_tag @name, nil, data: {polaris_autocomplete_target: "hiddenInput"} %>
@@ -26,12 +26,14 @@ module Polaris
26
26
  url: nil,
27
27
  name: nil,
28
28
  selected: [],
29
+ popover_arguments: {},
29
30
  **system_arguments
30
31
  )
31
32
  @multiple = multiple
32
33
  @url = url
33
34
  @name = name
34
35
  @selected = selected
36
+ @popover_arguments = popover_arguments
35
37
  @system_arguments = system_arguments
36
38
  end
37
39
 
@@ -53,10 +55,11 @@ module Polaris
53
55
  alignment: :left,
54
56
  full_width: true,
55
57
  inline: false,
56
- wrapper_arguments: {
57
- data: {polaris_autocomplete_target: "popover"}
58
- }
59
- }
58
+ wrapper_arguments: {}
59
+ }.deep_merge(@popover_arguments).tap do |opts|
60
+ opts[:wrapper_arguments][:data] ||= {}
61
+ prepend_option(opts[:wrapper_arguments][:data], :polaris_autocomplete_target, "popover")
62
+ end
60
63
  end
61
64
 
62
65
  def option_list_arguments
@@ -1,4 +1,4 @@
1
- <%= render Polaris::BaseComponent.new(tag: 'span', **@system_arguments) do %>
1
+ <%= render Polaris::BaseComponent.new(**system_arguments) do %>
2
2
  <% if @source %>
3
3
  <%= image_tag @source, class: "Polaris-Avatar__Image", role: "presentation" %>
4
4
  <% else %>
@@ -4,36 +4,68 @@ module Polaris
4
4
  class AvatarComponent < Polaris::Component
5
5
  SIZE_DEFAULT = :medium
6
6
  SIZE_MAPPINGS = {
7
+ extra_small: "Polaris-Avatar--sizeExtraSmall",
7
8
  small: "Polaris-Avatar--sizeSmall",
8
9
  medium: "Polaris-Avatar--sizeMedium",
9
10
  large: "Polaris-Avatar--sizeLarge"
10
11
  }
11
12
  SIZE_OPTIONS = SIZE_MAPPINGS.keys
12
13
 
14
+ SHAPE_DEFAULT = :round
15
+ SHAPE_MAPPINGS = {
16
+ square: "Polaris-Avatar--shapeSquare",
17
+ round: "Polaris-Avatar--shapeRound"
18
+ }
19
+ SHAPE_OPTIONS = SHAPE_MAPPINGS.keys
20
+
21
+ STYLE_CLASSES = %w[styleOne styleTwo styleThree styleFour styleFive]
22
+
13
23
  def initialize(
14
24
  customer: false,
15
25
  initials: nil,
16
26
  name: nil,
17
27
  size: SIZE_DEFAULT,
28
+ shape: SHAPE_DEFAULT,
18
29
  source: nil,
19
30
  **system_arguments
20
31
  )
32
+ @customer = customer
21
33
  @initials = initials
34
+ @name = name
35
+ @size = size
36
+ @shape = shape
22
37
  @source = source
23
-
24
38
  @system_arguments = system_arguments
25
- if name
26
- @system_arguments[:aria] ||= {}
27
- @system_arguments[:aria][:label] ||= name
39
+ end
40
+
41
+ def style_class
42
+ if @name.present?
43
+ STYLE_CLASSES[xor_hash(@name) % STYLE_CLASSES.length]
44
+ else
45
+ STYLE_CLASSES.first
28
46
  end
29
- @system_arguments[:role] = "img"
30
- @system_arguments[:classes] = class_names(
31
- @system_arguments[:classes],
32
- "Polaris-Avatar",
33
- SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, SIZE_DEFAULT)],
34
- "Polaris-Avatar--styleOne" => !customer,
35
- "Polaris-Avatar--hasImage" => source.present?
36
- )
47
+ end
48
+
49
+ def system_arguments
50
+ @system_arguments.tap do |opts|
51
+ opts[:tag] = "span"
52
+ opts[:role] = "img"
53
+ if @name
54
+ opts[:aria] ||= {}
55
+ opts[:aria][:label] ||= @name
56
+ end
57
+ opts[:classes] = class_names(
58
+ opts[:classes],
59
+ "Polaris-Avatar",
60
+ SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, @size, SIZE_DEFAULT)],
61
+ SHAPE_MAPPINGS[fetch_or_fallback(SHAPE_OPTIONS, @shape, SHAPE_DEFAULT)],
62
+ "Polaris-Avatar--#{style_class}" => !@customer && !@source
63
+ )
64
+ end
65
+ end
66
+
67
+ def xor_hash(string)
68
+ string.bytes.reduce(0) { |hash, byte| hash ^ byte }
37
69
  end
38
70
  end
39
71
  end
@@ -1,9 +1,17 @@
1
- <%= render Polaris::BaseComponent.new(tag: 'span', **@system_arguments) do %>
1
+ <%= render Polaris::BaseComponent.new(tag: "span", **@system_arguments) do %>
2
2
  <% if @progress != :default %>
3
- <span class="Polaris-Badge__Pip">
4
- <%= polaris_visually_hidden { @progress.to_s.humanize } %>
3
+ <span class="Polaris-Badge__PipContainer">
4
+ <%= render Polaris::BaseComponent.new(**badge_pip_arguments) do %>
5
+ <%= polaris_visually_hidden { @progress.to_s.humanize } %>
6
+ <% end %>
5
7
  </span>
6
8
  <% end %>
7
9
 
8
- <%= content %>
10
+ <%= polaris_text(
11
+ as: :span,
12
+ variant: :bodySm,
13
+ font_weight: @status == :new ? :medium : nil
14
+ ) do %>
15
+ <%= content %>
16
+ <% end %>
9
17
  <% end %>
@@ -9,6 +9,12 @@ module Polaris
9
9
  :partially_complete => "Polaris-Badge--progressPartiallyComplete",
10
10
  :complete => "Polaris-Badge--progressComplete"
11
11
  }
12
+ PROGRESS_PIP_MAPPINGS = {
13
+ PROGRESS_DEFAULT => "",
14
+ :incomplete => "Polaris-Badge-Pip--progressIncomplete",
15
+ :partially_complete => "Polaris-Badge-Pip--progressPartiallyComplete",
16
+ :complete => "Polaris-Badge-Pip--progressComplete"
17
+ }
12
18
  PROGRESS_OPTIONS = PROGRESS_MAPPINGS.keys
13
19
 
14
20
  SIZE_DEFAULT = :medium
@@ -28,6 +34,15 @@ module Polaris
28
34
  :warning => "Polaris-Badge--statusWarning",
29
35
  :new => "Polaris-Badge--statusNew"
30
36
  }
37
+ STATUS_PIP_MAPPINGS = {
38
+ STATUS_DEFAULT => "",
39
+ :success => "Polaris-Badge-Pip--statusSuccess",
40
+ :info => "Polaris-Badge-Pip--statusInfo",
41
+ :attention => "Polaris-Badge-Pip--statusAttention",
42
+ :critical => "Polaris-Badge-Pip--statusCritical",
43
+ :warning => "Polaris-Badge-Pip--statusWarning",
44
+ :new => "Polaris-Badge-Pip--statusNew"
45
+ }
31
46
  STATUS_OPTIONS = STATUS_MAPPINGS.keys
32
47
 
33
48
  def initialize(
@@ -37,6 +52,7 @@ module Polaris
37
52
  **system_arguments
38
53
  )
39
54
  @progress = progress
55
+ @status = status
40
56
 
41
57
  @system_arguments = system_arguments
42
58
  @system_arguments[:classes] = class_names(
@@ -47,5 +63,15 @@ module Polaris
47
63
  STATUS_MAPPINGS[fetch_or_fallback(STATUS_OPTIONS, status, STATUS_DEFAULT)]
48
64
  )
49
65
  end
66
+
67
+ def badge_pip_arguments
68
+ {tag: "span"}.tap do |args|
69
+ args[:classes] = class_names(
70
+ "Polaris-Badge-Pip",
71
+ PROGRESS_PIP_MAPPINGS[fetch_or_fallback(PROGRESS_OPTIONS, @progress, PROGRESS_DEFAULT)],
72
+ STATUS_PIP_MAPPINGS[fetch_or_fallback(STATUS_OPTIONS, @status, STATUS_DEFAULT)]
73
+ )
74
+ end
75
+ end
50
76
  end
51
77
  end
@@ -4,39 +4,45 @@
4
4
  <%= dismiss_button %>
5
5
  </div>
6
6
  <% end %>
7
- <div class="Polaris-Banner__Ribbon">
8
- <%= render_icon %>
9
- </div>
7
+ <% unless @hide_icon %>
8
+ <%= polaris_box(padding_inline_end: "4") do %>
9
+ <%= render_icon %>
10
+ <% end %>
11
+ <% end %>
10
12
  <div class="Polaris-Banner__ContentWrapper">
11
13
  <% if @title.present? %>
12
- <div class="Polaris-Banner__Heading">
13
- <p class="Polaris-Heading">
14
- <%= @title %>
15
- </p>
16
- </div>
14
+ <%= polaris_text(as: :h2, variant: :headingMd, break_word: true) do %>
15
+ <%= @title %>
16
+ <% end %>
17
17
  <% end %>
18
- <div class="Polaris-Banner__Content">
19
- <%= content %>
18
+ <% if content.present? || action || secondary_action %>
19
+ <%= polaris_box(padding_block_start: "05", padding_block_end: "05") do %>
20
+ <%= content %>
20
21
 
21
- <% if action || secondary_action %>
22
- <div class="Polaris-Banner__Actions">
23
- <%= polaris_button_group do |group| %>
24
- <% if action %>
25
- <% group.item do %>
26
- <div class="Polaris-Banner__PrimaryAction">
27
- <%= action %>
28
- </div>
22
+ <% if action || secondary_action %>
23
+ <%= polaris_box(
24
+ padding_block_start: @within == :container ? "3" : "4",
25
+ padding_block_end: @within == :container ? "1" : nil
26
+ ) do %>
27
+ <%= polaris_button_group do |group| %>
28
+ <% if action %>
29
+ <% group.with_item do %>
30
+ <%= polaris_box(padding_inline_end: "2") do %>
31
+ <%= action %>
32
+ <% end %>
33
+ <% end %>
29
34
  <% end %>
30
- <% end %>
31
35
 
32
- <% if secondary_action %>
33
- <% group.item do %>
34
- <%= secondary_action %>
36
+ <% if secondary_action %>
37
+ <% group.with_item do %>
38
+ <%= secondary_action %>
39
+ <% end %>
35
40
  <% end %>
36
41
  <% end %>
42
+ </div>
37
43
  <% end %>
38
- </div>
44
+ <% end %>
39
45
  <% end %>
40
- </div>
46
+ <% end %>
41
47
  </div>
42
48
  <% end %>
@@ -28,12 +28,12 @@ module Polaris
28
28
  }
29
29
 
30
30
  renders_one :action, ->(**system_arguments) do
31
- Polaris::ButtonComponent.new(classes: "Polaris-Banner__Button", **system_arguments)
31
+ Polaris::ButtonComponent.new(classes: "Polaris-Banner__Button Polaris-Banner__PrimaryAction", **system_arguments)
32
32
  end
33
33
  renders_one :secondary_action, "SecondaryAction"
34
34
  renders_one :dismiss_button, ->(**system_arguments) do
35
35
  render Polaris::ButtonComponent.new(plain: true, **system_arguments) do |button|
36
- button.icon(name: "CancelSmallMinor")
36
+ button.with_icon(name: "CancelSmallMinor")
37
37
  end
38
38
  end
39
39
 
@@ -41,11 +41,13 @@ module Polaris
41
41
  status: STATUS_DEFAULT,
42
42
  within: WITHIN_DEFAULT,
43
43
  icon: nil,
44
+ hide_icon: false,
44
45
  title: nil,
45
46
  **system_arguments
46
47
  )
47
48
  @status = status
48
49
  @icon = icon || default_icon(status)
50
+ @hide_icon = hide_icon
49
51
  @title = title
50
52
 
51
53
  @system_arguments = system_arguments
@@ -0,0 +1,73 @@
1
+ module Polaris
2
+ class BleedComponent < Polaris::Component
3
+ def initialize(
4
+ margin_inline: nil,
5
+ margin_block: nil,
6
+ margin_block_start: nil,
7
+ margin_block_end: nil,
8
+ margin_inline_start: nil,
9
+ margin_inline_end: nil,
10
+ **system_arguments
11
+ )
12
+ @direction_values = {
13
+ margin_inline: margin_inline,
14
+ margin_block: margin_block,
15
+ margin_block_start: margin_block_start,
16
+ margin_block_end: margin_block_end,
17
+ margin_inline_start: margin_inline_start,
18
+ margin_inline_end: margin_inline_end
19
+ }
20
+ @system_arguments = system_arguments.tap do |args|
21
+ args[:tag] = "div"
22
+ args[:classes] = class_names(
23
+ args[:classes],
24
+ "Polaris-Bleed"
25
+ )
26
+ args[:style] = styles_list(
27
+ args[:style],
28
+ **margin_value("margin-block-start", negative_margin(:margin_block_start)),
29
+ **margin_value("margin-block-end", negative_margin(:margin_block_end)),
30
+ **margin_value("margin-inline-start", negative_margin(:margin_inline_start)),
31
+ **margin_value("margin-inline-end", negative_margin(:margin_inline_end))
32
+ )
33
+ end
34
+ end
35
+
36
+ def call
37
+ render(Polaris::BaseComponent.new(**@system_arguments)) { content }
38
+ end
39
+
40
+ private
41
+
42
+ def negative_margin(direction)
43
+ x_axis = %i[margin_inline_start margin_inline_end]
44
+ y_axis = %i[margin_block_start margin_block_end]
45
+
46
+ if @direction_values[direction]
47
+ @direction_values[direction]
48
+ elsif x_axis.include?(direction) && @direction_values[:margin_inline]
49
+ @direction_values[:margin_inline]
50
+ elsif y_axis.include?(direction) && @direction_values[:margin_block]
51
+ @direction_values[:margin_block]
52
+ end
53
+ end
54
+
55
+ def margin_value(property, margin)
56
+ return {} unless margin
57
+
58
+ value = fetch_or_fallback_nested(
59
+ Tokens::Spacing::SCREEN_SIZES,
60
+ Tokens::Spacing::SCALE,
61
+ margin
62
+ )
63
+
64
+ if value.is_a?(Hash)
65
+ value.each_with_object({}) do |(key, value), hash|
66
+ hash["--pc-bleed-#{property}-#{key}"] = "var(--p-space-#{value})"
67
+ end
68
+ else
69
+ {"--pc-bleed-#{property}-xs": "var(--p-space-#{value})"}
70
+ end
71
+ end
72
+ end
73
+ end