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
@@ -2,40 +2,44 @@
2
2
 
3
3
  module Polaris
4
4
  class TextStyleComponent < Polaris::Component
5
- VARIATION_DEFAULT = :default
6
- VARIATION_MAPPINGS = {
7
- VARIATION_DEFAULT => "",
8
- :positive => "Polaris-TextStyle--variationPositive",
9
- :negative => "Polaris-TextStyle--variationNegative",
10
- :strong => "Polaris-TextStyle--variationStrong",
11
- :subdued => "Polaris-TextStyle--variationSubdued",
12
- :code => "Polaris-TextStyle--variationCode"
13
- }
14
- VARIATION_OPTIONS = VARIATION_MAPPINGS.keys
5
+ VARIATION_OPTIONS = %i[positive negative strong subdued code]
15
6
 
16
7
  SIZE_DEFAULT = :default
17
8
  SIZE_MAPPINGS = {
18
- SIZE_DEFAULT => "",
19
- :small => "Polaris-TextStyle--sizeSmall"
9
+ SIZE_DEFAULT => :bodyMd,
10
+ :small => :bodySm
20
11
  }
21
12
  SIZE_OPTIONS = SIZE_MAPPINGS.keys
22
13
 
23
14
  def initialize(
24
- variation: VARIATION_DEFAULT,
15
+ variation: nil,
25
16
  size: SIZE_DEFAULT,
26
17
  **system_arguments
27
18
  )
28
- @system_arguments = system_arguments
29
- @system_arguments[:tag] = "span"
30
- @system_arguments[:classes] = class_names(
31
- @system_arguments[:classes],
32
- VARIATION_MAPPINGS[fetch_or_fallback(VARIATION_OPTIONS, variation, VARIATION_DEFAULT)],
33
- SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, SIZE_DEFAULT)]
34
- )
19
+ @variation = variation
20
+ @system_arguments = system_arguments.tap do |opts|
21
+ opts[:as] = :span
22
+ opts[:color] = case variation
23
+ when :subdued then :subdued
24
+ when :positive then :success
25
+ when :negative then :critical
26
+ when :warning then :warning
27
+ end
28
+ opts[:font_weight] = case variation
29
+ when :strong then :semibold
30
+ end
31
+ opts[:variant] = SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, SIZE_DEFAULT)]
32
+ end
35
33
  end
36
34
 
37
35
  def call
38
- render(Polaris::BaseComponent.new(**@system_arguments)) { content }
36
+ render(Polaris::TextComponent.new(**@system_arguments)) do
37
+ if @variation == :code
38
+ render(Polaris::InlineCodeComponent.new) { content }
39
+ else
40
+ content
41
+ end
42
+ end
39
43
  end
40
44
  end
41
45
  end
@@ -1,4 +1,4 @@
1
- <%= render Polaris::BaseComponent.new(**@system_arguments) do %>
1
+ <%= render Polaris::BaseComponent.new(**system_arguments) do %>
2
2
  <% if @source.present? %>
3
3
  <img src="<%= @source %>" alt="<%= @alt %>">
4
4
  <% else %>
@@ -2,6 +2,10 @@
2
2
 
3
3
  module Polaris
4
4
  class ThumbnailComponent < Polaris::Component
5
+ include ActiveModel::Validations
6
+
7
+ attr_reader :size, :transparent
8
+
5
9
  SIZE_DEFAULT = :medium
6
10
  SIZE_MAPPINGS = {
7
11
  small: "Polaris-Thumbnail--sizeSmall",
@@ -9,29 +13,40 @@ module Polaris
9
13
  large: "Polaris-Thumbnail--sizeLarge"
10
14
  }
11
15
  SIZE_OPTIONS = SIZE_MAPPINGS.keys
16
+ validates :size, inclusion: {in: SIZE_OPTIONS}
17
+ validates :transparent, inclusion: {in: [true, false]}
12
18
 
13
19
  renders_one :icon, Polaris::IconComponent
14
20
 
15
21
  def initialize(
16
- source: nil,
17
- size: SIZE_DEFAULT,
18
22
  alt: nil,
23
+ size: SIZE_DEFAULT,
24
+ source: nil,
25
+ transparent: false,
19
26
  **system_arguments
20
27
  )
21
- @source = source
22
28
  @alt = alt
29
+ @size = size
30
+ @source = source
31
+ @transparent = transparent
23
32
 
24
33
  @system_arguments = system_arguments
25
- @system_arguments[:tag] = "span"
26
- @system_arguments[:classes] = class_names(
27
- @system_arguments[:classes],
28
- "Polaris-Thumbnail",
29
- SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, SIZE_DEFAULT)]
30
- )
31
34
  end
32
35
 
33
36
  def renders?
34
37
  source.present? || icon.present?
35
38
  end
39
+
40
+ def system_arguments
41
+ @system_arguments.tap do |opts|
42
+ opts[:tag] = :span
43
+ opts[:classes] = class_names(
44
+ @system_arguments[:classes],
45
+ "Polaris-Thumbnail",
46
+ SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, @size, SIZE_DEFAULT)],
47
+ "Polaris-Thumbnail--transparent": @transparent
48
+ )
49
+ end
50
+ end
36
51
  end
37
52
  end
@@ -1,5 +1,5 @@
1
1
  <%= render(Polaris::BaseComponent.new(**system_arguments)) do %>
2
- <div style="<%= polaris_inversed_colors %>">
2
+ <div>
3
3
  <div class="<%= toast_classes %>">
4
4
  <%= content %>
5
5
 
