polaris_view_components 0.13.6 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (619) 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/data_table_controller.js +33 -0
  491. data/app/assets/javascripts/polaris_view_components/index.js +2 -0
  492. data/app/assets/javascripts/polaris_view_components/toast_controller.js +1 -1
  493. data/app/assets/javascripts/polaris_view_components.js +33 -5
  494. data/app/assets/stylesheets/polaris_view_components/{custom.css → custom.pcss} +67 -11
  495. data/app/assets/stylesheets/polaris_view_components/{shopify_navigation.css → shopify_navigation.pcss} +22 -26
  496. data/app/assets/stylesheets/polaris_view_components.css +2133 -1708
  497. data/app/assets/stylesheets/polaris_view_components.pcss +4 -0
  498. data/app/components/polaris/action_list/item_component.html.erb +9 -11
  499. data/app/components/polaris/action_list/section_component.html.erb +30 -6
  500. data/app/components/polaris/action_list/section_component.rb +7 -12
  501. data/app/components/polaris/action_list_component.html.erb +12 -8
  502. data/app/components/polaris/action_list_component.rb +5 -1
  503. data/app/components/polaris/autocomplete_component.html.erb +1 -1
  504. data/app/components/polaris/avatar_component.html.erb +1 -1
  505. data/app/components/polaris/avatar_component.rb +44 -12
  506. data/app/components/polaris/badge_component.html.erb +12 -4
  507. data/app/components/polaris/badge_component.rb +26 -0
  508. data/app/components/polaris/banner_component.html.erb +30 -24
  509. data/app/components/polaris/banner_component.rb +4 -2
  510. data/app/components/polaris/bleed_component.rb +73 -0
  511. data/app/components/polaris/box_component.rb +187 -0
  512. data/app/components/polaris/button_group_component.rb +3 -1
  513. data/app/components/polaris/callout_card_component.html.erb +3 -3
  514. data/app/components/polaris/callout_card_component.rb +2 -2
  515. data/app/components/polaris/caption_component.rb +1 -6
  516. data/app/components/polaris/card/header_component.html.erb +4 -4
  517. data/app/components/polaris/card/header_component.rb +1 -1
  518. data/app/components/polaris/card/section_component.html.erb +6 -6
  519. data/app/components/polaris/card/section_component.rb +7 -7
  520. data/app/components/polaris/card_component.html.erb +4 -4
  521. data/app/components/polaris/card_component.rb +4 -4
  522. data/app/components/polaris/choice_component.html.erb +3 -1
  523. data/app/components/polaris/choice_list_component.html.erb +17 -8
  524. data/app/components/polaris/choice_list_component.rb +2 -6
  525. data/app/components/polaris/component.rb +1 -0
  526. data/app/components/polaris/data_table/cell_component.rb +2 -0
  527. data/app/components/polaris/data_table_component.html.erb +66 -64
  528. data/app/components/polaris/data_table_component.rb +15 -0
  529. data/app/components/polaris/description_list_component.rb +3 -1
  530. data/app/components/polaris/display_text_component.rb +7 -11
  531. data/app/components/polaris/divider_component.rb +35 -0
  532. data/app/components/polaris/dropzone_component.html.erb +9 -9
  533. data/app/components/polaris/empty_state_component.html.erb +41 -36
  534. data/app/components/polaris/empty_state_component.rb +5 -13
  535. data/app/components/polaris/filters_component.rb +2 -2
  536. data/app/components/polaris/footer_help_component.html.erb +3 -9
  537. data/app/components/polaris/footer_help_component.rb +1 -0
  538. data/app/components/polaris/frame/save_bar_component.html.erb +9 -4
  539. data/app/components/polaris/heading_component.rb +2 -6
  540. data/app/components/polaris/horizontal_grid_component.rb +82 -0
  541. data/app/components/polaris/horizontal_stack_component.rb +64 -0
  542. data/app/components/polaris/inline_code_component.rb +16 -0
  543. data/app/components/polaris/inline_component.rb +44 -0
  544. data/app/components/polaris/inline_error_component.html.erb +1 -1
  545. data/app/components/polaris/labelled_component.html.erb +3 -1
  546. data/app/components/polaris/labelled_component.rb +1 -1
  547. data/app/components/polaris/layout/annotated_section.html.erb +3 -2
  548. data/app/components/polaris/layout/annotated_section.rb +1 -0
  549. data/app/components/polaris/layout_component.html.erb +1 -1
  550. data/app/components/polaris/layout_component.rb +2 -0
  551. data/app/components/polaris/link_component.rb +1 -14
  552. data/app/components/polaris/list_component.rb +10 -1
  553. data/app/components/polaris/modal/section_component.rb +5 -1
  554. data/app/components/polaris/modal_component.html.erb +50 -30
  555. data/app/components/polaris/modal_component.rb +0 -4
  556. data/app/components/polaris/navigation/item_component.html.erb +21 -13
  557. data/app/components/polaris/navigation/item_component.rb +8 -6
  558. data/app/components/polaris/navigation/section_component.html.erb +2 -2
  559. data/app/components/polaris/option_list/section_component.html.erb +26 -10
  560. data/app/components/polaris/option_list/section_component.rb +2 -4
  561. data/app/components/polaris/option_list_component.html.erb +5 -2
  562. data/app/components/polaris/option_list_component.rb +9 -9
  563. data/app/components/polaris/page_actions_component.html.erb +4 -4
  564. data/app/components/polaris/page_actions_component.rb +1 -21
  565. data/app/components/polaris/page_component.html.erb +91 -88
  566. data/app/components/polaris/page_component.rb +24 -10
  567. data/app/components/polaris/pagination_component.html.erb +5 -5
  568. data/app/components/polaris/placeholder_component.rb +37 -0
  569. data/app/components/polaris/popover/pane_component.html.erb +1 -1
  570. data/app/components/polaris/popover/pane_component.rb +22 -5
  571. data/app/components/polaris/popover/section_component.rb +5 -1
  572. data/app/components/polaris/popover_component.html.erb +20 -13
  573. data/app/components/polaris/popover_component.rb +5 -1
  574. data/app/components/polaris/progress_bar_component.html.erb +2 -5
  575. data/app/components/polaris/progress_bar_component.rb +13 -0
  576. data/app/components/polaris/resource_item/shortcut_actions_component.html.erb +3 -3
  577. data/app/components/polaris/resource_item_component.html.erb +42 -19
  578. data/app/components/polaris/resource_item_component.rb +8 -25
  579. data/app/components/polaris/select_component.html.erb +5 -3
  580. data/app/components/polaris/skeleton_body_text_component.html.erb +2 -4
  581. data/app/components/polaris/skeleton_body_text_component.rb +1 -7
  582. data/app/components/polaris/skeleton_page_component.html.erb +58 -20
  583. data/app/components/polaris/skeleton_page_component.rb +21 -6
  584. data/app/components/polaris/spinner_component.html.erb +12 -6
  585. data/app/components/polaris/spinner_component.rb +26 -0
  586. data/app/components/polaris/stack/item_component.rb +2 -2
  587. data/app/components/polaris/stack_component.rb +20 -20
  588. data/app/components/polaris/subheading_component.rb +2 -6
  589. data/app/components/polaris/tabs/tab_component.html.erb +2 -2
  590. data/app/components/polaris/tabs/tab_component.rb +2 -2
  591. data/app/components/polaris/tabs_component.html.erb +7 -1
  592. data/app/components/polaris/tabs_component.rb +3 -3
  593. data/app/components/polaris/text_component.html.erb +3 -0
  594. data/app/components/polaris/text_component.rb +132 -0
  595. data/app/components/polaris/text_field_component.rb +4 -0
  596. data/app/components/polaris/text_style_component.rb +25 -21
  597. data/app/components/polaris/thumbnail_component.html.erb +1 -1
  598. data/app/components/polaris/thumbnail_component.rb +24 -9
  599. data/app/components/polaris/toast_component.html.erb +1 -1
  600. data/app/components/polaris/tokens/border.rb +9 -0
  601. data/app/components/polaris/tokens/color.rb +132 -0
  602. data/app/components/polaris/tokens/shadow.rb +18 -0
  603. data/app/components/polaris/tokens/spacing.rb +27 -0
  604. data/app/components/polaris/tokens.rb +4 -0
  605. data/app/components/polaris/top_bar/user_menu_component.html.erb +20 -5
  606. data/app/components/polaris/vertical_stack_component.rb +70 -0
  607. data/app/components/polaris/visually_hidden_component.rb +1 -1
  608. data/app/helpers/polaris/fetch_or_fallback_helper.rb +13 -1
  609. data/app/helpers/polaris/form_builder.rb +1 -1
  610. data/app/helpers/polaris/styles_list_helper.rb +22 -0
  611. data/app/helpers/polaris/view_helper.rb +15 -4
  612. data/lib/install/install.rb +6 -1
  613. data/lib/polaris/view_components/codemods/v3_slot_setters.rb +222 -0
  614. data/lib/polaris/view_components/engine.rb +0 -3
  615. data/lib/polaris/view_components/version.rb +1 -1
  616. data/lib/tasks/polaris_view_components_tasks.rake +14 -0
  617. metadata +117 -11
  618. data/app/assets/stylesheets/polaris_view_components.postcss.css +0 -4
  619. /data/app/assets/stylesheets/polaris_view_components/{spacer_component.css → spacer_component.pcss} +0 -0
