primer_view_components 0.0.101 → 0.0.103

data/static/arguments.json

@@ -1559,66 +1559,6 @@
       }
     ]
   },
-  {
-    "component": "Flex",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/flex_component.rb",
-    "parameters": [
-      {
-        "name": "justify_content",
-        "type": "Symbol",
-        "default": "`JUSTIFY_CONTENT_DEFAULT`",
-        "description": "Use this param to distribute space between and around flex items along the main axis of the container. One of `nil`, `:center`, `:flex_end`, `:flex_start`, `:space_around`, or `:space_between`."
-      },
-      {
-        "name": "inline",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Defaults to false."
-      },
-      {
-        "name": "flex_wrap",
-        "type": "Boolean",
-        "default": "`FLEX_WRAP_DEFAULT`",
-        "description": "Defaults to nil."
-      },
-      {
-        "name": "align_items",
-        "type": "Symbol",
-        "default": "`ALIGN_ITEMS_DEFAULT`",
-        "description": "Use this param to align items on the cross axis. One of `nil`, `:baseline`, `:center`, `:end`, `:start`, or `:stretch`."
-      },
-      {
-        "name": "direction",
-        "type": "Symbol",
-        "default": "`nil`",
-        "description": "Use this param to define the orientation of the main axis (row or column). By default, flex items will display in a row. One of `nil`, `:column`, `:column_reverse`, `:row`, or `:row_reverse`."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "FlexItem",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/flex_item_component.rb",
-    "parameters": [
-      {
-        "name": "flex_auto",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Fills available space and auto-sizes based on the content. Defaults to false"
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "HellipButton",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/hellip_button.rb",

data/static/audited_at.json

@@ -51,20 +51,14 @@
   "Primer::BoxComponent": "",
   "Primer::ButtonComponent": "",
   "Primer::ClipboardCopy": "",
-  "Primer::CloseButton": "",
   "Primer::ConditionalWrapper": "",
   "Primer::Content": "",
   "Primer::CounterComponent": "",
-  "Primer::DetailsComponent": "",
   "Primer::Dropdown": "",
   "Primer::Dropdown::Menu": "",
   "Primer::Dropdown::Menu::Item": "",
   "Primer::DropdownMenuComponent": "",
-  "Primer::FlexComponent": "",
-  "Primer::FlexItemComponent": "",
-  "Primer::HeadingComponent": "",
   "Primer::HellipButton": "",
-  "Primer::HiddenTextExpander": "",
   "Primer::IconButton": "",
   "Primer::Image": "",
   "Primer::ImageCrop": "",

data/static/constants.json

@@ -608,16 +608,12 @@
   },
   "Primer::ClipboardCopy": {
   },
-  "Primer::CloseButton": {
-  },
   "Primer::ConditionalWrapper": {
   },
   "Primer::Content": {
   },
   "Primer::CounterComponent": {
   },
-  "Primer::DetailsComponent": {
-  },
   "Primer::Dropdown": {
     "Menu": "Primer::Dropdown::Menu"
   },
@@ -671,72 +667,8 @@
       "dark": "dropdown-menu-dark"
     }
   },
-  "Primer::FlexComponent": {
-    "ALIGN_ITEMS_DEFAULT": null,
-    "ALIGN_ITEMS_MAPPINGS": {
-      "start": "flex-items-start",
-      "end": "flex-items-end",
-      "center": "flex-items-center",
-      "baseline": "flex-items-baseline",
-      "stretch": "flex-items-stretch"
-    },
-    "ALIGN_ITEMS_OPTIONS": [
-      null,
-      "start",
-      "end",
-      "center",
-      "baseline",
-      "stretch"
-    ],
-    "ALLOWED_DIRECTIONS": [
-      null,
-      "column",
-      "column_reverse",
-      "row",
-      "row_reverse"
-    ],
-    "DEFAULT_DIRECTION": null,
-    "FLEX_WRAP_DEFAULT": null,
-    "FLEX_WRAP_OPTIONS": [
-      null,
-      true,
-      false
-    ],
-    "INLINE_DEFAULT": false,
-    "INLINE_OPTIONS": [
-      false,
-      true
-    ],
-    "JUSTIFY_CONTENT_DEFAULT": null,
-    "JUSTIFY_CONTENT_MAPPINGS": {
-      "flex_start": "flex-justify-start",
-      "flex_end": "flex-justify-end",
-      "center": "flex-justify-center",
-      "space_between": "flex-justify-between",
-      "space_around": "flex-justify-around"
-    },
-    "JUSTIFY_CONTENT_OPTIONS": [
-      null,
-      "flex_start",
-      "flex_end",
-      "center",
-      "space_between",
-      "space_around"
-    ]
-  },
-  "Primer::FlexItemComponent": {
-    "FLEX_AUTO_ALLOWED_VALUES": [
-      false,
-      true
-    ],
-    "FLEX_AUTO_DEFAULT": false
-  },
-  "Primer::HeadingComponent": {
-  },
   "Primer::HellipButton": {
   },
-  "Primer::HiddenTextExpander": {
-  },
   "Primer::IconButton": {
     "DEFAULT_SCHEME": "default",
     "SCHEME_MAPPINGS": {

data/static/statuses.json

@@ -51,20 +51,14 @@
   "Primer::BoxComponent": "deprecated",
   "Primer::ButtonComponent": "beta",
   "Primer::ClipboardCopy": "beta",
-  "Primer::CloseButton": "deprecated",
   "Primer::ConditionalWrapper": "alpha",
   "Primer::Content": "stable",
   "Primer::CounterComponent": "deprecated",
-  "Primer::DetailsComponent": "deprecated",
   "Primer::Dropdown": "alpha",
   "Primer::Dropdown::Menu": "alpha",
   "Primer::Dropdown::Menu::Item": "alpha",
   "Primer::DropdownMenuComponent": "deprecated",
-  "Primer::FlexComponent": "deprecated",
-  "Primer::FlexItemComponent": "deprecated",
-  "Primer::HeadingComponent": "deprecated",
   "Primer::HellipButton": "alpha",
-  "Primer::HiddenTextExpander": "deprecated",
   "Primer::IconButton": "deprecated",
   "Primer::Image": "alpha",
   "Primer::ImageCrop": "alpha",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.101
+  version: 0.0.103
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-10-03 00:00:00.000000000 Z
+date: 2022-10-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -508,12 +508,10 @@ files:
 - app/components/primer/clipboard_copy.js
 - app/components/primer/clipboard_copy.rb
 - app/components/primer/clipboard_copy.ts
-- app/components/primer/close_button.rb
 - app/components/primer/component.rb
 - app/components/primer/conditional_wrapper.rb
 - app/components/primer/content.rb
 - app/components/primer/counter_component.rb
-- app/components/primer/details_component.rb
 - app/components/primer/dropdown.d.ts
 - app/components/primer/dropdown.html.erb
 - app/components/primer/dropdown.js
@@ -526,11 +524,7 @@ files:
 - app/components/primer/dropdown/menu.ts
 - app/components/primer/dropdown_menu_component.html.erb
 - app/components/primer/dropdown_menu_component.rb
-- app/components/primer/flex_component.rb
-- app/components/primer/flex_item_component.rb
-- app/components/primer/heading_component.rb
 - app/components/primer/hellip_button.rb
-- app/components/primer/hidden_text_expander.rb
 - app/components/primer/icon_button.html.erb
 - app/components/primer/icon_button.rb
 - app/components/primer/image.rb
@@ -581,6 +575,32 @@ files:
 - app/components/primer/timeline_item_component.rb
 - app/components/primer/tooltip.rb
 - app/components/primer/truncate.rb
+- app/forms/after_content_form.rb
+- app/forms/after_content_form/after_content.html.erb
+- app/forms/application_form.rb
+- app/forms/array_check_box_group_form.rb
+- app/forms/array_check_box_group_form/places_lopez_caption.html.erb
+- app/forms/both_types_of_caption_form.rb
+- app/forms/both_types_of_caption_form/first_name_caption.html.erb
+- app/forms/caption_template_form.rb
+- app/forms/caption_template_form/age_middle_aged_caption.html.erb
+- app/forms/caption_template_form/age_young_caption.html.erb
+- app/forms/caption_template_form/cool_caption.html.erb
+- app/forms/caption_template_form/first_name_caption.html.erb
+- app/forms/check_box_group_form.rb
+- app/forms/composed_form.rb
+- app/forms/first_name_form.rb
+- app/forms/horizontal_form.rb
+- app/forms/invalid_form.rb
+- app/forms/last_name_form.rb
+- app/forms/multi_input_form.rb
+- app/forms/multi_text_field_form.rb
+- app/forms/radio_button_group_form.rb
+- app/forms/radio_button_with_nested_form.rb
+- app/forms/select_list_form.rb
+- app/forms/single_text_field_form.rb
+- app/forms/submit_button_form.rb
+- app/forms/text_field_and_checkbox_form.rb
 - app/helpers/primer/form_helper.rb
 - app/lib/primer/audited/dsl.rb
 - app/lib/primer/class_name_helper.rb
@@ -725,6 +745,7 @@ files:
 - previews/primer/alpha/button_marketing_preview.rb
 - previews/primer/alpha/dialog_preview.rb
 - previews/primer/alpha/dialog_preview/custom_header.html.erb
+- previews/primer/alpha/dialog_preview/nested_dialog.html.erb
 - previews/primer/alpha/dialog_preview/test.html.erb
 - previews/primer/alpha/dialog_preview/with_footer.html.erb
 - previews/primer/alpha/dialog_preview/with_form.html.erb

data/app/components/primer/close_button.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class CloseButton < Primer::Beta::CloseButton
-    status :deprecated
-  end
-end

data/app/components/primer/details_component.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class DetailsComponent < Primer::Beta::Details
-    status :deprecated
-  end
-end

data/app/components/primer/flex_component.rb

@@ -1,146 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # Use `Flex` to make an element lay out its content using the flexbox model.
-  # Before using these utilities, you should be familiar with CSS3 Flexible Box
-  # spec. If you are not, check out MDN's guide  [Using CSS Flexible
-  # Boxes](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox).
-  #
-  # @deprecated
-  #   Use <%= link_to_component(Primer::Box) %> instead.
-  #
-  #   **Before**:
-  #
-  #   ```erb
-  #   <%%= render Primer::FlexComponent.new(justify_content: :center) %>
-  #   <%%= render Primer::FlexComponent.new(inline: true) %>
-  #   <%%= render Primer::FlexComponent.new(flex_wrap: true) %>
-  #   <%%= render Primer::FlexComponent.new(align_items: :start) %>
-  #   <%%= render Primer::FlexComponent.new(direction: :column) %>
-  #   ```
-  #
-  #   **After**:
-  #
-  #   ```erb
-  #   <%%= render Primer::Box.new(display: :flex, justify_content: :center) %>
-  #   <%%= render Primer::Box.new(display: :inline_flex) %>
-  #   <%%= render Primer::Box.new(display: :flex, flex_wrap: :wrap) %>
-  #   <%%= render Primer::Box.new(display: :flex, align_items: :start) %>
-  #   <%%= render Primer::Box.new(display: :flex, direction: :column) %>
-  #   ```
-  class FlexComponent < Primer::Component
-    status :deprecated
-
-    JUSTIFY_CONTENT_DEFAULT = nil
-    JUSTIFY_CONTENT_MAPPINGS = {
-      flex_start: "flex-justify-start",
-      flex_end: "flex-justify-end",
-      center: "flex-justify-center",
-      space_between: "flex-justify-between",
-      space_around: "flex-justify-around"
-    }.freeze
-    JUSTIFY_CONTENT_OPTIONS = [JUSTIFY_CONTENT_DEFAULT, *JUSTIFY_CONTENT_MAPPINGS.keys].freeze
-
-    ALIGN_ITEMS_DEFAULT = nil
-    ALIGN_ITEMS_MAPPINGS = {
-      start: "flex-items-start",
-      end: "flex-items-end",
-      center: "flex-items-center",
-      baseline: "flex-items-baseline",
-      stretch: "flex-items-stretch"
-    }.freeze
-    ALIGN_ITEMS_OPTIONS = [ALIGN_ITEMS_DEFAULT, *ALIGN_ITEMS_MAPPINGS.keys].freeze
-
-    INLINE_DEFAULT = false
-    INLINE_OPTIONS = [INLINE_DEFAULT, true].freeze
-
-    FLEX_WRAP_DEFAULT = nil
-    FLEX_WRAP_OPTIONS = [FLEX_WRAP_DEFAULT, true, false].freeze
-
-    DEFAULT_DIRECTION = nil
-    ALLOWED_DIRECTIONS = [DEFAULT_DIRECTION, :column, :column_reverse, :row, :row_reverse].freeze
-
-    # @example Default
-    #   <%= render(Primer::FlexComponent.new(bg: :subtle)) do %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 1" } %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 2" } %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 3" } %>
-    #   <% end %>
-    #
-    # @example Justify center
-    #   <%= render(Primer::FlexComponent.new(justify_content: :center, bg: :subtle)) do %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 1" } %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 2" } %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 3" } %>
-    #   <% end %>
-    #
-    # @example Align end
-    #   <%= render(Primer::FlexComponent.new(align_items: :end, bg: :subtle)) do %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 1" } %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 2" } %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 3" } %>
-    #   <% end %>
-    #
-    # @example Direction column
-    #   <%= render(Primer::FlexComponent.new(direction: :column, bg: :subtle)) do %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 1" } %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 2" } %>
-    #     <%= render(Primer::Box.new(p: 5, bg: :subtle, classes: "border")) { "Item 3" } %>
-    #   <% end %>
-    #
-    # @param justify_content [Symbol] Use this param to distribute space between and around flex items along the main axis of the container. <%= one_of(Primer::FlexComponent::JUSTIFY_CONTENT_OPTIONS) %>
-    # @param inline [Boolean] Defaults to false.
-    # @param flex_wrap [Boolean] Defaults to nil.
-    # @param align_items [Symbol] Use this param to align items on the cross axis. <%= one_of(Primer::FlexComponent::ALIGN_ITEMS_OPTIONS) %>
-    # @param direction [Symbol] Use this param to define the orientation of the main axis (row or column). By default, flex items will display in a row. <%= one_of(Primer::FlexComponent::ALLOWED_DIRECTIONS) %>
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(
-      justify_content: JUSTIFY_CONTENT_DEFAULT,
-      inline: INLINE_DEFAULT,
-      flex_wrap: FLEX_WRAP_DEFAULT,
-      align_items: ALIGN_ITEMS_DEFAULT,
-      direction: nil,
-      **system_arguments
-    )
-      deprecated_component_warning(new_class: Primer::Box, version: "0.0.40")
-
-      @align_items = fetch_or_fallback(ALIGN_ITEMS_OPTIONS, align_items, ALIGN_ITEMS_DEFAULT)
-      @justify_content = fetch_or_fallback(JUSTIFY_CONTENT_OPTIONS, justify_content, JUSTIFY_CONTENT_DEFAULT)
-      @flex_wrap = fetch_or_fallback(FLEX_WRAP_OPTIONS, flex_wrap, FLEX_WRAP_DEFAULT)
-
-      # Support direction argument that is an array
-      @direction =
-        if (Array(direction) - ALLOWED_DIRECTIONS).empty?
-          direction
-        else
-          DEFAULT_DIRECTION
-        end
-
-      @system_arguments = system_arguments.merge({ direction: @direction }.compact)
-      @system_arguments[:classes] = class_names(@system_arguments[:classes], component_class_names)
-      @system_arguments[:display] = fetch_or_fallback(INLINE_OPTIONS, inline, INLINE_DEFAULT) ? :inline_flex : :flex
-    end
-
-    def call
-      render(Primer::Box.new(**@system_arguments)) { content }
-    end
-
-    private
-
-    def component_class_names
-      out = []
-      out << JUSTIFY_CONTENT_MAPPINGS[@justify_content]
-      out << ALIGN_ITEMS_MAPPINGS[@align_items]
-
-      out <<
-        case @flex_wrap
-        when true
-          "flex-wrap"
-        when false
-          "flex-nowrap"
-        end
-
-      out.compact.join(" ")
-    end
-  end
-end

data/app/components/primer/flex_item_component.rb

@@ -1,55 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # Use `FlexItem` to specify the ability of a flex item to alter its
-  # dimensions to fill available space.
-  #
-  # @deprecated
-  #   Use <%= link_to_component(Primer::Box) %> instead.
-  #
-  #   **Before**:
-  #
-  #   ```erb
-  #   <%%= render Primer::FlexItemComponent.new(flex_auto: :auto) %>
-  #   ```
-  #
-  #   **After**:
-  #
-  #   ```erb
-  #   <%%= render Primer::Box.new(flex: :auto) %>
-  #   ```
-  class FlexItemComponent < Primer::Component
-    status :deprecated
-
-    FLEX_AUTO_DEFAULT = false
-    FLEX_AUTO_ALLOWED_VALUES = [FLEX_AUTO_DEFAULT, true].freeze
-
-    # @example Default
-    #   <%= render(Primer::FlexComponent.new) do %>
-    #     <%= render(Primer::FlexItemComponent.new) do %>
-    #       Item 1
-    #     <% end %>
-    #
-    #     <%= render(Primer::FlexItemComponent.new(flex_auto: true)) do %>
-    #       Item 2
-    #     <% end %>
-    #   <% end %>
-    #
-    # @param flex_auto [Boolean] Fills available space and auto-sizes based on the content. Defaults to <%= Primer::FlexItemComponent::FLEX_AUTO_DEFAULT %>
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(flex_auto: FLEX_AUTO_DEFAULT, **system_arguments)
-      deprecated_component_warning(new_class: Primer::Box, version: "0.0.40")
-
-      @system_arguments = system_arguments
-      @system_arguments[:classes] =
-        class_names(
-          @system_arguments[:classes],
-          "flex-auto" => fetch_or_fallback(FLEX_AUTO_ALLOWED_VALUES, flex_auto, FLEX_AUTO_DEFAULT)
-        )
-    end
-
-    def call
-      render(Primer::Box.new(**@system_arguments)) { content }
-    end
-  end
-end

data/app/components/primer/heading_component.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class HeadingComponent < Primer::Beta::Heading
-    status :deprecated
-  end
-end

data/app/components/primer/hidden_text_expander.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class HiddenTextExpander < Primer::Alpha::HiddenTextExpander
-    status :deprecated
-  end
-end