primer_view_components 0.0.104 → 0.0.105

data/app/components/primer/label_component.rb

@@ -1,98 +1,7 @@
 # frozen_string_literal: true
 
 module Primer
-  # Use `Label` to add contextual metadata to a design.
-  #
-  # @accessibility
-  #   Use `aria-label` if the `Label` or the context around it don't explain the label.
-  class LabelComponent < Primer::Component
-    status :beta
-
-    DEFAULT_TAG = :span
-    TAG_OPTIONS = [DEFAULT_TAG, :summary, :a, :div].freeze
-
-    DEFAULT_SCHEME = :default
-    SCHEME_MAPPINGS = {
-      DEFAULT_SCHEME => "",
-      :primary => "Label--primary",
-      :secondary => "Label--secondary",
-      :accent => "Label--accent",
-      :success => "Label--success",
-      :attention => "Label--attention",
-      :danger => "Label--danger",
-      :severe => "Label--severe",
-      :done => "Label--done",
-      :sponsors => "Label--sponsors",
-      # deprecated
-      :info => "Label--info",
-      :warning => "Label--warning",
-      :orange => "Label--orange",
-      :purple => "Label--purple"
-    }.freeze
-    DEPRECATED_SCHEME_OPTIONS = [:info, :warning, :orange, :purple].freeze
-    SCHEME_OPTIONS = (SCHEME_MAPPINGS.keys - DEPRECATED_SCHEME_OPTIONS).freeze
-
-    DEFAULT_SIZE = :medium
-    SIZE_MAPPINGS = {
-      DEFAULT_SIZE => nil,
-      :large => "Label--large"
-    }.freeze
-    SIZE_OPTIONS = SIZE_MAPPINGS.keys
-
-    DEFAULT_VARIANT = :none
-    VARIANT_OPTIONS = [DEFAULT_VARIANT].freeze
-    DEPRECATED_VARIANT_OPTIONS = [:large, :inline].freeze
-
-    INLINE_CLASS = "Label--inline"
-
-    # @example Schemes
-    #   <%= render(Primer::LabelComponent.new) { "Default" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :primary)) { "Primary" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :secondary)) { "Secondary" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :accent)) { "Accent" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :success)) { "Success" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :attention)) { "Attention" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :danger)) { "Danger" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :severe)) { "Severe" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :done)) { "Done" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :sponsors)) { "Sponsors" } %>
-    #
-    # @example Sizes
-    #   <%= render(Primer::LabelComponent.new) { "Medium" } %>
-    #   <%= render(Primer::LabelComponent.new(size: :large)) { "Large" } %>
-    #
-    # @example Inline
-    #   <%= render(Primer::LabelComponent.new) { "Default" } %>
-    #   <%= render(Primer::LabelComponent.new(inline: true)) { "Inline" } %>
-    #
-    # @param tag [Symbol] <%= one_of(Primer::LabelComponent::TAG_OPTIONS) %>
-    # @param scheme [Symbol] <%= one_of(Primer::LabelComponent::SCHEME_MAPPINGS.keys) %>
-    # @param size [Symbol] <%= one_of(Primer::LabelComponent::SIZE_OPTIONS) %>
-    # @param inline [Boolean] Whether or not to render this label inline.
-    # @param variant [Symbol] <%= one_of(Primer::LabelComponent::VARIANT_OPTIONS + Primer::LabelComponent::DEPRECATED_VARIANT_OPTIONS) %>
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-
-    def initialize(tag: DEFAULT_TAG, scheme: DEFAULT_SCHEME, size: DEFAULT_SIZE, inline: false, variant: DEFAULT_VARIANT, **system_arguments)
-      @system_arguments = system_arguments
-
-      @variant = fetch_or_fallback(VARIANT_OPTIONS, variant, nil, deprecated_values: DEPRECATED_VARIANT_OPTIONS)
-      @scheme = fetch_or_fallback(SCHEME_OPTIONS, scheme, DEFAULT_SCHEME, deprecated_values: DEPRECATED_SCHEME_OPTIONS)
-      @size = fetch_or_fallback(SIZE_OPTIONS, size, DEFAULT_SIZE)
-      @size = :large if @variant == :large
-      @inline = inline || @variant == :inline
-
-      @system_arguments[:tag] = fetch_or_fallback(TAG_OPTIONS, tag, DEFAULT_TAG)
-      @system_arguments[:classes] = class_names(
-        "Label",
-        system_arguments[:classes],
-        SCHEME_MAPPINGS[@scheme],
-        SIZE_MAPPINGS[@size],
-        @inline ? INLINE_CLASS : nil
-      )
-    end
-
-    def call
-      render(Primer::BaseComponent.new(**@system_arguments)) { content }
-    end
+  class LabelComponent < Primer::Beta::Label
+    status :deprecated
   end
 end

