primer_view_components 0.0.74 → 0.0.77

data/static/classes.yml

@@ -1,4 +1,8 @@
 ---
+- ".ActionList"
+- ".ActionList-content"
+- ".ActionList-item"
+- ".ActionList-item-label"
 - ".AvatarStack"
 - ".AvatarStack--right"
 - ".AvatarStack--three-plus"
@@ -19,6 +23,18 @@
 - ".Counter"
 - ".Counter--primary"
 - ".Counter--secondary"
+- ".FormControl"
+- ".FormControl--input"
+- ".FormControl--input-leadingVisual"
+- ".FormControl--input-trailingAction"
+- ".FormControl--medium"
+- ".FormControl-fieldWrap"
+- ".FormControl-fieldWrap--input"
+- ".FormControl-fieldWrap--input-leadingVisual"
+- ".FormControl-fieldWrap--input-trailingAction"
+- ".FormControl-label"
+- ".FormGroup"
+- ".FormGroup--fullWidth"
 - ".Label"
 - ".Label--accent"
 - ".Label--attention"
@@ -49,6 +65,12 @@
 - ".Link--muted"
 - ".Link--primary"
 - ".Link--secondary"
+- ".Overlay"
+- ".Overlay--height-auto"
+- ".Overlay--width-auto"
+- ".Overlay-backdrop--anchor"
+- ".Overlay-body"
+- ".Overlay-body--paddingNone"
 - ".Popover"
 - ".Popover-message"
 - ".Popover-message--large"
@@ -82,12 +104,6 @@
 - ".UnderlineNav-item"
 - ".UnderlineNav-octicon"
 - ".anim-rotate"
-- ".autocomplete-body"
-- ".autocomplete-embedded-icon-wrap"
-- ".autocomplete-item"
-- ".autocomplete-label-inline"
-- ".autocomplete-label-stacked"
-- ".autocomplete-results"
 - ".avatar"
 - ".avatar-more"
 - ".avatar-small"
@@ -167,7 +183,6 @@
 - ".flex-justify-center"
 - ".flex-shrink-0"
 - ".float-right"
-- ".form-control"
 - ".gutter-condensed"
 - ".gutter-lg"
 - ".hidden-text-expander"

data/static/constants.json

@@ -199,7 +199,18 @@
     ]
   },
   "Primer::Beta::AutoComplete": {
-    "Item": "Primer::Beta::AutoComplete::Item"
+    "DEFAULT_SIZE": "medium",
+    "Item": "Primer::Beta::AutoComplete::Item",
+    "SIZE_MAPPINGS": {
+      "small": "FormControl--small",
+      "medium": "FormControl--medium",
+      "large": "FormControl--large"
+    },
+    "SIZE_OPTIONS": [
+      "small",
+      "medium",
+      "large"
+    ]
   },
   "Primer::Beta::AutoComplete::Item": {
   },
@@ -259,6 +270,15 @@
   },
   "Primer::Beta::Breadcrumbs::Item": {
   },
+  "Primer::Beta::Flash": {
+    "DEFAULT_SCHEME": "default",
+    "SCHEME_MAPPINGS": {
+      "default": "",
+      "warning": "flash-warn",
+      "danger": "flash-error",
+      "success": "flash-success"
+    }
+  },
   "Primer::Beta::Text": {
     "DEFAULT_TAG": "span"
   },
@@ -416,15 +436,6 @@
       "dark": "dropdown-menu-dark"
     }
   },
