primer_view_components 0.1.2 → 0.1.4

data/lib/primer/forms/text_field.html.erb

@@ -1,19 +1,17 @@
-<primer-text-field>
-  <%= render(FormControl.new(input: @input)) do %>
-    <%= content_tag(:div, **@field_wrap_arguments) do %>
-      <% if @input.leading_visual %>
-        <span class="FormControl-input-leadingVisualWrap">
-          <%= render(Primer::Beta::Octicon.new(**@input.leading_visual)) %>
-        </span>
-      <% end %>
-      <%= render Primer::ConditionalWrapper.new(condition: @input.auto_check_src, tag: "auto-check", csrf: auto_check_authenticity_token, src: @input.auto_check_src) do %>
-        <%= builder.text_field(@input.name, **@input.input_arguments) %>
-      <% end %>
-      <% if @input.show_clear_button? %>
-        <button type="button" id="<%= @input.clear_button_id %>" class="FormControl-input-trailingAction" aria-label="Clear" data-action="click:primer-text-field#clearContents">
-          <%= render(Primer::Beta::Octicon.new(icon: :"x-circle-fill")) %>
-        </button>
-      <% end %>
+<%= render(FormControl.new(input: @input, tag: :"primer-text-field")) do %>
+  <%= content_tag(:div, **@field_wrap_arguments) do %>
+    <% if @input.leading_visual %>
+      <span class="FormControl-input-leadingVisualWrap">
+        <%= render(Primer::Beta::Octicon.new(**@input.leading_visual)) %>
+      </span>
+    <% end %>
+    <%= render Primer::ConditionalWrapper.new(condition: @input.auto_check_src, tag: "auto-check", csrf: auto_check_authenticity_token, src: @input.auto_check_src) do %>
+      <%= builder.text_field(@input.name, **@input.input_arguments) %>
+    <% end %>
+    <% if @input.show_clear_button? %>
+      <button type="button" id="<%= @input.clear_button_id %>" class="FormControl-input-trailingAction" aria-label="Clear" data-action="click:primer-text-field#clearContents">
+        <%= render(Primer::Beta::Octicon.new(icon: :"x-circle-fill")) %>
+      </button>
     <% end %>
   <% end %>
-</primer-text-field>
+<% end %>

data/lib/primer/view_components/version.rb

@@ -6,7 +6,7 @@ module Primer
     module VERSION
       MAJOR = 0
       MINOR = 1
-      PATCH = 2
+      PATCH = 4
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/lib/tasks/custom_utilities.yml

@@ -99,45 +99,105 @@
 :border:
   :left:
   - border-left
+  - border-sm-left
+  - border-md-left
+  - border-lg-left
+  - border-xl-left
   :top:
   - border-top
+  - border-sm-top
+  - border-md-top
+  - border-lg-top
+  - border-xl-top
   :bottom:
   - border-bottom
+  - border-sm-bottom
+  - border-md-bottom
+  - border-lg-bottom
+  - border-xl-bottom
   :right:
   - border-right
+  - border-sm-right
+  - border-md-right
+  - border-lg-right
+  - border-xl-right
   :y:
   - border-y
   :x:
   - border-x
   true:
   - border
+  - border-sm
+  - border-md
+  - border-lg
+  - border-xl
   0:
   - border-0
+  - border-sm-0
+  - border-md-0
+  - border-lg-0
+  - border-xl-0
   false:
   - border-0
+  - border-sm-0
+  - border-md-0
+  - border-lg-0
+  - border-xl-0
   :dashed:
   - border-dashed
 :border_top:
   0:
   - border-top-0
+  - border-sm-top-0
+  - border-md-top-0
+  - border-lg-top-0
+  - border-xl-top-0
 :border_bottom:
   0:
   - border-bottom-0
+  - border-sm-bottom-0
+  - border-md-bottom-0
+  - border-lg-bottom-0
+  - border-xl-bottom-0
 :border_left:
   0:
   - border-left-0
+  - border-sm-left-0
+  - border-md-left-0
+  - border-lg-left-0
+  - border-xl-left-0
 :border_right:
   0:
   - border-right-0
+  - border-sm-right-0
+  - border-md-right-0
+  - border-lg-right-0
+  - border-xl-right-0
 :border_radius:
   0:
   - rounded-0
+  - rounded-sm-0
+  - rounded-md-0
+  - rounded-lg-0
+  - rounded-xl-0
   1:
   - rounded-1
+  - rounded-sm-1
+  - rounded-md-1
+  - rounded-lg-1
+  - rounded-xl-1
   2:
   - rounded-2