data/app/components/primer/link_component.rb

@@ -1,97 +1,7 @@
 # frozen_string_literal: true
 
 module Primer
-  # Use `Link` for navigating from one page to another. `Link` styles anchor tags with default blue styling and hover text-decoration.
-  class LinkComponent < Primer::Component
-    status :beta
-
-    DEFAULT_SCHEME = :default
-    SCHEME_MAPPINGS = {
-      DEFAULT_SCHEME => "",
-      :primary => "Link--primary",
-      :secondary => "Link--secondary"
-    }.freeze
-
-    DEFAULT_TAG = :a
-    TAG_OPTIONS = [DEFAULT_TAG, :span].freeze
-
-    # `Tooltip` that appears on mouse hover or keyboard focus over the link. Use tooltips sparingly and as a last resort.
-    # **Important:** This tooltip defaults to `type: :description`. In a few scenarios, `type: :label` may be more appropriate.
-    # The tooltip will appear adjacent to the anchor element. Both the tooltip and the anchor will be nested
-    # under a positioning wrapper.
-    # Consult the <%= link_to_component(Primer::Alpha::Tooltip) %> documentation for more information.
-    #
-    # @param type [Symbol] (:description) <%= one_of(Primer::Alpha::Tooltip::TYPE_OPTIONS) %>
-    # @param system_arguments [Hash] Same arguments as <%= link_to_component(Primer::Alpha::Tooltip) %>.
-    renders_one :tooltip, lambda { |**system_arguments|
-      raise ArgumentError, "Links with a tooltip must have a unique `id` set on the `LinkComponent`." if @id.blank? && !Rails.env.production?
-
-      system_arguments[:for_id] = @id
-      system_arguments[:type] ||= :description
-
-      Primer::Alpha::Tooltip.new(**system_arguments)
-    }
-
-    # @example Default
-    #   <%= render(Primer::LinkComponent.new(href: "#")) { "Link" } %>
-    #
-    # @example Muted
-    #   <%= render(Primer::LinkComponent.new(href: "#", muted: true)) { "Link" } %>
-    #
-    # @example Schemes
-    #   <%= render(Primer::LinkComponent.new(href: "#", scheme: :primary)) { "Primary" } %>
-    #   <%= render(Primer::LinkComponent.new(href: "#", scheme: :secondary)) { "Secondary" } %>
-    #
-    # @example Without underline
-    #   <%= render(Primer::LinkComponent.new(href: "#", underline: false)) { "Link" } %>
-    #
-    # @example With tooltip
-    #   @description
-    #     Use tooltips sparingly and as a last resort. Consult the <%= link_to_component(Primer::Alpha::Tooltip) %> documentation for more information.
-    #   @code
-    #     <%= render(Primer::LinkComponent.new(href: "#", id: "link-with-tooltip")) do |c| %>
-    #       <% c.with_tooltip(text: "Tooltip text") %>
-    #       Link
-    #     <% end %>
-    #
-    # @param tag [String]  <%= one_of(Primer::LinkComponent::TAG_OPTIONS) %>
-    # @param href [String] URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered.
-    # @param scheme [Symbol] <%= one_of(Primer::LinkComponent::SCHEME_MAPPINGS.keys) %>
-    # @param muted [Boolean] Uses light gray for Link color, and blue on hover.
-    # @param underline [Boolean] Whether or not to underline the link.
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(href: nil, tag: DEFAULT_TAG, scheme: DEFAULT_SCHEME, muted: false, underline: true, **system_arguments)
-      @system_arguments = system_arguments
-
-      @id = @system_arguments[:id]
-
-      @system_arguments[:tag] = fetch_or_fallback(TAG_OPTIONS, tag, DEFAULT_TAG)
-      @system_arguments[:href] = href
-      @system_arguments[:classes] = class_names(
-        @system_arguments[:classes],
-        SCHEME_MAPPINGS[fetch_or_fallback(SCHEME_MAPPINGS.keys, scheme, DEFAULT_SCHEME)],
-        "Link" => tag == :span,
-        "Link--muted" => muted,
-        "no-underline" => !underline
-      )
-    end
-
-    def before_render
-      raise ArgumentError, "href is required when using <a> tag" if @system_arguments[:tag] == :a && @system_arguments[:href].nil? && !Rails.env.production?
-    end
-
-    def call
-      if tooltip.present?
-        render Primer::BaseComponent.new(tag: :span, position: :relative) do
-          render(Primer::BaseComponent.new(**@system_arguments)) do
-            content
-          end.to_s + tooltip.to_s
-        end
-      else
-        render(Primer::BaseComponent.new(**@system_arguments)) do
-          content
-        end
-      end
-    end
+  class LinkComponent < Primer::Beta::Link
+    status :deprecated
   end
 end