@@ -0,0 +1,9 @@
1
+ module Polaris
2
+ module Tokens
3
+ class Border
4
+ RADIUS_SCALE = %w[05 1 2 3 4 5 6 full]
5
+
6
+ WIDTH_SCALE = %w[1 2 3 4 5]
7
+ end
8
+ end
9
+ end
@@ -0,0 +1,132 @@
1
+ module Polaris
2
+ module Tokens
3
+ class Color
4
+ BACKGROUND_ALIAS = %w[
5
+ bg
6
+ bg-active
7
+ bg-app
8
+ bg-app-active
9
+ bg-app-hover
10
+ bg-app-selected
11
+ bg-caution
12
+ bg-caution-strong
13
+ bg-caution-subdued
14
+ bg-caution-subdued-active
15
+ bg-caution-subdued-hover
16
+ bg-critical
17
+ bg-critical-strong
18
+ bg-critical-strong-active
19
+ bg-critical-strong-hover
20
+ bg-critical-subdued
21
+ bg-critical-subdued-active
22
+ bg-critical-subdued-hover
23
+ bg-disabled
24
+ bg-hover
25
+ bg-info
26
+ bg-info-strong
27
+ bg-info-subdued
28
+ bg-info-subdued-active
29
+ bg-info-subdued-hover
30
+ bg-input
31
+ bg-inset
32
+ bg-inset-strong
33
+ bg-interactive
34
+ bg-interactive-active
35
+ bg-interactive-disabled
36
+ bg-interactive-hover
37
+ bg-interactive-selected
38
+ bg-interactive-subdued
39
+ bg-interactive-subdued-active
40
+ bg-interactive-subdued-hover
41
+ bg-inverse
42
+ bg-inverse-active
43
+ bg-inverse-hover
44
+ bg-magic
45
+ bg-magic-hover
46
+ bg-magic-active
47
+ bg-magic-strong
48
+ bg-magic-subdued
49
+ bg-magic-subdued-hover
50
+ bg-magic-subdued-active
51
+ bg-primary
52
+ bg-primary-active
53
+ bg-primary-hover
54
+ bg-primary-subdued
55
+ bg-primary-subdued-active
56
+ bg-primary-subdued-hover
57
+ bg-primary-subdued-selected
58
+ bg-strong
59
+ bg-strong-active
60
+ bg-strong-hover
61
+ bg-subdued
62
+ bg-subdued-active
63
+ bg-subdued-hover
64
+ bg-success
65
+ bg-success-strong
66
+ bg-success-subdued
67
+ bg-success-subdued-active
68
+ bg-success-subdued-hover
69
+ bg-warning
70
+ ]
71
+
72
+ BORDER_ALIAS = %w[
73
+ border
74
+ border-caution
75
+ border-caution-subdued
76
+ border-critical
77
+ border-critical-active
78
+ border-critical-hover
79
+ border-critical-subdued
80
+ border-disabled
81
+ border-hover
82
+ border-info
83
+ border-info-subdued
84
+ border-input
85
+ border-input-hover
86
+ border-interactive
87
+ border-interactive-active
88
+ border-interactive-disabled
89
+ border-interactive-focus
90
+ border-interactive-hover
91
+ border-interactive-subdued
92
+ border-inverse
93
+ border-magic
94
+ border-magic-strong
95
+ border-primary
96
+ border-strong
97
+ border-strong-hover
98
+ border-subdued
99
+ border-success
100
+ border-success-subdued
101
+ ]
102
+
103
+ TEXT_ALIAS = %w[
104
+ text
105
+ text-caution
106
+ text-caution-strong
107
+ text-critical
108
+ text-critical-active
109
+ text-critical-strong
110
+ text-disabled
111
+ text-info
112
+ text-info-strong
113
+ text-interactive
114
+ text-interactive-active
115
+ text-interactive-disabled
116
+ text-interactive-hover
117
+ text-interactive-inverse
118
+ text-inverse
119
+ text-inverse-subdued
120
+ text-magic
121
+ text-magic-strong
122
+ text-on-color
123
+ text-primary
124
+ text-primary-hover
125
+ text-subdued
126
+ text-success
127
+ text-success-strong
128
+ text-warning-strong
129
+ ]
130
+ end
131
+ end
132
+ end
@@ -0,0 +1,18 @@
1
+ module Polaris
2
+ module Tokens
3
+ class Shadow
4
+ ALIAS = %w[
5
+ inset-lg
6
+ inset-md
7
+ inset-sm
8
+ none
9
+ xs
10
+ sm
11
+ md
12
+ lg
13
+ xl
14
+ 2xl
15
+ ]
16
+ end
17
+ end
18
+ end
@@ -0,0 +1,27 @@
1
+ module Polaris
2
+ module Tokens
3
+ class Spacing
4
+ SCALE = %w[
5
+ 0
6
+ 025
7
+ 05
8
+ 1
9
+ 2
10
+ 3
11
+ 4
12
+ 5
13
+ 6
14
+ 8
15
+ 10
16
+ 12
17
+ 16
18
+ 20
19
+ 24
20
+ 28
21
+ 32
22
+ ]
23
+
24
+ SCREEN_SIZES = %i[xs sm md lg xl]
25
+ end
26
+ end
27
+ end
@@ -0,0 +1,4 @@
1
+ module Polaris
2
+ module Tokens
3
+ end
4
+ end
@@ -1,17 +1,32 @@
1
1
  <%= polaris_popover(alignment: :left) do |popover| %>
2
- <% popover.activator do %>
2
+ <% popover.with_activator do %>
3
3
  <button
4
4
  type="button"
5
5
  class="Polaris-TopBar-Menu__Activator"
6
6
  data-action="polaris-popover#toggle click@window->polaris-popover#hide"
7
7
  >