@@ -1,39 +1,42 @@
1
1
  <%= render Polaris::BaseComponent.new(**system_arguments) do %>
2
2
  <% if render_header? %>
3
- <%= render Polaris::BaseComponent.new(**header_arguments) do %>
4
- <div class="Polaris-Page-Header__Row">
5
- <% if @back_url.present? %>
6
- <div class="Polaris-Page-Header__BreadcrumbWrapper">
7
- <nav role="navigation">
8
- <a class="Polaris-Breadcrumbs__Breadcrumb" href="<%= @back_url %>" data-polaris-unstyled="true">
9
- <span class="Polaris-Breadcrumbs__ContentWrapper">
10
- <span class="Polaris-Breadcrumbs__Icon">
11
- <%= polaris_icon(name: "ArrowLeftMinor") %>
12
- </span>
13
- </span>
14
- </a>
15
- </nav>
16
- </div>
17
- <% end %>
3
+ <%= polaris_box(
4
+ position: :relative,
5
+ padding_block_start: {xs: "4", md: "5"},
6
+ padding_block_end: {xs: "4", md: "5"},
7
+ padding_inline_start: {xs: "4", sm: "0"},
8
+ padding_inline_end: {xs: "4", sm: "0"}
9
+ ) do %>
10
+ <%= render Polaris::BaseComponent.new(**header_arguments) do %>
11
+ <div class="Polaris-Page-Header__Row">
12
+ <% if @back_url.present? %>
13
+ <div class="Polaris-Page-Header__BreadcrumbWrapper">
14
+ <%= polaris_box(max_width: "100%", padding_inline_end: "4", print_hidden: true) do %>
15
+ <nav role="navigation">
16
+ <a class="Polaris-Breadcrumbs__Breadcrumb" href="<%= @back_url %>" data-polaris-unstyled="true">
17
+ <span class="Polaris-Breadcrumbs__ContentWrapper">
18
+ <span class="Polaris-Breadcrumbs__Icon">
19
+ <%= polaris_icon(name: "ArrowLeftMinor") %>
20
+ </span>
21
+ </span>
22
+ </a>
23
+ </nav>
24
+ <% end %>
25
+ </div>
26
+ <% end %>
18
27
 