+  - rounded-sm-2
+  - rounded-md-2
+  - rounded-lg-2
+  - rounded-xl-2
   3:
   - rounded-3
+  - rounded-sm-3
+  - rounded-md-3
+  - rounded-lg-3
+  - rounded-xl-3
 :justify_content:
   :flex_start:
   - flex-justify-start

data/previews/primer/alpha/text_field_preview.rb

@@ -167,6 +167,13 @@ module Primer
       end
       #
       # @!endgroup
+
+      # @label With data target attribute
+      def with_data_target
+        render(Primer::Alpha::TextField.new(name: "my-text-field", label: "My text field", data: { target: "custom-component.inputElement" }))
+      end
+      #
+      # @!endgroup
     end
   end
 end

data/static/arguments.json

@@ -1335,7 +1335,7 @@
   },
   {
     "component": "Layout",
-    "status": "alpha",
+    "status": "deprecated",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
     "parameters": [
@@ -2394,8 +2394,8 @@
       {
         "name": "label",
         "type": "String",
-        "default": "N/A",
-        "description": "Item label."
+        "default": "`nil`",
+        "description": "Item label. If no label is provided, content is used."
       },
       {
         "name": "label_classes",

data/static/previews.json

@@ -1116,22 +1116,6 @@
       }
     ]
   },
-  {
-    "name": "layout",
-    "lookup_path": "primer/layout",
-    "examples": [
-      {
-        "inspect_path": "/lookbook/inspect/primer/layout/playground",
-        "preview_path": "/lookbook/preview/primer/layout/playground",
-        "name": "playground"
-      },
-      {
-        "inspect_path": "/lookbook/inspect/primer/layout/default",
-        "preview_path": "/lookbook/preview/primer/layout/default",
-        "name": "default"
-      }
-    ]
-  },
   {
     "name": "link",
     "lookup_path": "primer/beta/link",
@@ -1642,6 +1626,11 @@
         "preview_path": "/lookbook/preview/primer/alpha/text_field/default",
         "name": "default"
       },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/text_field/with_data_target",
+        "preview_path": "/lookbook/preview/primer/alpha/text_field/with_data_target",
+        "name": "with_data_target"
+      },
       {
         "inspect_path": "/lookbook/inspect/primer/alpha/text_field/auto_check",
         "preview_path": "/lookbook/preview/primer/alpha/text_field/auto_check",

data/static/statuses.json

@@ -92,7 +92,7 @@
   "Primer::ConditionalWrapper": "alpha",
   "Primer::Content": "stable",
   "Primer::IconButton": "deprecated",
-  "Primer::LayoutComponent": "alpha",
+  "Primer::LayoutComponent": "deprecated",
   "Primer::Navigation::TabComponent": "deprecated",
   "Primer::Tooltip": "deprecated",
   "Primer::Truncate": "deprecated"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.4
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-03-13 00:00:00.000000000 Z
+date: 2023-03-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -1034,7 +1034,6 @@ files:
 - previews/primer/forms/forms_preview/single_text_field_form.html.erb
 - previews/primer/forms/forms_preview/submit_button_form.html.erb
 - previews/primer/forms/forms_preview/text_field_and_checkbox_form.html.erb
-- previews/primer/layout_component_preview.rb
 - previews/primer/url_helpers.rb
 - static/arguments.json
 - static/assets/view-components.svg

data/previews/primer/layout_component_preview.rb

@@ -1,30 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # @label LayoutComponent
-  class LayoutComponentPreview < ViewComponent::Preview
-    # @label Playground
-    #
-    # @param responsive [Boolean]
-    # @param side [Symbol] select [left, right]
-    # @param sidebar_col [Integer] select [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
-    def playground(responsive: false, side: :right, sidebar_col: 3)
-      render(Primer::LayoutComponent.new(responsive: responsive, side: side, sidebar_col: sidebar_col)) do |component|
-        component.with_main { "Main" }
-        component.with_sidebar { "Sidebar" }
-      end
-    end
-
-    # @label Default
-    #
-    # @param responsive [Boolean]
-    # @param side [Symbol] select [left, right]
-    # @param sidebar_col [Integer] select [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
-    def default(responsive: false, side: :right, sidebar_col: 3)
-      render(Primer::LayoutComponent.new(responsive: responsive, side: side, sidebar_col: sidebar_col)) do |component|
-        component.with_main { "Main" }
-        component.with_sidebar { "Sidebar" }
-      end
-    end
-  end
-end