polaris_view_components 1.4.4 → 2.0.0

data/app/components/polaris/page_component.html.erb

@@ -11,12 +11,12 @@
         <div class="Polaris-Page-Header__Row">
           <% if @back_url.present? %>
             <div class="Polaris-Page-Header__BreadcrumbWrapper">
-              <%= polaris_box(max_width: "100%", padding_inline_end: "4", print_hidden: true) do %>
+              <%= polaris_box(max_width: "100%", padding_inline_end: "2", print_hidden: true) do %>
                 <nav role="navigation">
                   <a class="Polaris-Breadcrumbs__Breadcrumb" href="<%= @back_url %>" data-polaris-unstyled="true">
                     <span class="Polaris-Breadcrumbs__ContentWrapper">
                       <span class="Polaris-Breadcrumbs__Icon">
-                        <%= polaris_icon(name: "ArrowLeftMinor") %>
+                        <%= polaris_icon(name: "ArrowLeftIcon") %>
                       </span>
                     </span>
                   </a>
@@ -56,7 +56,7 @@
                     <div class="Polaris-ActionMenu-RollupActions__RollupActivator">
                       <%= polaris_popover(position: :below, alignment: :right) do |popover| %>
                         <% popover.with_button do |button| %>
-                          <% button.with_icon(name: "HorizontalDotsMinor") %>
+                          <% button.with_icon(name: "MenuHorizontalIcon") %>
                         <% end %>
                         <%= polaris_action_list(style: "text-align: left;") do |action_list| %>
                           <% if @secondary_actions.any? %>
@@ -111,7 +111,7 @@
                       <%= polaris_button_group(segmented: @pagination_label.blank?) do |group| %>
                         <% group.with_item do %>
                           <%= polaris_button(url: @prev_url, outline: true, disabled: @prev_url.blank?) do |button| %>
-                            <% button.with_icon(name: "ChevronLeftMinor") %>
+                            <% button.with_icon(name: "ChevronLeftIcon") %>
                           <% end %>
                         <% end %>
                         <% if @pagination_label.present? %>
@@ -121,7 +121,7 @@
                         <% end %>
                         <% group.with_item do %>
                           <%= polaris_button(url: @next_url, outline: true, disabled: @next_url.blank?) do |button| %>
-                            <% button.with_icon(name: "ChevronRightMinor") %>
+                            <% button.with_icon(name: "ChevronRightIcon") %>
                           <% end %>
                         <% end %>
                       <% end %>

data/app/components/polaris/pagination_component.html.erb

@@ -2,7 +2,7 @@
   <%= polaris_button_group(**@button_group_arguments) do |group| %>
     <% group.with_item do %>
       <%= polaris_button(url: @previous_url, outline: true, disabled: @previous_url.blank?) do |button| %>
-        <% button.with_icon(name: "ChevronLeftMinor") %>
+        <% button.with_icon(name: "ChevronLeftIcon") %>
       <% end %>
     <% end %>
     <% if @label.present? %>
@@ -12,7 +12,7 @@
     <% end %>
     <% group.with_item do %>
       <%= polaris_button(url: @next_url, outline: true, disabled: @next_url.blank?) do |button| %>
-        <% button.with_icon(name: "ChevronRightMinor") %>
+        <% button.with_icon(name: "ChevronRightIcon") %>
       <% end %>
     <% end %>
   <% end %>

data/app/components/polaris/popover/section_component.rb

@@ -15,7 +15,7 @@ class Polaris::Popover::SectionComponent < Polaris::Component
 
   def call
     render(Polaris::BaseComponent.new(**system_arguments)) do
-      render(Polaris::BoxComponent.new(padding: "4")) do
+      render(Polaris::BoxComponent.new(padding: "2")) do
         content
       end
     end

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

@@ -13,12 +13,12 @@
       <%= render(Polaris::BoxComponent.new(**container_arguments)) do %>
         <%= polaris_horizontal_grid(columns: "1fr auto") do %>
           <%= polaris_horizontal_grid(
-            gap: "5",
+            gap: "3",
             columns: (media.present? || @selectable) ? "auto 1fr" : "1fr"
           ) do %>
             <% if owned? %>
               <%= polaris_horizontal_stack(
-                gap: "4",
+                gap: "3",
                 block_align: (media.present? && @selectable) ? :center : @vertical_alignment
               ) do %>
                 <% if checkbox.present? || radio_button.present? %>
@@ -41,12 +41,12 @@
               <% end %>
             <% end %>
 
-            <%= polaris_horizontal_stack(gap: "4", block_align: @vertical_alignment || :center) do %>
+            <%= polaris_horizontal_stack(gap: "2", block_align: @vertical_alignment || :center) do %>
               <%= polaris_box(
                 width: "100%",
                 padding: "0",
                 padding_inline_start: "0",
-                padding_inline_end: "0"
+                padding_inline_end: "2"
               ) do %>
                 <%= content %>
               <% end %>

data/app/components/polaris/resource_item_component.rb