19
- <div class="Polaris-Page-Header__TitleWrapper">
20
- <%= tag.div(class: ["Polaris-Header-Title--hasThumbnail": thumbnail.present?]) do %>
21
- <% if thumbnail.present? %>
22
- <div>
23
- <%= thumbnail %>
24
- </div>
25
- <% end %>
28
+ <div class="Polaris-Page-Header__TitleWrapper">
26
29
  <div class="Polaris-Header-Title__TitleAndSubtitleWrapper">
27
30
  <% if @title.present? %>
28
31
  <% if title_metadata.present? %>
29
32
  <div class="Polaris-Header-Title__TitleWithMetadataWrapper">
30
- <h1 class="Polaris-Header-Title"><%= @title %></h1>
33
+ <%= render Polaris::BaseComponent.new(**title_arguments).with_content(@title) %>
31
34
  <div class="Polaris-Header-Title__TitleMetadata">
32
35
  <%= title_metadata %>
33
36
  </div>
34
37
  </div>
35
38
  <% else %>
36
- <h1 class="Polaris-Header-Title"><%= @title %></h1>
39
+ <%= render Polaris::BaseComponent.new(**title_arguments).with_content(@title) %>
37
40
  <% end %>
38
41
  <% end %>
39
42
 
@@ -43,88 +46,88 @@
43
46
  <% end %>
44
47
  <% end %>
45
48
  </div>
46
- <% end %>
47
- </div>
49
+ </div>
48
50
 