data/app/components/primer/primer.d.ts

@@ -1,11 +1,12 @@
+import './alpha/image_crop';
 import './alpha/modal_dialog';
 import './alpha/nav_list';
+import './alpha/segmented_control';
 import './alpha/toggle_switch';
 import './alpha/tool_tip';
 import './beta/auto_complete/auto_complete';
 import './clipboard_copy';
 import './dropdown';
-import './image_crop';
 import './local_time';
 import './tab_container_component';
 import './time_ago_component';

data/app/components/primer/primer.js

@@ -1,11 +1,12 @@
+import './alpha/image_crop';
 import './alpha/modal_dialog';
 import './alpha/nav_list';
+import './alpha/segmented_control';
 import './alpha/toggle_switch';
 import './alpha/tool_tip';
 import './beta/auto_complete/auto_complete';
 import './clipboard_copy';
 import './dropdown';
-import './image_crop';
 import './local_time';
 import './tab_container_component';
 import './time_ago_component';

data/app/components/primer/primer.pcss

@@ -1,3 +1,4 @@
 /* CSS component styles here */
 @import "./beta/button.pcss";
 @import "./alpha/action_list/action-list.pcss";
+@import './alpha/segmented_control.pcss';

data/app/components/primer/primer.ts

@@ -1,11 +1,12 @@
+import './alpha/image_crop'
 import './alpha/modal_dialog'
 import './alpha/nav_list'
+import './alpha/segmented_control'
 import './alpha/toggle_switch'
 import './alpha/tool_tip'
 import './beta/auto_complete/auto_complete'
 import './clipboard_copy'
 import './dropdown'
-import './image_crop'
 import './local_time'
 import './tab_container_component'
 import './time_ago_component'

data/app/components/primer/subhead_component.rb

@@ -5,7 +5,7 @@ module Primer
   #
   # - Optionally set the `:description` slot to render a short description and the `:actions` slot for a related action.
   # - Use a succinct, one-line description for the `:description` slot. For longer descriptions, omit the description slot and render a paragraph below the `Subhead`.
-  # - Use the actions slot to render a related action to the right of the heading. Use <%= link_to_component(Primer::ButtonComponent) %> or <%= link_to_component(Primer::LinkComponent) %>.
+  # - Use the actions slot to render a related action to the right of the heading. Use <%= link_to_component(Primer::ButtonComponent) %> or <%= link_to_component(Primer::Beta::Link) %>.
   #
   # @accessibility
   #   The `:heading` slot defaults to rendering a `<div>`. Update the tag to a heading element with the appropriate level to improve page navigation for assistive technologies.

data/app/components/primer/time_ago_component.rb

@@ -33,7 +33,9 @@ module Primer
       seconds_ago = Time.current - @time
 
       if seconds_ago < 1.minute
+        # :nocov:
         "1m"
+        # :nocov:
       elsif seconds_ago >= 1.minute && seconds_ago < 1.hour
         "#{(seconds_ago / 60).floor}m"
       elsif seconds_ago >= 1.hour && seconds_ago < 1.day

data/app/helpers/primer/form_helper.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 module Primer
+  # :nocov:
   # :nodoc:
   module FormHelper
     def primer_form_with(**kwargs, &block)

data/app/lib/primer/view_helper.rb

@@ -10,7 +10,7 @@ module Primer
       octicon: "Primer::OcticonComponent",
       heading: "Primer::Beta::Heading",
       time_ago: "Primer::TimeAgoComponent",
-      image: "Primer::Image"
+      image: "Primer::Alpha::Image"
     }.freeze
 
     HELPERS.each do |name, component|

data/lib/primer/deprecations.rb

