RubyGems - polaris_view_components - Versions diffs - 3.2.1 → 4.0.0 - Mend

polaris_view_components 3.2.1 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

data/app/components/polaris/resource_item/shortcut_actions_component.rb CHANGED Viewed

@@ -75,7 +75,11 @@ class Polaris::ResourceItem::ShortcutActionsComponent < Polaris::Component
       @system_arguments.tap do |opts|
         opts[:url] = @url
         opts[:size] = :slim unless @persist_actions
-        opts[:plain] = true if @persist_actions
+        if @persist_actions
+          opts[:plain] = true
+          opts[:monochrome] = true
+          opts[:remove_underline] = true
+        end
       end
     end

data/app/components/polaris/resource_item_component.html.erb CHANGED Viewed

@@ -11,15 +11,15 @@
       <% end %>
       <%= render(Polaris::BoxComponent.new(**container_arguments)) do %>
-        <%= polaris_horizontal_grid(columns: "1fr auto") do %>
+        <%= polaris_horizontal_grid(columns: shortcut_actions.present? ? "minmax(0, 1fr) auto" : "minmax(0, 1fr)", align_items: :center, gap: "4") do %>
           <%= polaris_horizontal_grid(
             gap: "3",
-            columns: (media.present? || @selectable) ? "auto 1fr" : "1fr"
+            columns: owned? ? "auto minmax(0, 1fr)" : "minmax(0, 1fr)"
           ) do %>
             <% if owned? %>
               <%= polaris_horizontal_stack(
                 gap: "3",
-                block_align: (media.present? && @selectable) ? :center : @vertical_alignment
+                block_align: @vertical_alignment || :center
               ) do %>
                 <% if checkbox.present? || radio_button.present? %>
                   <%= polaris_bleed(margin_block: "2", margin_inline: "3") do %>
@@ -46,7 +46,7 @@
                 width: "100%",
                 padding: "0",
                 padding_inline_start: "0",
-                padding_inline_end: "2"
+                padding_inline_end: "0"
               ) do %>
                 <%= content %>
               <% end %>

data/app/components/polaris/resource_item_component.rb CHANGED Viewed

@@ -66,10 +66,13 @@ module Polaris
     def container_arguments
       @container_arguments.tap do |args|
         args[:classes] = class_names(
-          args[:classes]
+          args[:classes],
+          "Polaris-ResourceItem__Container"
         )
         args[:position] = :relative
         args[:padding] = "3"
+        args[:padding_inline_start] ||= "4"
+        args[:padding_inline_end] ||= "4"
         args[:z_index] = "var(--pc-resource-item-content-stacking-order)"
       end
     end

data/app/components/polaris/spinner_component.html.erb CHANGED Viewed

@@ -1,13 +1,8 @@
 <%= render Polaris::BaseComponent.new(**@system_arguments) do %>
-  <% if @size == :large %>
-    <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg">
-      <path d="M15.542 1.487A21.507 21.507 0 00.5 22c0 11.874 9.626 21.5 21.5 21.5 9.847 0 18.364-6.675 20.809-16.072a1.5 1.5 0 00-2.904-.756C37.803 34.755 30.473 40.5 22 40.5 11.783 40.5 3.5 32.217 3.5 22c0-8.137 5.3-15.247 12.942-17.65a1.5 1.5 0 10-.9-2.863z" />
-    </svg>
-  <% else %>
-    <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-      <path d="M7.229 1.173a9.25 9.25 0 1011.655 11.412 1.25 1.25 0 10-2.4-.698 6.75 6.75 0 11-8.506-8.329 1.25 1.25 0 10-.75-2.385z" />
-    </svg>
-  <% end %>
+  <svg viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" focusable="false">
+    <circle class="Polaris-Spinner__Track" r="<%= @size == :small ? 14 : 19 %>" stroke-width="<%= @size == :small ? 3 : 2 %>" cx="22" cy="22" />
+    <circle class="Polaris-Spinner__Indicator" pathLength="10" r="<%= @size == :small ? 14 : 19 %>" stroke-width="<%= @size == :small ? 3 : 2 %>" cx="22" cy="22" />
+  </svg>
 <% end %>
 <% if render_accessibility? %>

data/app/components/polaris/tabs_component.rb CHANGED Viewed

@@ -22,6 +22,8 @@ module Polaris
       @system_arguments.tap do |opts|
         opts[:tag] = "ul"
         opts[:role] = "tablist"