8
+ <span class="Polaris-TopBar-UserMenu__Details">
9
+ <%= polaris_text(
10
+ as: :p,
11
+ font_weight: :medium,
12
+ truncate: true,
13
+ alignment: :start
14
+ ) do %>
15
+ <%= @name %>
16
+ <% end %>
17
+ <%= polaris_text(
18
+ as: :p,
19
+ variant: :bodySm,
20
+ truncate: true,
21
+ alignment: :start,
22
+ color: :subdued
23
+ ) do %>
24
+ <%= @detail %>
25
+ <% end %>
26
+ </span>
8
27
  <div class="Polaris-MessageIndicator__MessageIndicatorWrapper">
9
28
  <%= avatar %>
10
29
  </div>
11
- <span class="Polaris-TopBar-UserMenu__Details">
12
- <p class="Polaris-TopBar-UserMenu__Name"><%= @name %></p>
13
- <p class="Polaris-TopBar-UserMenu__Detail"><%= @detail %></p>
14
- </span>
15
30
  </button>
16
31
  <% end %>
17
32
 
@@ -0,0 +1,70 @@
1
+ module Polaris
2
+ class VerticalStackComponent < Polaris::Component
3
+ AS_DEFAULT = :div
4
+ AS_OPTIONS = %i[div ul ol fieldset]
5
+
6
+ ALIGN_DEFAULT = :default
7
+ ALIGN_MAPPINGS = {
8
+ default: "",
9
+ start: "start",
10
+ center: "center",
11
+ end: "end",
12
+ space_around: "space-around",
13
+ space_between: "space-between",
14
+ space_evenly: "space-evenly"
15
+ }
16
+ ALIGN_OPTIONS = ALIGN_MAPPINGS.keys
17
+
18
+ INLINE_ALIGN_OPTIONS = %i[start center end baseline stretch]
19
+
20
+ def initialize(
21
+ as: AS_DEFAULT,
22
+ align: ALIGN_DEFAULT,
23
+ inline_align: nil,
24
+ gap: nil,
25
+ reverse_order: false,
26
+ **system_arguments
27
+ )
28
+ @system_arguments = system_arguments.tap do |args|
29
+ args[:tag] = fetch_or_fallback(AS_OPTIONS, as, AS_DEFAULT)
30
+ args[:classes] = class_names(
31
+ args[:classes],
32
+ "Polaris-VerticalStack",
33
+ "Polaris-VerticalStack--listReset": as.in?(%i[ul ol]),
34
+ "Polaris-VerticalStack--fieldsetReset": as == :fieldset
35
+ )
36
+ args[:style] = styles_list(
37
+ args[:style],
38
+ "--pc-vertical-stack-align": ALIGN_MAPPINGS[fetch_or_fallback(ALIGN_OPTIONS, align, ALIGN_DEFAULT)],
39
+ "--pc-vertical-stack-inline-align": fetch_or_fallback(INLINE_ALIGN_OPTIONS, inline_align, allow_nil: true),
40
+ "--pc-vertical-stack-order": reverse_order ? "column-reverse" : "column",
41
+ **gap_value(gap)
42
+ )
43
+ end
44
+ end
45
+
46
+ def call
47
+ render(Polaris::BaseComponent.new(**@system_arguments)) { content }
48
+ end
49
+
50
+ private
51
+
52
+ def gap_value(gap)
53
+ return {} unless gap
54
+
55
+ value = fetch_or_fallback_nested(
56
+ Tokens::Spacing::SCREEN_SIZES,
57
+ Tokens::Spacing::SCALE,
58
+ gap
59
+ )
60
+
61
+ if value.is_a?(Hash)
62
+ value.each_with_object({}) do |(key, value), hash|
63
+ hash["--pc-vertical-stack-gap-#{key}"] = "var(--p-space-#{value})"
64
+ end
65
+ else
66
+ {"--pc-vertical-stack-gap-xs": "var(--p-space-#{value})"}
67
+ end
68
+ end
69
+ end
70
+ end
@@ -3,7 +3,7 @@
3
3
  module Polaris
4
4
  class VisuallyHiddenComponent < Polaris::Component
5
5
  def call
6
- content_tag(:span, content, class: "Polaris-VisuallyHidden")
6
+ render(Polaris::TextComponent.new(as: :span, visually_hidden: true)) { content }
7
7
  end
8
8
  end
9
9
  end
@@ -25,7 +25,9 @@ module Polaris
25
25
 
26
26
  InvalidValueError = Class.new(StandardError)
27
27
 
28
- def fetch_or_fallback(allowed_values, given_value, fallback = nil, deprecated_values: nil)
28
+ def fetch_or_fallback(allowed_values, given_value, fallback = nil, deprecated_values: nil, allow_nil: false)
29
+ return if allow_nil && given_value.nil?
30
+
29
31
  if allowed_values.include?(given_value)
30
32
  given_value
31
33
  else
@@ -49,5 +51,15 @@ module Polaris
49
51
  fallback
50
52
  end
51
53
  end
54
+
55
+ def fetch_or_fallback_nested(allowed_keys, allowed_values, given_value)
56
+ if given_value.is_a?(Hash)
57
+ given_value.each_with_object({}) do |(key, value), hash|
58
+ hash[fetch_or_fallback(allowed_keys, key)] = fetch_or_fallback(allowed_values, value)
59
+ end
60
+ else
61
+ fetch_or_fallback(allowed_values, given_value)
62
+ end
63
+ end
52
64
  end
53
65
  end