49
- <% if @secondary_actions.any? || action_group.present? || render_primary_action? || has_pagination? %>
50
- <div class="Polaris-Page-Header__RightAlign">
51
- <div class="Polaris-Page-Header__Actions">
52
- <% if @secondary_actions.any? || action_group.present? %>
53
- <div class="Polaris-ActionMenu Polaris-ActionMenu--mobile">
54
- <div class="Polaris-ActionMenu-RollupActions__RollupActivator">
55
- <%= polaris_popover(position: :below, alignment: :right) do |popover| %>
56
- <% popover.button do |button| %>
57
- <% button.icon(name: "HorizontalDotsMinor") %>
58
- <% end %>
59
- <%= polaris_action_list(style: "text-align: left;") do |action_list| %>
60
- <% if @secondary_actions.any? %>
61
- <% action_list.section do |section| %>
62
- <% @secondary_actions.each do |action| %>
63
- <% section.item(**action) { action[:content] } %>
51
+ <% if @secondary_actions.any? || action_group.present? || render_primary_action? || has_pagination? %>
52
+ <div class="Polaris-Page-Header__RightAlign">
53
+ <div class="Polaris-Page-Header__Actions">
54
+ <% if @secondary_actions.any? || action_group.present? %>
55
+ <div class="Polaris-ActionMenu Polaris-ActionMenu--mobile">
56
+ <div class="Polaris-ActionMenu-RollupActions__RollupActivator">
57
+ <%= polaris_popover(position: :below, alignment: :right) do |popover| %>
58
+ <% popover.with_button do |button| %>
59
+ <% button.with_icon(name: "HorizontalDotsMinor") %>
60
+ <% end %>
61
+ <%= polaris_action_list(style: "text-align: left;") do |action_list| %>
62
+ <% if @secondary_actions.any? %>
63
+ <% action_list.with_section do |section| %>
64
+ <% @secondary_actions.each do |action| %>
65
+ <% section.with_item(**action) { action[:content] } %>
66
+ <% end %>
64
67
  <% end %>
65
68
  <% end %>
66
- <% end %>
67
69
 
68
- <% if action_group.present? %>
69
- <% action_list.section(title: action_group.title) do |section| %>
70
- <% action_group.actions.each do |action| %>
71
- <% section.item(**action) { action[:content] } %>
70
+ <% if action_group.present? %>
71
+ <% action_list.with_section(title: action_group.title) do |section| %>
72
+ <% action_group.actions.each do |action| %>
73
+ <% section.with_item(**action) { action[:content] } %>
74
+ <% end %>
72
75
  <% end %>
73
76
  <% end %>
74
77
  <% end %>
75
78
  <% end %>
76
- <% end %>
79
+ </div>
77
80
  </div>
78
- </div>
79
- <div class="Polaris-ActionMenu Polaris-ActionMenu--desktop">
80
- <div class="Polaris-ActionMenu-Actions__ActionsLayout">
81
- <%= polaris_button_group(spacing: :extra_tight) do |group| %>
82
- <% @secondary_actions.each do |action| %>
83
- <% group.item do %>
84
- <% destructive = action.delete(:destructive) %>
85
- <% tag.span(class: ["Polaris-ActionMenu-SecondaryAction", "Polaris-ActionMenu-SecondaryAction--destructive": destructive]) do %>
86
- <%= polaris_button(**action) { action[:content] } %>
81
+ <div class="Polaris-ActionMenu Polaris-ActionMenu--desktop">
82
+ <div class="Polaris-ActionMenu-Actions__ActionsLayout">
83
+ <%= polaris_button_group(spacing: :extra_tight) do |group| %>
84
+ <% @secondary_actions.each do |action| %>
85
+ <% group.with_item do %>
86
+ <% destructive = action.delete(:destructive) %>
87
+ <% tag.span(class: ["Polaris-ActionMenu-SecondaryAction", "Polaris-ActionMenu-SecondaryAction--destructive": destructive]) do %>
88
+ <%= polaris_button(**action) { action[:content] } %>
89
+ <% end %>
87
90
  <% end %>
88
91
  <% end %>
89
- <% end %>
90
- <% if action_group.present? %>
91
- <% group.item do %>
92
- <span class="Polaris-ActionMenu-SecondaryAction">
93
- <%= action_group %>
94
- </span>
92
+ <% if action_group.present? %>
93
+ <% group.with_item do %>
94
+ <span class="Polaris-ActionMenu-SecondaryAction">
95
+ <%= action_group %>
96
+ </span>
97
+ <% end %>
95
98
  <% end %>
96
99
  <% end %>
97
- <% end %>
100
+ </div>
98
101
  </div>
99
- </div>
100
- <% end %>
101
- <% if render_primary_action? %>
102
- <div class="Polaris-Page-Header__PrimaryActionWrapper">
103
- <%= primary_action || custom_primary_action %>
104
- </div>
105
- <% end %>
106
- <% if has_pagination? %>
107
- <div class="Polaris-Page-Header__PaginationWrapper">
108
- <nav aria-label="Pagination">
109
- <%= polaris_button_group(segmented: true) do |group| %>
110
- <% group.item do %>
111
- <%= polaris_button(url: @prev_url, outline: true, disabled: @prev_url.blank?) do |button| %>
112
- <% button.icon(name: "ChevronLeftMinor") %>
102
+ <% end %>
103
+ <% if render_primary_action? %>
104
+ <div class="Polaris-Page-Header__PrimaryActionWrapper">
105
+ <%= primary_action || custom_primary_action %>
106
+ </div>
107
+ <% end %>
108
+ <% if has_pagination? %>
109
+ <div class="Polaris-Page-Header__PaginationWrapper">
110
+ <nav aria-label="Pagination">
111
+ <%= polaris_button_group(segmented: true) do |group| %>
112
+ <% group.with_item do %>
113
+ <%= polaris_button(url: @prev_url, outline: true, disabled: @prev_url.blank?) do |button| %>
114
+ <% button.with_icon(name: "ChevronLeftMinor") %>
115
+ <% end %>
113
116
  <% end %>