@@ -70,8 +70,6 @@ module Polaris
         )
         args[:position] = :relative
         args[:padding] = "3"
-        args[:padding_inline_start] = {xs: "4", sm: "5"}
-        args[:padding_inline_end] = {xs: "4", sm: "5"}
         args[:z_index] = "var(--pc-resource-item-content-stacking-order)"
       end
     end

data/app/components/polaris/tabs_component.html.erb

@@ -1,8 +1,8 @@
 <%= polaris_box(
   border_block_end_width: "1",
   border_color: "border-subdued",
-  padding_inline_start: "2",
-  padding_inline_end: "2",
+  padding_inline_start: "3",
+  padding_inline_end: "3",
   **wrapper_arguments
 ) do %>
   <%= render(Polaris::BaseComponent.new(**system_arguments)) do %>

data/app/components/polaris/tag_component.rb

@@ -9,7 +9,7 @@ module Polaris
         type: type,
         **system_arguments
       ) do |button|
-        polaris_icon(name: "CancelSmallMinor")
+        polaris_icon(name: "XSmallIcon")
       end
     end
 

data/app/components/polaris/text_field_component.html.erb

@@ -52,7 +52,7 @@
             data-action="polaris-text-field#clear"
           >
             <%= polaris_visually_hidden { "Clear" } %>
-            <%= polaris_icon(name: "CircleCancelMinor", color: :base) %>
+            <%= polaris_icon(name: "XCircleIcon", color: :base) %>
           </button>
         <% end %>
 

data/app/components/polaris/toast_component.html.erb

@@ -14,7 +14,7 @@
         type="button"
         class="Polaris-Frame-Toast__CloseButton"
       >
-        <%= polaris_icon(name: "MobileCancelMajor") %>
+        <%= polaris_icon(name: "XIcon") %>
       </button>
     </div>
   </div>

data/app/components/polaris/tokens/spacing.rb

@@ -6,6 +6,7 @@ module Polaris
         025
         05
         1
+        1_5
         2
         3
         4

data/app/helpers/polaris/form_builder.rb

@@ -6,7 +6,7 @@ module Polaris
 
     delegate :render, :pluralize, to: :template
 
-    def errors_summary
+    def errors_summary(within: :container)
       return if object.blank?
       return unless object.errors.any?
 
@@ -19,7 +19,7 @@ module Polaris
       render Polaris::BannerComponent.new(
         title: title,
         status: :critical,
-        within: :container,
+        within: within,
         data: {errors_summary: true}
       ) do |banner|
         [

data/app/helpers/polaris/view_helper.rb

@@ -110,6 +110,10 @@ module Polaris
       doc.to_html.html_safe
     end
 
+    def polaris_html_classes
+      "Polaris-Summer-Editions-2023"
+    end
+
     def polaris_html_styles
       %(--pc-frame-global-ribbon-height:0px; --pc-frame-offset:0px;)
     end

data/lib/install/install.rb

@@ -8,20 +8,20 @@ if APPLICATION_LAYOUT_PATH.exist?
   insert_into_file APPLICATION_LAYOUT_PATH.to_s, "\n    <%= stylesheet_link_tag \"polaris_view_components\" %>", before: /\s*<\/head>/
 
   if File.read(APPLICATION_LAYOUT_PATH).include?("<body>")
-    say "Add Polaris inline styles for <html> in application layout"
-    gsub_file APPLICATION_LAYOUT_PATH.to_s, "<html", "<html style=\"<%= polaris_html_styles %>\""
+    say "Add Polaris classes and inline styles for <html> in application layout"
+    gsub_file APPLICATION_LAYOUT_PATH.to_s, "<html", "<html class=\"<%= polaris_html_classes %>\" style=\"<%= polaris_html_styles %>\""
 
     say "Add Polaris inline styles for <body> in application layout"
     gsub_file APPLICATION_LAYOUT_PATH.to_s, "<body>", "<body style=\"<%= polaris_body_styles %>\">"
   else
     say "<body> tag is not found in application layout.", :red
-    say "        Replace <html> with <html style=\"<%= polaris_html_styles %>\"> in your custom layour."
+    say "        Replace <html> with <html class=\"<%= polaris_html_classes %>\" style=\"<%= polaris_html_styles %>\"> in your custom layour."
     say "        Replace <body> with <body style=\"<%= polaris_body_styles %>\"> in your custom layour."
   end
 else
   say "Default application.html.erb is missing!", :red
   say "        1. Add <%= stylesheet_link_tag \"polaris_view_components\" %> within the <head> tag in your custom layout."
-  say "        2. Replace <html> with <html style=\"<%= polaris_html_styles %>\"> in your custom layour."
+  say "        2. Replace <html> with <html class=\"<%= polaris_html_classes %>\" style=\"<%= polaris_html_styles %>\"> in your custom layour."
   say "        3. Replace <body> with <body style=\"<%= polaris_body_styles %>\"> in your custom layour."
 end
 

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "1.4.4"
+    VERSION = "2.0.0"
   end
 end