@@ -20,7 +20,7 @@ module Polaris
20
20
  [
21
21
  render(Polaris::ListComponent.new) do |list|
22
22
  object.errors.full_messages.each do |error|
23
- list.item { error.html_safe }
23
+ list.with_item { error.html_safe }
24
24
  end
25
25
  end,
26
26
  (template.capture { yield(banner) } if block_given?)
@@ -0,0 +1,22 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Polaris
4
+ module StylesListHelper
5
+ def styles_list(*args)
6
+ list = []
7
+
8
+ args.each do |style|
9
+ case style
10
+ when Hash
11
+ style.each do |key, val|
12
+ list << [key, val] if val
13
+ end
14
+ when Array
15
+ list << styles_list(*style).presence
16
+ end
17
+ end
18
+
19
+ list.compact.uniq.map { |k, v| "#{k}: #{v}" }.join(";")
20
+ end
21
+ end
22
+ end
@@ -10,6 +10,8 @@ module Polaris
10
10
  avatar: "Polaris::AvatarComponent",
11
11
  badge: "Polaris::BadgeComponent",
12
12
  banner: "Polaris::BannerComponent",
13
+ bleed: "Polaris::BleedComponent",
14
+ box: "Polaris::BoxComponent",
13
15
  button: "Polaris::ButtonComponent",
14
16
  button_group: "Polaris::ButtonGroupComponent",
15
17
  callout_card: "Polaris::CalloutCardComponent",
@@ -23,6 +25,7 @@ module Polaris
23
25
  data_table: "Polaris::DataTableComponent",
24
26
  description_list: "Polaris::DescriptionListComponent",
25
27
  display_text: "Polaris::DisplayTextComponent",
28
+ divider: "Polaris::DividerComponent",
26
29
  dropzone: "Polaris::DropzoneComponent",
27
30
  empty_search_results: "Polaris::EmptySearchResultsComponent",
28
31
  empty_state: "Polaris::EmptyStateComponent",
@@ -32,19 +35,25 @@ module Polaris
32
35
  frame: "Polaris::FrameComponent",
33
36
  filters: "Polaris::FiltersComponent",
34
37
  heading: "Polaris::HeadingComponent",
38
+ horizontal_grid: "Polaris::HorizontalGridComponent",
39
+ horizontal_stack: "Polaris::HorizontalStackComponent",
35
40
  icon: "Polaris::IconComponent",
36
41
  index_table: "Polaris::IndexTableComponent",
42
+ inline_code: "Polaris::InlineCodeComponent",
43
+ inline: "Polaris::InlineComponent",
37
44
  inline_error: "Polaris::InlineErrorComponent",
38
45
  keyboard_key: "Polaris::KeyboardKeyComponent",
39
46
  layout: "Polaris::LayoutComponent",
40
47
  link: "Polaris::LinkComponent",
41
48
  list: "Polaris::ListComponent",
42
49
  modal: "Polaris::ModalComponent",
50
+ modal_section: "Polaris::Modal::SectionComponent",
43
51
  navigation: "Polaris::NavigationComponent",
44
52
  option_list: "Polaris::OptionListComponent",
45
53
  page: "Polaris::PageComponent",
46
54
  page_actions: "Polaris::PageActionsComponent",
47
55
  pagination: "Polaris::PaginationComponent",
56
+ placeholder: "Polaris::PlaceholderComponent",
48
57
  progress_bar: "Polaris::ProgressBarComponent",
49
58
  popover: "Polaris::PopoverComponent",
50
59
  radio_button: "Polaris::RadioButtonComponent",
@@ -65,11 +74,13 @@ module Polaris
65
74
  spacer: "Polaris::SpacerComponent",
66
75
  tabs: "Polaris::TabsComponent",
67
76
  tag: "Polaris::TagComponent",
77
+ text: "Polaris::TextComponent",
68
78
  text_container: "Polaris::TextContainerComponent",
69
79
  text_field: "Polaris::TextFieldComponent",
70
80
  text_style: "Polaris::TextStyleComponent",
71
81
  thumbnail: "Polaris::ThumbnailComponent",
72
82
  toast: "Polaris::ToastComponent",
83
+ vertical_stack: "Polaris::VerticalStackComponent",
73
84
  visually_hidden: "Polaris::VisuallyHiddenComponent"
74
85
  }.freeze
75
86
  # standard:enable Layout/HashAlignment
@@ -97,12 +108,12 @@ module Polaris
97
108
  doc.to_html.html_safe
98
109
  end
99
110
 