@@ -5,6 +5,10 @@ module Primer
   module Deprecations
     # If there is no alternative to suggest, set the value to nil
     DEPRECATED_COMPONENTS = {
+      "Primer::LabelComponent" => "Primer::Beta::Label",
+      "Primer::LinkComponent" => "Primer::Beta::Link",
+      "Primer::ImageCrop" => "Primer::Alpha::ImageCrop",
+      "Primer::Image" => "Primer::Alpha::Image",
       "Primer::Alpha::AutoComplete" => "Primer::Beta::AutoComplete",
       "Primer::Alpha::AutoComplete::Item" => "Primer::Beta::AutoComplete::Item",
       "Primer::BlankslateComponent" => "Primer::Beta::Blankslate",

data/lib/primer/form_components.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 module Primer
+  # :nocov:
   # :nodoc:
   class FormComponents
     def self.from_input(input_klass)

data/lib/primer/view_components/linters/argument_mappers/label.rb

@@ -8,24 +8,24 @@ module ERBLint
       # Maps classes in a label element to arguments for the Label component.
       class Label < Base
         SCHEME_MAPPINGS = Primer::ViewComponents::Constants.get(
-          component: "Primer::LabelComponent",
+          component: "Primer::Beta::Label",
           constant: "SCHEME_MAPPINGS",
           symbolize: true
         ).freeze
 
         SIZE_MAPPINGS = Primer::ViewComponents::Constants.get(
-          component: "Primer::LabelComponent",
+          component: "Primer::Beta::Label",
           constant: "SIZE_MAPPINGS",
           symbolize: true
         ).freeze
 
         DEFAULT_TAG = Primer::ViewComponents::Constants.get(
-          component: "Primer::LabelComponent",
+          component: "Primer::Beta::Label",
           constant: "DEFAULT_TAG"
         ).freeze
 
         INLINE_CLASS = Primer::ViewComponents::Constants.get(
-          component: "Primer::LabelComponent",
+          component: "Primer::Beta::Label",
           constant: "INLINE_CLASS"
         ).freeze
 

data/lib/primer/view_components/linters/label_component_migration_counter.rb

@@ -11,14 +11,14 @@ module ERBLint
       include Autocorrectable
 
       TAGS = Primer::ViewComponents::Constants.get(
-        component: "Primer::LabelComponent",
+        component: "Primer::Beta::Label",
         constant: "TAG_OPTIONS"
       ).freeze
 
       CLASSES = %w[Label].freeze
-      MESSAGE = "We are migrating labels to use [Primer::LabelComponent](https://primer.style/view-components/components/label), please try to use that instead of raw HTML."
+      MESSAGE = "We are migrating labels to use [Primer::Beta::Label](https://primer.style/view-components/components/label), please try to use that instead of raw HTML."
       ARGUMENT_MAPPER = ArgumentMappers::Label
-      COMPONENT = "Primer::LabelComponent"
+      COMPONENT = "Primer::Beta::Label"
     end
   end
 end

data/lib/primer/view_components/version.rb

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

data/lib/rubocop/config/default.yml

@@ -1,9 +1,6 @@
 require:
   - rubocop/cop/primer
 
-AllCops:
-  DisabledByDefault: true
-
 Primer/SystemArgumentInsteadOfClass:
   Enabled: true
 

data/lib/rubocop/cop/primer/deprecated_label_schemes.rb

@@ -9,10 +9,10 @@ module RuboCop
       # This cop ensures that components don't use deprecated `Label` schemes.
       #
       # bad
-      # Primer::LabelComponent.new(scheme: :info)
+      # Primer::Beta::Label.new(scheme: :info)
       #
       # good
-      # Primer::LabelComponent.new(scheme: :accent)
+      # Primer::Beta::Label.new(scheme: :accent)
       class DeprecatedLabelSchemes < BaseCop
         INVALID_MESSAGE = <<~STR
           Avoid using deprecated schemes: https://primer.style/view-components/deprecated#labelcomponent.
@@ -60,7 +60,7 @@ module RuboCop
         def label_node?(node)
           return if node.nil?
 
-          node.method_name == :new && !node.receiver.nil? && node.receiver.const_name == "Primer::LabelComponent"
+          node.method_name == :new && !node.receiver.nil? && node.receiver.const_name == "Primer::Beta::Label"
         end
       end
     end

data/lib/rubocop/cop/primer/deprecated_label_variants.rb

@@ -9,16 +9,16 @@ module RuboCop
       # This cop ensures that `LabelComponent`s don't use the old `variant` argument.
       #
       # bad
-      # Primer::LabelComponent.new(variant: :large)
+      # Primer::Beta::Label.new(variant: :large)
       #
       # good
-      # Primer::LabelComponent.new(size: :large)
+      # Primer::Beta::Label.new(size: :large)
       #
       # bad
-      # Primer::LabelComponent.new(variant: :inline)
+      # Primer::Beta::Label.new(variant: :inline)
       #
       # good
-      # Primer::LabelComponent.new(inline: true)
+      # Primer::Beta::Label.new(inline: true)
       class DeprecatedLabelVariants < BaseCop
         def on_send(node)
           return unless label_node?(node)
@@ -63,7 +63,7 @@ module RuboCop
         def label_node?(node)
           return if node.nil?
 
-          node.method_name == :new && !node.receiver.nil? && node.receiver.const_name == "Primer::LabelComponent"
+          node.method_name == :new && !node.receiver.nil? && node.receiver.const_name == "Primer::Beta::Label"
         end
       end
     end

data/lib/tasks/docs.rake

@@ -31,12 +31,13 @@ namespace :docs do
     components = [
       Primer::Beta::IconButton,
       Primer::Beta::Button,
+      Primer::Alpha::SegmentedControl,
       Primer::Alpha::Layout,
       Primer::HellipButton,
-      Primer::Image,
+      Primer::Alpha::Image,
       Primer::LocalTime,
       Primer::OcticonSymbolsComponent,
-      Primer::ImageCrop,
+      Primer::Alpha::ImageCrop,
       Primer::IconButton,
       Primer::Beta::AutoComplete,
       Primer::Beta::AutoComplete::Item,
@@ -61,9 +62,9 @@ namespace :docs do
       Primer::Beta::Flash,
       Primer::Beta::Heading,
       Primer::Alpha::HiddenTextExpander,
-      Primer::LabelComponent,
+      Primer::Beta::Label,
       Primer::LayoutComponent,
-      Primer::LinkComponent,
+      Primer::Beta::Link,
       Primer::Markdown,
       Primer::MenuComponent,
       Primer::Navigation::TabComponent,
@@ -99,7 +100,7 @@ namespace :docs do
     js_components = [
       Primer::Dropdown,
       Primer::LocalTime,
-      Primer::ImageCrop,
+      Primer::Alpha::ImageCrop,
       Primer::Beta::AutoComplete,
       Primer::ClipboardCopy,
       Primer::TabContainerComponent,
@@ -109,7 +110,7 @@ namespace :docs do
       Primer::Alpha::Tooltip,
       Primer::ButtonComponent,
       Primer::IconButton,
-      Primer::LinkComponent,
+      Primer::Beta::Link,
       Primer::Alpha::ToggleSwitch,
       Primer::Alpha::ActionList,
       Primer::Alpha::NavList,
@@ -152,7 +153,7 @@ namespace :docs do
         f.puts("componentId: #{data[:component_id]}")
         f.puts("status: #{data[:status]}")
         f.puts("source: #{data[:source]}")
-        f.puts("a11yReviewed: false")
+        f.puts("a11yReviewed: #{data[:a11y_reviewed]}")
         f.puts("lookbook: #{data[:lookbook]}") if preview_exists?(component)
         f.puts("---")
         f.puts
@@ -227,7 +228,9 @@ namespace :docs do
 
         component_args = {
           "component" => data[:title],
+          "status" => component.status.to_s,
           "source" => data[:source],
+          "lookbook" => data[:lookbook],
           "parameters" => args
         }
 
@@ -485,11 +488,13 @@ namespace :docs do
     status_module, short_name, class_name = status_module_and_short_name(component)
     status_path = status_module.nil? ? "" : "#{status_module}/"
     status = component.status.to_s
+    a11y_reviewed = component.audited_at.nil? ? "false" : "true"
 
     {
       title: class_name,
       component_id: short_name.underscore,
       status: status.capitalize,
+      a11y_reviewed: a11y_reviewed,
       source: source_url(component),
       lookbook: lookbook_url(component),
       path: "docs/content/components/#{status_path}#{short_name.downcase}.md",

data/lib/tasks/test.rake

@@ -4,73 +4,70 @@ require "rake/testtask"
 
 namespace :test do
   desc "Run all tests"
-  task all: [:fast, :system, :accessibility, :performance]
+  task all: [
+    :components,
+    :lib,
+    :system,
+    :accessibility,
+    :performance
+  ]
 
   Rake::TestTask.new(:single) do |t|
-    ENV["TZ"] = "Asia/Taipei"
-
     t.warning = false
     t.libs << "test"
     t.libs << "lib"
     t.test_files = FileList[ENV["TEST"]]
   end
 
-  Rake::TestTask.new(:fast) do |t|
-    ENV["TZ"] = "Asia/Taipei"
-    ENV["COVERAGE"] = "1"
+  Rake::TestTask.new(:components) do |t|
+    t.warning = false
+    t.libs << "test"
+    t.test_files = FileList[
+      "test/components/**/*_test.rb"
+    ]
+  end
 
+  Rake::TestTask.new(:lib) do |t|
     t.warning = false
     t.libs << "test"
     t.libs << "lib"
     t.test_files = FileList[
-      "test/components/**/*_test.rb",
-      "test/lib/**/*_test.rb",
-      "test/primer/**/*_test.rb",
-      "test/linters/**/*_test.rb",
-      "test/rubocop/**/*_test.rb"
+      "test/lib/**/*_test.rb"
     ]
   end
 
   Rake::TestTask.new(:system) do |t|
-    ENV["TZ"] = "Asia/Taipei"
-
     t.warning = false
     t.libs << "test"
-    t.libs << "lib"
     t.test_files = FileList["test/system/**/*_test.rb"]
   end
 
   Rake::TestTask.new(:performance) do |t|
-    ENV["TZ"] = "Asia/Taipei"
-
-    t.libs << "test"
-    t.test_files = FileList["test/performance/**/*_test.rb", "test/performance/**/bench_*.rb"]
+    t.warning = false
     t.verbose = true
+    t.libs << "test"
+    t.test_files = FileList[
+      "test/performance/**/*_test.rb",
+      "test/performance/**/bench_*.rb"
+    ]
   end
 
   Rake::TestTask.new(:accessibility) do |t|
-    ENV["TZ"] = "Asia/Taipei"
-
     t.warning = false
     t.libs << "test"
-    t.libs << "lib"
     t.test_files = FileList["test/accessibility_test.rb"]
   end
 
   Rake::TestTask.new(:snapshots) do |t|
-    ENV["TZ"] = "Asia/Taipei"
-
     t.warning = false
     t.libs << "test"
-    t.libs << "lib"
     t.test_files = FileList["test/snapshots_test.rb"]
   end
 
   task :coverage do
     require "simplecov"
 
-    # Goal is 100% coverage
-    SimpleCov.minimum_coverage 99
+    SimpleCov.minimum_coverage 100
     SimpleCov.collate Dir["coverage/.resultset.json"], "rails"
   end
 end

data/previews/primer/alpha/action_list_preview.rb

@@ -4,6 +4,35 @@ module Primer
   module Alpha
     # @label ActionList
     class ActionListPreview < ViewComponent::Preview
+      # @label Playground
+      #
+      # @param role text
+      # @param scheme [Symbol] select [full, inset]
+      # @param show_dividers toggle
+      def playground(
+        role: Primer::Alpha::ActionList::DEFAULT_ROLE,
+        scheme: Primer::Alpha::ActionList::DEFAULT_SCHEME,
+        show_dividers: false
+      )
+        render(Primer::Alpha::ActionList.new(
+                 role: role,
+                 scheme: scheme,
+                 show_dividers: show_dividers,
+                 aria: { label: "Action List" }
+               )) do |c|
+          c.with_heading(title: "Action List")
+          c.with_item(label: "Item one", href: "/") do |item|
+            item.with_leading_visual_icon(icon: :gear)
+          end
+          c.with_item(label: "Item two", href: "/") do |item|
+            item.with_leading_visual_icon(icon: :star)
+          end
+          c.with_item(label: "Item three", href: "/") do |item|
+            item.with_leading_visual_icon(icon: :heart)
+          end
+        end
+      end
+
       # @label Default
       #
       # @param role text

data/previews/primer/alpha/auto_complete_preview.rb

@@ -4,6 +4,16 @@ module Primer
   module Alpha
     # @label AutoComplete
     class AutoCompletePreview < ViewComponent::Preview
+      # @label Playground
+      # @param label_text text
+      # @param is_label_visible toggle
+      # @param is_label_inline toggle
+      # @param with_icon toggle
+      # @param is_clearable toggle
+      def playground(label_text: "Select a fruit", is_label_visible: true, is_label_inline: false, with_icon: false, is_clearable: false)
+        render(Primer::Alpha::AutoComplete.new(label_text: label_text, input_id: "input-id", list_id: "test-id", src: "/auto_complete?version=alpha", is_label_visible: is_label_visible, is_label_inline: is_label_inline, with_icon: with_icon, is_clearable: is_clearable))
+      end
+
       # @label Default Options
       # @param label_text text
       # @param is_label_visible toggle