114
- <% end %>
115
- <% group.item do %>
116
- <%= polaris_button(url: @next_url, outline: true, disabled: @next_url.blank?) do |button| %>
117
- <% button.icon(name: "ChevronRightMinor") %>
117
+ <% group.with_item do %>
118
+ <%= polaris_button(url: @next_url, outline: true, disabled: @next_url.blank?) do |button| %>
119
+ <% button.with_icon(name: "ChevronRightMinor") %>
120
+ <% end %>
118
121
  <% end %>
119
122
  <% end %>
120
- <% end %>
121
- </nav>
122
- </div>
123
- <% end %>
123
+ </nav>
124
+ </div>
125
+ <% end %>
126
+ </div>
124
127
  </div>
125
- </div>
126
- <% end %>
127
- </div>
128
+ <% end %>
129
+ </div>
130
+ <% end %>
128
131
  <% end %>
129
132
  <% end %>
130
133
 
@@ -2,8 +2,9 @@
2
2
 
3
3
  module Polaris
4
4
  class PageComponent < Polaris::Component
5
+ LONG_TITLE = 34
6
+
5
7
  renders_one :title_metadata
6
- renders_one :thumbnail, Polaris::ThumbnailComponent
7
8
  renders_one :primary_action, ->(primary: true, **system_arguments) do
8
9
  Polaris::ButtonComponent.new(primary: primary, **system_arguments)
9
10
  end
@@ -40,15 +41,25 @@ module Polaris
40
41
  {
41
42
  tag: "div",
42
43
  classes: class_names(
43
- "Polaris-Page-Header",
44
44
  "Polaris-Page-Header--mobileView",
45
- "Polaris-Page-Header--mediumTitle",
45
+ "Polaris-Page-Header--mediumTitle": @title.present? && @title.length <= LONG_TITLE,
46
+ "Polaris-Page-Header--longTitle": @title.present? && @title.length > LONG_TITLE,
46
47
  "Polaris-Page-Header--hasNavigation": @back_url.present?,
47
48
  "Polaris-Page-Header--noBreadcrumbs": @back_url.blank?
48
49
  )
49
50
  }
50
51
  end
51
52
 
53
+ def title_arguments
54
+ {
55
+ tag: "h1",
56
+ classes: class_names(
57
+ "Polaris-Header-Title",
58
+ "Polaris-Header-Title__TitleWithSubtitle": @subtitle.present?
59
+ )
60
+ }
61
+ end
62
+
52
63
  def subtitle_arguments