100
- def polaris_body_styles
101
- %(background-color: rgb(246, 246, 247); color: rgb(32, 34, 35); --p-background:rgba(246, 246, 247, 1); --p-background-hovered:rgba(241, 242, 243, 1); --p-background-pressed:rgba(237, 238, 239, 1); --p-background-selected:rgba(237, 238, 239, 1); --p-surface:rgba(255, 255, 255, 1); --p-surface-neutral:rgba(228, 229, 231, 1); --p-surface-neutral-hovered:rgba(219, 221, 223, 1); --p-surface-neutral-pressed:rgba(201, 204, 208, 1); --p-surface-neutral-disabled:rgba(241, 242, 243, 1); --p-surface-neutral-subdued:rgba(246, 246, 247, 1); --p-surface-subdued:rgba(250, 251, 251, 1); --p-surface-disabled:rgba(250, 251, 251, 1); --p-surface-hovered:rgba(246, 246, 247, 1); --p-surface-pressed:rgba(241, 242, 243, 1); --p-surface-depressed:rgba(237, 238, 239, 1); --p-backdrop:rgba(0, 0, 0, 0.5); --p-overlay:rgba(255, 255, 255, 0.5); --p-shadow-from-dim-light:rgba(0, 0, 0, 0.2); --p-shadow-from-ambient-light:rgba(23, 24, 24, 0.05); --p-shadow-from-direct-light:rgba(0, 0, 0, 0.15); --p-hint-from-direct-light:rgba(0, 0, 0, 0.15); --p-on-surface-background:rgba(241, 242, 243, 1); --p-border:rgba(140, 145, 150, 1); --p-border-neutral-subdued:rgba(186, 191, 195, 1); --p-border-hovered:rgba(153, 158, 164, 1); --p-border-disabled:rgba(210, 213, 216, 1); --p-border-subdued:rgba(201, 204, 207, 1); --p-border-depressed:rgba(87, 89, 89, 1); --p-border-shadow:rgba(174, 180, 185, 1); --p-border-shadow-subdued:rgba(186, 191, 196, 1); --p-divider:rgba(225, 227, 229, 1); --p-icon:rgba(92, 95, 98, 1); --p-icon-hovered:rgba(26, 28, 29, 1); --p-icon-pressed:rgba(68, 71, 74, 1); --p-icon-disabled:rgba(186, 190, 195, 1); --p-icon-subdued:rgba(140, 145, 150, 1); --p-text:rgba(32, 34, 35, 1); --p-text-disabled:rgba(140, 145, 150, 1); --p-text-subdued:rgba(109, 113, 117, 1); --p-interactive:rgba(44, 110, 203, 1); --p-interactive-disabled:rgba(189, 193, 204, 1); --p-interactive-hovered:rgba(31, 81, 153, 1); --p-interactive-pressed:rgba(16, 50, 98, 1); --p-focused:rgba(69, 143, 255, 1); --p-surface-selected:rgba(242, 247, 254, 1); --p-surface-selected-hovered:rgba(237, 244, 254, 1); --p-surface-selected-pressed:rgba(229, 239, 253, 1); --p-icon-on-interactive:rgba(255, 255, 255, 1); --p-text-on-interactive:rgba(255, 255, 255, 1); --p-action-secondary:rgba(255, 255, 255, 1); --p-action-secondary-disabled:rgba(255, 255, 255, 1); --p-action-secondary-hovered:rgba(246, 246, 247, 1); --p-action-secondary-pressed:rgba(241, 242, 243, 1); --p-action-secondary-depressed:rgba(109, 113, 117, 1); --p-action-primary:rgba(0, 128, 96, 1); --p-action-primary-disabled:rgba(241, 241, 241, 1); --p-action-primary-hovered:rgba(0, 110, 82, 1); --p-action-primary-pressed:rgba(0, 94, 70, 1); --p-action-primary-depressed:rgba(0, 61, 44, 1); --p-icon-on-primary:rgba(255, 255, 255, 1); --p-text-on-primary:rgba(255, 255, 255, 1); --p-text-primary:rgba(0, 123, 92, 1); --p-text-primary-hovered:rgba(0, 108, 80, 1); --p-text-primary-pressed:rgba(0, 92, 68, 1); --p-surface-primary-selected:rgba(241, 248, 245, 1); --p-surface-primary-selected-hovered:rgba(179, 208, 195, 1); --p-surface-primary-selected-pressed:rgba(162, 188, 176, 1); --p-border-critical:rgba(253, 87, 73, 1); --p-border-critical-subdued:rgba(224, 179, 178, 1); --p-border-critical-disabled:rgba(255, 167, 163, 1); --p-icon-critical:rgba(215, 44, 13, 1); --p-surface-critical:rgba(254, 211, 209, 1); --p-surface-critical-subdued:rgba(255, 244, 244, 1); --p-surface-critical-subdued-hovered:rgba(255, 240, 240, 1); --p-surface-critical-subdued-pressed:rgba(255, 233, 232, 1); --p-surface-critical-subdued-depressed:rgba(254, 188, 185, 1); --p-text-critical:rgba(215, 44, 13, 1); --p-action-critical:rgba(216, 44, 13, 1); --p-action-critical-disabled:rgba(241, 241, 241, 1); --p-action-critical-hovered:rgba(188, 34, 0, 1); --p-action-critical-pressed:rgba(162, 27, 0, 1); --p-action-critical-depressed:rgba(108, 15, 0, 1); --p-icon-on-critical:rgba(255, 255, 255, 1); --p-text-on-critical:rgba(255, 255, 255, 1); --p-interactive-critical:rgba(216, 44, 13, 1); --p-interactive-critical-disabled:rgba(253, 147, 141, 1); --p-interactive-critical-hovered:rgba(205, 41, 12, 1); --p-interactive-critical-pressed:rgba(103, 15, 3, 1); --p-border-warning:rgba(185, 137, 0, 1); --p-border-warning-subdued:rgba(225, 184, 120, 1); --p-icon-warning:rgba(185, 137, 0, 1); --p-surface-warning:rgba(255, 215, 157, 1); --p-surface-warning-subdued:rgba(255, 245, 234, 1); --p-surface-warning-subdued-hovered:rgba(255, 242, 226, 1); --p-surface-warning-subdued-pressed:rgba(255, 235, 211, 1); --p-text-warning:rgba(145, 106, 0, 1); --p-border-highlight:rgba(68, 157, 167, 1); --p-border-highlight-subdued:rgba(152, 198, 205, 1); --p-icon-highlight:rgba(0, 160, 172, 1); --p-surface-highlight:rgba(164, 232, 242, 1); --p-surface-highlight-subdued:rgba(235, 249, 252, 1); --p-surface-highlight-subdued-hovered:rgba(228, 247, 250, 1); --p-surface-highlight-subdued-pressed:rgba(213, 243, 248, 1); --p-text-highlight:rgba(52, 124, 132, 1); --p-border-success:rgba(0, 164, 124, 1); --p-border-success-subdued:rgba(149, 201, 180, 1); --p-icon-success:rgba(0, 127, 95, 1); --p-surface-success:rgba(174, 233, 209, 1); --p-surface-success-subdued:rgba(241, 248, 245, 1); --p-surface-success-subdued-hovered:rgba(236, 246, 241, 1); --p-surface-success-subdued-pressed:rgba(226, 241, 234, 1); --p-text-success:rgba(0, 128, 96, 1); --p-decorative-one-icon:rgba(126, 87, 0, 1); --p-decorative-one-surface:rgba(255, 201, 107, 1); --p-decorative-one-text:rgba(61, 40, 0, 1); --p-decorative-two-icon:rgba(175, 41, 78, 1); --p-decorative-two-surface:rgba(255, 196, 176, 1); --p-decorative-two-text:rgba(73, 11, 28, 1); --p-decorative-three-icon:rgba(0, 109, 65, 1); --p-decorative-three-surface:rgba(146, 230, 181, 1); --p-decorative-three-text:rgba(0, 47, 25, 1); --p-decorative-four-icon:rgba(0, 106, 104, 1); --p-decorative-four-surface:rgba(145, 224, 214, 1); --p-decorative-four-text:rgba(0, 45, 45, 1); --p-decorative-five-icon:rgba(174, 43, 76, 1); --p-decorative-five-surface:rgba(253, 201, 208, 1); --p-decorative-five-text:rgba(79, 14, 31, 1); --p-border-radius-base:0.4rem; --p-border-radius-wide:0.8rem; --p-border-radius-full:50%; --p-card-shadow:0px 0px 5px var(--p-shadow-from-ambient-light), 0px 1px 2px var(--p-shadow-from-direct-light); --p-popover-shadow:-1px 0px 20px var(--p-shadow-from-ambient-light), 0px 1px 5px var(--p-shadow-from-direct-light); --p-modal-shadow:0px 26px 80px var(--p-shadow-from-dim-light), 0px 0px 1px var(--p-shadow-from-dim-light); --p-top-bar-shadow:0 2px 2px -1px var(--p-shadow-from-direct-light); --p-button-drop-shadow:0 1px 0 rgba(0, 0, 0, 0.05); --p-button-inner-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.2); --p-button-pressed-inner-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.15); --p-override-none:none; --p-override-transparent:transparent; --p-override-one:1; --p-override-visible:visible; --p-override-zero:0; --p-override-loading-z-index:514; --p-button-font-weight:500; --p-non-null-content:''; --p-choice-size:2rem; --p-icon-size:1rem; --p-choice-margin:0.1rem; --p-control-border-width:0.2rem; --p-banner-border-default:inset 0 0.1rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.1rem var(--p-border-neutral-subdued); --p-banner-border-success:inset 0 0.1rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.1rem var(--p-border-success-subdued); --p-banner-border-highlight:inset 0 0.1rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.1rem var(--p-border-highlight-subdued); --p-banner-border-warning:inset 0 0.1rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.1rem var(--p-border-warning-subdued); --p-banner-border-critical:inset 0 0.1rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.1rem var(--p-border-critical-subdued); --p-badge-mix-blend-mode:luminosity; --p-thin-border-subdued:0.1rem solid var(--p-border-subdued); --p-text-field-spinner-offset:0.2rem; --p-text-field-focus-ring-offset:-0.4rem; --p-text-field-focus-ring-border-radius:0.7rem; --p-button-group-item-spacing:-0.1rem; --p-duration-1-0-0:100ms; --p-duration-1-5-0:150ms; --p-ease-in:cubic-bezier(0.5, 0.1, 1, 1); --p-ease:cubic-bezier(0.4, 0.22, 0.28, 1); --p-range-slider-thumb-size-base:1.6rem; --p-range-slider-thumb-size-active:2.4rem; --p-range-slider-thumb-scale:1.5; --p-badge-font-weight:400; --p-frame-offset:0px;)
111
+ def polaris_html_styles
112
+ %(--pc-frame-global-ribbon-height:0px; --pc-frame-offset:0px;)
102
113
  end