-  "Primer::FlashComponent": {
-    "DEFAULT_SCHEME": "default",
-    "SCHEME_MAPPINGS": {
-      "default": "",
-      "warning": "flash-warn",
-      "danger": "flash-error",
-      "success": "flash-success"
-    }
-  },
   "Primer::FlexComponent": {
     "ALIGN_ITEMS_DEFAULT": null,
     "ALIGN_ITEMS_MAPPINGS": {

data/static/statuses.json

@@ -18,6 +18,7 @@
   "Primer::Beta::Blankslate": "beta",
   "Primer::Beta::Breadcrumbs": "beta",
   "Primer::Beta::Breadcrumbs::Item": "alpha",
+  "Primer::Beta::Flash": "beta",
   "Primer::Beta::Text": "beta",
   "Primer::Beta::Truncate": "beta",
   "Primer::Beta::Truncate::TruncateText": "alpha",
@@ -35,7 +36,6 @@
   "Primer::Dropdown::Menu": "alpha",
   "Primer::Dropdown::Menu::Item": "alpha",
   "Primer::DropdownMenuComponent": "deprecated",
-  "Primer::FlashComponent": "beta",
   "Primer::FlexComponent": "deprecated",
   "Primer::FlexItemComponent": "deprecated",
   "Primer::HeadingComponent": "beta",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.74
+  version: 0.0.77
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-05-13 00:00:00.000000000 Z
+date: 2022-06-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -410,6 +410,8 @@ files:
 - app/components/primer/beta/blankslate.rb
 - app/components/primer/beta/breadcrumbs.html.erb
 - app/components/primer/beta/breadcrumbs.rb
+- app/components/primer/beta/flash.html.erb
+- app/components/primer/beta/flash.rb
 - app/components/primer/beta/text.rb
 - app/components/primer/beta/truncate.html.erb
 - app/components/primer/beta/truncate.rb
@@ -445,8 +447,6 @@ 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/flash_component.html.erb
-- app/components/primer/flash_component.rb
 - app/components/primer/flex_component.rb
 - app/components/primer/flex_item_component.rb
 - app/components/primer/heading_component.rb
@@ -462,7 +462,6 @@ files:
 - app/components/primer/label_component.rb
 - app/components/primer/layout_component.html.erb
 - app/components/primer/layout_component.rb
-- app/components/primer/link_component.erb
 - app/components/primer/link_component.rb
 - app/components/primer/local_time.d.ts
 - app/components/primer/local_time.js
@@ -537,7 +536,7 @@ files:
 - lib/primer/view_components/linters/button_component_migration_counter.rb
 - lib/primer/view_components/linters/clipboard_copy_component_migration_counter.rb
 - lib/primer/view_components/linters/close_button_component_migration_counter.rb
-- lib/primer/view_components/linters/flash_component_migration_counter.rb
+- lib/primer/view_components/linters/flash_migration_counter.rb
 - lib/primer/view_components/linters/helpers/rubocop_helpers.rb
 - lib/primer/view_components/linters/label_component_migration_counter.rb
 - lib/primer/view_components/linters/subhead_component_migration_counter.rb
@@ -595,7 +594,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.22
+rubygems_version: 3.2.32
 signing_key:
 specification_version: 4
 summary: ViewComponents for the Primer Design System

data/app/components/primer/flash_component.rb

@@ -1,69 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # Use `Flash` to inform users of successful or pending actions.
-  class FlashComponent < Primer::Component
-    status :beta
-
-    # Optional action content showed on the right side of the component.
-    #
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    renders_one :action, lambda { |**system_arguments|
-      deny_tag_argument(**system_arguments)
-      system_arguments[:tag] = :div
-      system_arguments[:classes] = class_names(system_arguments[:classes], "flash-action")
-
-      Primer::BaseComponent.new(**system_arguments)
-    }
-
-    DEFAULT_SCHEME = :default
-    SCHEME_MAPPINGS = {
-      DEFAULT_SCHEME => "",
-      :warning => "flash-warn",
-      :danger => "flash-error",
-      :success => "flash-success"
-    }.freeze
-    # @example Schemes
-    #   <%= render(Primer::FlashComponent.new) { "This is a flash message!" } %>
-    #   <%= render(Primer::FlashComponent.new(scheme: :warning)) { "This is a warning flash message!" } %>
-    #   <%= render(Primer::FlashComponent.new(scheme: :danger)) { "This is a danger flash message!" } %>
-    #   <%= render(Primer::FlashComponent.new(scheme: :success)) { "This is a success flash message!" } %>
-    #
-    # @example Full width
-    #   <%= render(Primer::FlashComponent.new(full: true)) { "This is a full width flash message!" } %>
-    #
-    # @example Dismissible
-    #   <%= render(Primer::FlashComponent.new(dismissible: true)) { "This is a dismissible flash message!" } %>
-    #
-    # @example Icon
-    #   <%= render(Primer::FlashComponent.new(icon: :people)) { "This is a flash message with an icon!" } %>
-    #
-    # @example With actions
-    #   <%= render(Primer::FlashComponent.new) do |component| %>
-    #     This is a flash message with actions!
-    #     <% component.action do %>
-    #       <%= render(Primer::ButtonComponent.new(size: :small)) { "Take action" } %>
-    #     <% end %>
-    #   <% end %>
-    #
-    # @param full [Boolean] Whether the component should take up the full width of the screen.
-    # @param spacious [Boolean] Whether to add margin to the bottom of the component.
-    # @param dismissible [Boolean] Whether the component can be dismissed with an X button.
-    # @param icon [Symbol] Name of Octicon icon to use.
-    # @param scheme [Symbol] <%= one_of(Primer::FlashComponent::SCHEME_MAPPINGS.keys) %>
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(full: false, spacious: false, dismissible: false, icon: nil, scheme: DEFAULT_SCHEME, **system_arguments)
-      @icon = icon
-      @dismissible = dismissible
-      @system_arguments = deny_tag_argument(**system_arguments)
-      @system_arguments[:tag] = :div
-      @system_arguments[:classes] = class_names(
-        @system_arguments[:classes],
-        "flash",
-        SCHEME_MAPPINGS[fetch_or_fallback(SCHEME_MAPPINGS.keys, scheme, DEFAULT_SCHEME)],
-        "flash-full": full
-      )
-      @system_arguments[:mb] ||= spacious ? 4 : nil
-    end
-  end
-end

data/app/components/primer/link_component.erb

@@ -1 +0,0 @@
-<%= render Primer::BaseComponent.new(**@system_arguments) do -%><%= content -%><%= tooltip -%><% end %>