+        opts[:data] ||= {}
+        prepend_option(opts[:data], :controller, "polaris-tabs")
         opts[:classes] = class_names(
           @system_arguments[:classes],
           "Polaris-LegacyTabs",

data/lib/polaris/view_components/version.rb CHANGED Viewed

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "3.2.1"
+    VERSION = "4.0.0"
   end
 end

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 3.2.1
+  version: 4.0.0
 platform: ruby
 authors:
 - Dan Gamble
@@ -78,14 +78,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: '6.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: '6.0'
 - !ruby/object:Gem::Dependency
   name: pry
   requirement: !ruby/object:Gem::Requirement
@@ -153,10 +153,14 @@ files:
 - README.md
 - app/assets/fonts/InterVariable-Italic.woff2
 - app/assets/fonts/InterVariable.woff2
+- app/assets/fonts/OFL.txt
+- app/assets/fonts/ShopifyInterVariable-latin-ext.woff2
+- app/assets/fonts/ShopifyInterVariable-latin.woff2
 - app/assets/icons/polaris/AdjustIcon.svg
 - app/assets/icons/polaris/AffiliateIcon.svg
 - app/assets/icons/polaris/AirplaneIcon.svg
 - app/assets/icons/polaris/AlertBubbleIcon.svg
+- app/assets/icons/polaris/AlertCircleFilledIcon.svg
 - app/assets/icons/polaris/AlertCircleIcon.svg
 - app/assets/icons/polaris/AlertDiamondIcon.svg
 - app/assets/icons/polaris/AlertTriangleIcon.svg
@@ -233,6 +237,7 @@ files:
 - app/assets/icons/polaris/ChartVerticalIcon.svg
 - app/assets/icons/polaris/ChatIcon.svg
 - app/assets/icons/polaris/ChatReferralIcon.svg
+- app/assets/icons/polaris/CheckCircleFilledIcon.svg
 - app/assets/icons/polaris/CheckCircleIcon.svg
 - app/assets/icons/polaris/CheckIcon.svg
 - app/assets/icons/polaris/CheckSmallIcon.svg
@@ -371,6 +376,7 @@ files:
 - app/assets/icons/polaris/ImportIcon.svg
 - app/assets/icons/polaris/IncentiveIcon.svg
 - app/assets/icons/polaris/IncomingIcon.svg
+- app/assets/icons/polaris/InfoFilledIcon.svg
 - app/assets/icons/polaris/InfoIcon.svg
 - app/assets/icons/polaris/InventoryFilledIcon.svg
 - app/assets/icons/polaris/InventoryIcon.svg
@@ -678,6 +684,7 @@ files:
 - app/assets/javascripts/polaris_view_components/resource_item_controller.js
 - app/assets/javascripts/polaris_view_components/scrollable_controller.js
 - app/assets/javascripts/polaris_view_components/select_controller.js
+- app/assets/javascripts/polaris_view_components/tabs_controller.js
 - app/assets/javascripts/polaris_view_components/text_field_controller.js
 - app/assets/javascripts/polaris_view_components/toast_controller.js
 - app/assets/javascripts/polaris_view_components/tooltip_controller.js
@@ -686,18 +693,23 @@ files:
 - app/assets/stylesheets/polaris_view_components.css
 - app/assets/stylesheets/polaris_view_components.pcss
 - app/assets/stylesheets/polaris_view_components/action_list.pcss
+- app/assets/stylesheets/polaris_view_components/badge.pcss
 - app/assets/stylesheets/polaris_view_components/banner.pcss
 - app/assets/stylesheets/polaris_view_components/button.pcss
 - app/assets/stylesheets/polaris_view_components/callout_card.pcss
 - app/assets/stylesheets/polaris_view_components/card.pcss
+- app/assets/stylesheets/polaris_view_components/choice.pcss
 - app/assets/stylesheets/polaris_view_components/collapsible.pcss
 - app/assets/stylesheets/polaris_view_components/custom.pcss
 - app/assets/stylesheets/polaris_view_components/data_table.pcss
+- app/assets/stylesheets/polaris_view_components/description_list.pcss
+- app/assets/stylesheets/polaris_view_components/drop_zone.pcss
 - app/assets/stylesheets/polaris_view_components/fonts.pcss
 - app/assets/stylesheets/polaris_view_components/footer_help.pcss
 - app/assets/stylesheets/polaris_view_components/form_layout.pcss
 - app/assets/stylesheets/polaris_view_components/index_table.pcss
 - app/assets/stylesheets/polaris_view_components/list.pcss
+- app/assets/stylesheets/polaris_view_components/media.pcss
 - app/assets/stylesheets/polaris_view_components/modal.pcss
 - app/assets/stylesheets/polaris_view_components/navigation.pcss
 - app/assets/stylesheets/polaris_view_components/navigation_list_component.pcss
@@ -705,11 +717,14 @@ files:
 - app/assets/stylesheets/polaris_view_components/page.pcss
 - app/assets/stylesheets/polaris_view_components/pagination.pcss
 - app/assets/stylesheets/polaris_view_components/popover.pcss
+- app/assets/stylesheets/polaris_view_components/resource_list.pcss
 - app/assets/stylesheets/polaris_view_components/save_bar.pcss
 - app/assets/stylesheets/polaris_view_components/shopify_navigation.pcss
 - app/assets/stylesheets/polaris_view_components/spacer_component.pcss
 - app/assets/stylesheets/polaris_view_components/tabs.pcss
+- app/assets/stylesheets/polaris_view_components/tag.pcss
 - app/assets/stylesheets/polaris_view_components/text_fields.pcss
+- app/assets/stylesheets/polaris_view_components/theme.pcss
 - app/assets/stylesheets/polaris_view_components/tooltip_component.pcss
 - app/assets/stylesheets/polaris_view_components/variables.pcss
 - app/components/polaris/action.rb