103
114
 
104
- def polaris_inversed_colors
105
- %(--p-background:rgba(11, 12, 13, 1); --p-background-hovered:rgba(11, 12, 13, 1); --p-background-pressed:rgba(11, 12, 13, 1); --p-background-selected:rgba(11, 12, 13, 1); --p-surface:rgba(32, 33, 35, 1); --p-surface-neutral:rgba(49, 51, 53, 1); --p-surface-neutral-hovered:rgba(49, 51, 53, 1); --p-surface-neutral-pressed:rgba(49, 51, 53, 1); --p-surface-neutral-disabled:rgba(49, 51, 53, 1); --p-surface-neutral-subdued:rgba(68, 71, 74, 1); --p-surface-subdued:rgba(26, 28, 29, 1); --p-surface-disabled:rgba(26, 28, 29, 1); --p-surface-hovered:rgba(47, 49, 51, 1); --p-surface-pressed:rgba(62, 64, 67, 1); --p-surface-depressed:rgba(80, 83, 86, 1); --p-surface-search-field:rgba(47, 49, 51, 1); --p-backdrop:rgba(0, 0, 0, 0.5); --p-overlay:rgba(33, 33, 33, 0.5); --p-shadow-from-dim-light:rgba(255, 255, 255, 0.2); --p-shadow-from-ambient-light:rgba(23, 24, 24, 0.05); --p-shadow-from-direct-light:rgba(255, 255, 255, 0.15); --p-hint-from-direct-light:rgba(185, 185, 185, 0.2); --p-border:rgba(80, 83, 86, 1); --p-border-neutral-subdued:rgba(130, 135, 139, 1); --p-border-hovered:rgba(80, 83, 86, 1); --p-border-disabled:rgba(103, 107, 111, 1); --p-border-subdued:rgba(130, 135, 139, 1); --p-border-depressed:rgba(142, 145, 145, 1); --p-border-shadow:rgba(91, 95, 98, 1); --p-border-shadow-subdued:rgba(130, 135, 139, 1); --p-divider:rgba(69, 71, 73, 1); --p-icon:rgba(166, 172, 178, 1); --p-icon-hovered:rgba(225, 227, 229, 1); --p-icon-pressed:rgba(166, 172, 178, 1); --p-icon-disabled:rgba(84, 87, 90, 1); --p-icon-subdued:rgba(120, 125, 129, 1); --p-text:rgba(227, 229, 231, 1); --p-text-disabled:rgba(111, 115, 119, 1); --p-text-subdued:rgba(153, 159, 164, 1); --p-interactive:rgba(54, 163, 255, 1); --p-interactive-disabled:rgba(38, 98, 182, 1); --p-interactive-hovered:rgba(103, 175, 255, 1); --p-interactive-pressed:rgba(136, 188, 255, 1); --p-icon-interactive:rgba(54, 163, 255, 1); --p-focused:rgba(38, 98, 182, 1); --p-surface-selected:rgba(2, 14, 35, 1); --p-surface-selected-hovered:rgba(7, 29, 61, 1); --p-surface-selected-pressed:rgba(13, 43, 86, 1); --p-icon-on-interactive:rgba(255, 255, 255, 1); --p-text-on-interactive:rgba(255, 255, 255, 1); --p-action-secondary:rgba(77, 80, 83, 1); --p-action-secondary-disabled:rgba(32, 34, 35, 1); --p-action-secondary-hovered:rgba(84, 87, 91, 1); --p-action-secondary-pressed:rgba(96, 100, 103, 1); --p-action-secondary-depressed:rgba(123, 127, 132, 1); --p-action-primary:rgba(0, 128, 96, 1); --p-action-primary-disabled:rgba(0, 86, 64, 1); --p-action-primary-hovered:rgba(0, 150, 113, 1); --p-action-primary-pressed:rgba(0, 164, 124, 1); --p-action-primary-depressed:rgba(0, 179, 136, 1); --p-icon-on-primary:rgba(230, 255, 244, 1); --p-text-on-primary:rgba(255, 255, 255, 1); --p-text-primary:rgba(0, 141, 106, 1); --p-text-primary-hovered:rgba(0, 158, 120, 1); --p-text-primary-pressed:rgba(0, 176, 133, 1); --p-surface-primary-selected:rgba(12, 18, 16, 1); --p-surface-primary-selected-hovered:rgba(40, 48, 44, 1); --p-surface-primary-selected-pressed:rgba(54, 64, 59, 1); --p-border-critical:rgba(227, 47, 14, 1); --p-border-critical-subdued:rgba(227, 47, 14, 1); --p-border-critical-disabled:rgba(131, 23, 4, 1); --p-icon-critical:rgba(218, 45, 13, 1); --p-surface-critical:rgba(69, 7, 1, 1); --p-surface-critical-subdued:rgba(69, 7, 1, 1); --p-surface-critical-subdued-hovered:rgba(68, 23, 20, 1); --p-surface-critical-subdued-pressed:rgba(107, 16, 3, 1); --p-surface-critical-subdued-depressed:rgba(135, 24, 5, 1); --p-text-critical:rgba(233, 128, 122, 1); --p-action-critical:rgba(205, 41, 12, 1); --p-action-critical-disabled:rgba(187, 37, 10, 1); --p-action-critical-hovered:rgba(227, 47, 14, 1); --p-action-critical-pressed:rgba(250, 53, 17, 1); --p-action-critical-depressed:rgba(253, 87, 73, 1); --p-icon-on-critical:rgba(255, 248, 247, 1); --p-text-on-critical:rgba(255, 255, 255, 1); --p-interactive-critical:rgba(253, 114, 106, 1); --p-interactive-critical-disabled:rgba(254, 172, 168, 1); --p-interactive-critical-hovered:rgba(253, 138, 132, 1); --p-interactive-critical-pressed:rgba(253, 159, 155, 1); --p-border-warning:rgba(153, 112, 0, 1); --p-border-warning-subdued:rgba(153, 112, 0, 1); --p-icon-warning:rgba(104, 75, 0, 1); --p-surface-warning:rgba(153, 112, 0, 1); --p-surface-warning-subdued:rgba(77, 59, 29, 1); --p-surface-warning-subdued-hovered:rgba(82, 63, 32, 1); --p-surface-warning-subdued-pressed:rgba(87, 67, 34, 1); --p-text-warning:rgba(202, 149, 0, 1); --p-border-highlight:rgba(68, 157, 167, 1); --p-border-highlight-subdued:rgba(68, 157, 167, 1); --p-icon-highlight:rgba(44, 108, 115, 1); --p-surface-highlight:rgba(0, 105, 113, 1); --p-surface-highlight-subdued:rgba(18, 53, 57, 1); --p-surface-highlight-subdued-hovered:rgba(20, 58, 62, 1); --p-surface-highlight-subdued-pressed:rgba(24, 65, 70, 1); --p-text-highlight:rgba(162, 239, 250, 1); --p-border-success:rgba(0, 135, 102, 1); --p-border-success-subdued:rgba(0, 135, 102, 1); --p-icon-success:rgba(0, 94, 70, 1); --p-surface-success:rgba(0, 94, 70, 1); --p-surface-success-subdued:rgba(28, 53, 44, 1); --p-surface-success-subdued-hovered:rgba(31, 58, 48, 1); --p-surface-success-subdued-pressed:rgba(35, 65, 54, 1); --p-text-success:rgba(88, 173, 142, 1); --p-decorative-one-icon:rgba(255, 186, 67, 1); --p-decorative-one-surface:rgba(142, 102, 9, 1); --p-decorative-one-text:rgba(255, 255, 255, 1); --p-decorative-two-icon:rgba(245, 182, 192, 1); --p-decorative-two-surface:rgba(206, 88, 20, 1); --p-decorative-two-text:rgba(255, 255, 255, 1); --p-decorative-three-icon:rgba(0, 227, 141, 1); --p-decorative-three-surface:rgba(0, 124, 90, 1); --p-decorative-three-text:rgba(255, 255, 255, 1); --p-decorative-four-icon:rgba(0, 221, 218, 1); --p-decorative-four-surface:rgba(22, 124, 121, 1); --p-decorative-four-text:rgba(255, 255, 255, 1); --p-decorative-five-icon:rgba(244, 183, 191, 1); --p-decorative-five-surface:rgba(194, 51, 86, 1); --p-decorative-five-text:rgba(255, 255, 255, 1); --p-border-radius-slim:0.2rem; --p-border-radius-base:0.4rem; --p-border-radius-wide:0.8rem; --p-border-radius-full:50%; --p-card-shadow:0px 0px 5px var(--p-shadow-from-ambient-light), 0px 1px 2px var(--p-shadow-from-direct-light); --p-popover-shadow:-1px 0px 20px var(--p-shadow-from-ambient-light), 0px 1px 5px var(--p-shadow-from-direct-light); --p-modal-shadow:0px 26px 80px var(--p-shadow-from-dim-light), 0px 0px 1px var(--p-shadow-from-dim-light); --p-top-bar-shadow:0 2px 2px -1px var(--p-shadow-from-direct-light); --p-button-drop-shadow:0 1px 0 rgba(0, 0, 0, 0.05); --p-button-inner-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.2); --p-button-pressed-inner-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.15); --p-override-none:none; --p-override-transparent:transparent; --p-override-one:1; --p-override-visible:visible; --p-override-zero:0; --p-override-loading-z-index:514; --p-button-font-weight:500; --p-non-null-content:""; --p-choice-size:2rem; --p-icon-size:1rem; --p-choice-margin:0.1rem; --p-control-border-width:0.2rem; --p-banner-border-default:inset 0 0.1rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.1rem var(--p-border-neutral-subdued); --p-banner-border-success:inset 0 0.1rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.1rem var(--p-border-success-subdued); --p-banner-border-highlight:inset 0 0.1rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.1rem var(--p-border-highlight-subdued); --p-banner-border-warning:inset 0 0.1rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.1rem var(--p-border-warning-subdued); --p-banner-border-critical:inset 0 0.1rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.1rem var(--p-border-critical-subdued); --p-badge-mix-blend-mode:luminosity; --p-thin-border-subdued:0.1rem solid var(--p-border-subdued); --p-text-field-spinner-offset:0.2rem; --p-text-field-focus-ring-offset:-0.4rem; --p-text-field-focus-ring-border-radius:0.7rem; --p-button-group-item-spacing:-0.1rem; --p-duration-1-0-0:100ms; --p-duration-1-5-0:150ms; --p-ease-in:cubic-bezier(0.5, 0.1, 1, 1); --p-ease:cubic-bezier(0.4, 0.22, 0.28, 1); --p-range-slider-thumb-size-base:1.6rem; --p-range-slider-thumb-size-active:2.4rem; --p-range-slider-thumb-scale:1.5; --p-badge-font-weight:400; --p-frame-offset:0px; color: rgb(227, 229, 231);)
115
+ def polaris_body_styles
116
+ %(background-color: var(--p-color-bg-app);color: var(--p-color-text);)
106
117
  end