53
64
  {
54
65
  tag: "div",
@@ -63,8 +74,8 @@ module Polaris
63
74
  {
64
75
  tag: "div",
65
76
  classes: class_names(
66
- "Polaris-Page__Content",
67
- "Polaris-Page--divider": @divider
77
+ "Polaris-Page__Content": !render_header?,
78
+ "Polaris-Page--divider": @divider && render_header?
68
79
  )
69
80
  }
70
81
  end
@@ -75,8 +86,8 @@ module Polaris
75
86
  opts[:classes] = class_names(
76
87
  opts[:classes],
77
88
  "Polaris-Page",
78
- "Polaris-Page--narrowWidth": @narrow_width,
79
- "Polaris-Page--fullWidth": @full_width
89
+ "Polaris-Page--fullWidth": @full_width,
90
+ "Polaris-Page--narrowWidth": @narrow_width
80
91
  )
81
92
  end
82
93
  end
@@ -103,12 +114,15 @@ module Polaris
103
114
  end
104
115
 
105
116
  def call
106
- render(Polaris::PopoverComponent.new(position: :below)) do |popover|
107
- popover.button(disclosure: true) { @title }
117
+ render(Polaris::PopoverComponent.new(
118
+ position: :below,
119
+ scrollable_shadow: false
120
+ )) do |popover|
121
+ popover.with_button(disclosure: true) { @title }
108
122
 
109
123
  polaris_action_list do |list|
110
124
  @actions.each do |action|
111
- list.item(**action) { action[:content] }
125
+ list.with_item(**action) { action[:content] }
112
126
  end
113
127
  end
114
128
  end
@@ -1,18 +1,18 @@
1
1
  <%= render Polaris::BaseComponent.new(tag: 'nav', **@system_arguments) do %>
2
2
  <%= polaris_button_group(**@button_group_arguments) do |group| %>
3
- <% group.item do %>
3
+ <% group.with_item do %>
4
4
  <%= polaris_button(url: @previous_url, outline: true, disabled: @previous_url.blank?) do |button| %>
5
- <% button.icon(name: "ChevronLeftMinor") %>
5
+ <% button.with_icon(name: "ChevronLeftMinor") %>
6
6
  <% end %>
7
7
  <% end %>
8
8
  <% if @label.present? %>
9
- <% group.item do %>
9
+ <% group.with_item do %>
10
10
  <div aria-live="polite"><%= @label %></div>
11
11
  <% end %>
12
12
  <% end %>
13
- <% group.item do %>
13
+ <% group.with_item do %>
14
14
  <%= polaris_button(url: @next_url, outline: true, disabled: @next_url.blank?) do |button| %>
15
- <% button.icon(name: "ChevronRightMinor") %>
15
+ <% button.with_icon(name: "ChevronRightMinor") %>
16
16
  <% end %>
17
17
  <% end %>
18
18
  <% end %>
@@ -0,0 +1,37 @@
1
+ module Polaris
2
+ class PlaceholderComponent < Polaris::Component
3
+ def initialize(height: "auto", width: "auto", label: nil, show_border: false)
4
+ @label = label
5
+ border = show_border ? "1px dashed var(--p-color-bg-success-subdued)" : "none"
6
+ @system_arguments = {
7
+ tag: :div,
8
+ style: [
9
+ "background-color: var(--p-color-text-info)",
10
+ "color: #fff",
11
+ "width: #{width}",
12
+ "height: #{height}",
13
+ "display: flex",
14
+ "align-items: center",
15
+ "justify-content: center",
16
+ "border-inline-start: #{border}"
17
+ ].join(";")
18
+ }
19
+ end
20
+
21
+ def call
22
+ if @label.present?
23
+ render(Polaris::BaseComponent.new(**@system_arguments)) do
24
+ render(Polaris::InlineComponent.new(align: :center)) do
25
+ tag.div(style: "color: #fff;") do
26
+ render(Polaris::TextComponent.new(as: :h2, variant: :bodyMd)) do
27
+ @label
28
+ end
29
+ end
30
+ end
31
+ end
32
+ else
33
+ render(Polaris::BaseComponent.new(**@system_arguments)) { content }
34
+ end
35
+ end
36
+ end
37
+ end
@@ -19,7 +19,7 @@
19
19
  <%= pane_content %>
20
20
  <% end %>
21
21
  <% else %>
22
- <%= render Polaris::ScrollableComponent.new(shadow: true, **system_arguments) do %>
22
+ <%= render Polaris::ScrollableComponent.new(shadow: @scrollable_shadow, **system_arguments) do %>
23
23
  <%= pane_content %>
24
24
  <% end %>
25
25
  <% end %>
@@ -1,19 +1,36 @@
1
1
  class Polaris::Popover::PaneComponent < Polaris::Component
2
2
  renders_many :sections, Polaris::Popover::SectionComponent
3
3
 
4
- def initialize(fixed: false, sectioned: false, **system_arguments)
4
+ def initialize(
5
+ fixed: false,
6
+ sectioned: false,
7
+ capture_overscroll: false,
8
+ height: nil,
9
+ scrollable_shadow: true,
10
+ **system_arguments
11
+ )
5
12
  @fixed = fixed
6
13
  @sectioned = sectioned
14
+ @capture_overscroll = capture_overscroll
15
+ @height = height
16
+ @scrollable_shadow = scrollable_shadow
7
17
  @system_arguments = system_arguments
8
18
  end
9
19
 
10
20
  def system_arguments
11
- @system_arguments.tap do |opts|
12
- opts[:tag] = "div"
13
- opts[:classes] = class_names(
21
+ @system_arguments.tap do |args|
22
+ args[:tag] = "div"
23
+ args[:classes] = class_names(
14
24
  @system_arguments[:classes],
15
25
  "Polaris-Popover__Pane",
16
- "Polaris-Popover__Pane--fixed": @fixed
26
+ "Polaris-Popover__Pane--fixed": @fixed,
27
+ "Polaris-Popover__Pane--captureOverscroll": @capture_overscroll
28
+ )
29
+ args[:style] = styles_list(
30
+ args[:style],
31
+ height: @height,
32
+ max_height: @height,
33
+ min_height: @height
17
34
  )
18
35
  end
19
36
  end
@@ -14,6 +14,10 @@ class Polaris::Popover::SectionComponent < Polaris::Component
14
14
  end
15
15
 
16
16
  def call
17
- render(Polaris::BaseComponent.new(**system_arguments)) { content }
17
+ render(Polaris::BaseComponent.new(**system_arguments)) do
18
+ render(Polaris::BoxComponent.new(padding: "4")) do
19
+ content
20
+ end
21
+ end
18
22
  end
19
23
  end
@@ -11,21 +11,28 @@
11
11
  <%= render Polaris::BaseComponent.new(**system_arguments) do %>
12
12
  <%= render Polaris::BaseComponent.new(**popover_arguments) do %>
13
13
  <div class="Polaris-Popover__FocusTracker" tabindex="0"></div>
14
- <div style="">
15
- <div class="Polaris-Popover__Wrapper">
16
- <%= render Polaris::BaseComponent.new(**content_arguments) do %>
17
- <% if panes.present? %>
18
- <% panes.each do |pane| %>
19
- <%= pane %>
20
- <% end %>
21
- <% else %>
22
- <%= render Polaris::Popover::PaneComponent.new(sectioned: @sectioned) do %>
23
- <%= content %>
24
- <% end %>
14
+ <%= polaris_box(
15
+ position: :relative,
16
+ overflow_x: :hidden,
17
+ overflow_y: :hidden,
18
+ background: "bg",
19
+ border_radius: "2"
20
+ ) do %>
21
+ <%= render Polaris::BaseComponent.new(**content_arguments) do %>
22
+ <% if panes.present? %>
23
+ <% panes.each do |pane| %>
24
+ <%= pane %>
25
+ <% end %>
26
+ <% else %>
27
+ <%= render Polaris::Popover::PaneComponent.new(
28
+ sectioned: @sectioned,
29
+ scrollable_shadow: @scrollable_shadow
30
+ ) do %>
31
+ <%= content %>
25
32
  <% end %>
26
33
  <% end %>
27
- </div>
28
- </div>
34
+ <% end %>
35
+ <% end %>
29
36
  <div class="Polaris-Popover__FocusTracker" tabindex="0"></div>
30
37
  <% end %>
31
38
  <% end %>
@@ -12,7 +12,9 @@ module Polaris
12
12
  Polaris::ButtonComponent.new(**system_arguments)
13
13
  end
14
14
  renders_one :activator
15
- renders_many :panes, Polaris::Popover::PaneComponent
15
+ renders_many :panes, ->(**system_arguments) do
16
+ Polaris::Popover::PaneComponent.new(scrollable_shadow: @scrollable_shadow, **system_arguments)
17
+ end
16
18
 
17
19
  def initialize(
18
20
  active: false,
@@ -25,6 +27,7 @@ module Polaris
25
27
  alignment: ALIGNMENT_DEFAULT,
26
28
  position: POSITION_DEFAULT,
27
29
  append_to_body: false,
30
+ scrollable_shadow: true,
28
31
  wrapper_arguments: {},
29
32
  **system_arguments
30
33
  )
@@ -37,6 +40,7 @@ module Polaris
37
40
  @sectioned = sectioned
38
41
  @alignment = fetch_or_fallback(ALIGNMENT_OPTIONS, alignment, ALIGNMENT_DEFAULT)
39
42
  @position = fetch_or_fallback(POSITION_OPTIONS, position, POSITION_DEFAULT)
43
+ @scrollable_shadow = scrollable_shadow
40
44
  @append_to_body = append_to_body
41
45
  @wrapper_arguments = wrapper_arguments
42
46
  @system_arguments = system_arguments
@@ -5,10 +5,7 @@
5
5
  max="100"
6
6
  ></progress>
7
7
 
8
- <div
9
- class="Polaris-ProgressBar__Indicator<% if @animated %> Polaris-ProgressBar__Animated<% end %>"
10
- style="width: <%= @progress %>%;"
11
- >
8
+ <%= render Polaris::BaseComponent.new(**progress_arguments) do %>
12
9
  <span class="Polaris-ProgressBar__Label"><%= @progress %>%</span>
13
- </div>
10
+ <% end %>
14
11
  <% end %>
@@ -38,5 +38,18 @@ module Polaris
38
38
  @animated = animated
39
39
  @progress = progress
40
40
  end
41
+
42
+ def progress_arguments
43
+ {tag: "div"}.tap do |args|
44
+ args[:classes] = class_names(
45
+ "Polaris-ProgressBar__Indicator",
46
+ "Polaris-ProgressBar__IndicatorAppearDone"
47
+ )
48
+ args[:style] = styles_list(
49
+ "--pc-progress-bar-duration": @animated ? "500ms" : "0ms",
50
+ "--pc-progress-bar-percent": @progress / 100.0
51
+ )
52
+ end
53
+ end
41
54
  end
42
55
  end
@@ -1,7 +1,7 @@
1
1
  <%= render(Polaris::BaseComponent.new(**wrapper_arguments)) do %>
2
2
  <%= render(Polaris::ButtonGroupComponent.new(**system_arguments)) do |group| %>
3
3
  <% buttons.each do |button| %>
4
- <% group.button(**button.system_arguments) { button.content } %>
4
+ <% group.with_button(**button.system_arguments) { button.content } %>
5
5
  <% end %>
6
6
  <% end %>
7
7
  <% end %>
@@ -9,11 +9,11 @@
9
9
  <% if @persist_actions %>
10
10
  <%= render(Polaris::BaseComponent.new(**disclosure_arguments)) do %>
11
11
  <%= render(Polaris::PopoverComponent.new(**popover_arguments)) do |popover| %>
12
- <% popover.button(disclosure: :horizontal_dots, plain: true) %>
12
+ <% popover.with_button(disclosure: :horizontal_dots, plain: true) %>
13
13
 
14
14
  <%= render(Polaris::ActionListComponent.new) do |action_list| %>
15
15
  <% buttons.each do |button| %>
16
- <% action_list.item(**button.action_list_item_arguments) { button.content } %>
16
+ <% action_list.with_item(**button.action_list_item_arguments) { button.content } %>
17
17
  <% end %>
18
18
  <% end %>
19
19
  <% end %>
@@ -10,29 +10,52 @@
10
10
  data-polaris-resource-item-target="link"></a>
11
11
  <% end %>
12
12
 
13
- <%= render(Polaris::BaseComponent.new(**container_arguments)) do %>
14
- <% if owned? %>
15
- <%= render(Polaris::BaseComponent.new(**owned_arguments)) do %>
16
- <% if checkbox.present? || radio_button.present? %>
17
- <div class="Polaris-ResourceItem__Handle">
18
- <div class="Polaris-ResourceItem__CheckboxWrapper">
19
- <%= checkbox.presence || radio_button %>
20
- </div>
21
- </div>
13
+ <%= render(Polaris::BoxComponent.new(**container_arguments)) do %>
14
+ <%= polaris_horizontal_grid(columns: "1fr auto") do %>
15
+ <%= polaris_horizontal_grid(
16
+ gap: "5",
17
+ columns: (media.present? || @selectable) ? "auto 1fr" : "1fr"
18
+ ) do %>
19
+ <% if owned? %>
20
+ <%= polaris_horizontal_stack(
21
+ gap: "4",
22
+ block_align: (media.present? && @selectable) ? :center : @vertical_alignment
23
+ ) do %>
24
+ <% if checkbox.present? || radio_button.present? %>
25
+ <%= polaris_bleed(margin_block: "2", margin_inline: "3") do %>
26
+ <%= polaris_box(
27
+ z_index: "var(--pc-resource-item-content-stacking-order)",
28
+ padding_inline_start: @offset ? "8" : "3",
29
+ padding_inline_end: "3",
30
+ padding_block_start: "3",
31
+ padding_block_end: "2"
32
+ ) do %>
33
+ <%= checkbox.presence || radio_button %>
34
+ <% end %>
35
+ <% end %>
36
+ <% end %>
37
+
38
+ <% if media.present? %>
39
+ <%= media %>
40
+ <% end %>
41
+ <% end %>
22
42
  <% end %>
23
43
 
24
- <% if media.present? %>
25
- <div class="Polaris-ResourceItem__Media">
26
- <%= media %>
27
- </div>
44
+ <%= polaris_horizontal_stack(gap: "4", block_align: @vertical_alignment || :center) do %>
45
+ <%= polaris_box(
46
+ width: "100%",
47
+ padding: "0",
48
+ padding_inline_start: "0",
49
+ padding_inline_end: "0"
50
+ ) do %>
51
+ <%= content %>
52
+ <% end %>
28
53
  <% end %>
29
54
  <% end %>
30
- <% end %>
31
- <div class="Polaris-ResourceItem__Content">
32
- <%= content %>
33
- </div>
34
- <% if shortcut_actions.present? %>
35
- <%= shortcut_actions %>
55
+
56
+ <% if shortcut_actions.present? %>
57
+ <%= shortcut_actions %>
58
+ <% end %>
36
59
  <% end %>
37
60
  <% end %>
38
61
  <% end %>