107
118
  end
108
119
  end
@@ -8,16 +8,21 @@ if APPLICATION_LAYOUT_PATH.exist?
8
8
  insert_into_file APPLICATION_LAYOUT_PATH.to_s, "\n <%= stylesheet_link_tag \"polaris_view_components\" %>", before: /\s*<\/head>/
9
9
 
10
10
  if File.read(APPLICATION_LAYOUT_PATH).include?("<body>")
11
+ say "Add Polaris inline styles for <html> in application layout"
12
+ gsub_file APPLICATION_LAYOUT_PATH.to_s, "<html", "<html style=\"<%= polaris_html_styles %>\""
13
+
11
14
  say "Add Polaris inline styles for <body> in application layout"
12
15
  gsub_file APPLICATION_LAYOUT_PATH.to_s, "<body>", "<body style=\"<%= polaris_body_styles %>\">"
13
16
  else
14
17
  say "<body> tag is not found in application layout.", :red
18
+ say " Replace <html> with <html style=\"<%= polaris_html_styles %>\"> in your custom layour."
15
19
  say " Replace <body> with <body style=\"<%= polaris_body_styles %>\"> in your custom layour."
16
20
  end
17
21
  else
18
22
  say "Default application.html.erb is missing!", :red
19
23
  say " 1. Add <%= stylesheet_link_tag \"polaris_view_components\" %> within the <head> tag in your custom layout."
20
- say " 2. Replace <body> with <body style=\"<%= polaris_body_styles %>\"> in your custom layour."
24
+ say " 2. Replace <html> with <html style=\"<%= polaris_html_styles %>\"> in your custom layour."
25
+ say " 3. Replace <body> with <body style=\"<%= polaris_body_styles %>\"> in your custom layour."
21
26
  end
22
27
 
23
28
  if IMPORTMAP_BINSTUB.exist?