primer_view_components 0.0.96 → 0.0.98

data/static/arguments.json

@@ -1,4 +1,196 @@
 [
+  {
+    "component": "ActionList",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
+    "parameters": [
+      {
+        "name": "role",
+        "type": "Boolean",
+        "default": "`:list`",
+        "description": "ARIA role describing the function of the list. listbox and menu are a common values."
+      },
+      {
+        "name": "item_classes",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Additional CSS classes to attach to items."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:full`",
+        "description": "One of `:full` or `:inset`.. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
+      },
+      {
+        "name": "show_dividers",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Display a divider above each item in the list when it does not follow a header or divider."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Divider",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/divider.rb",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:subtle`",
+        "description": "Display a background color if scheme is `filled`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Heading",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/heading.rb",
+    "parameters": [
+      {
+        "name": "list_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "The unique identifier of the sub list the heading belongs to. Used internally."
+      },
+      {
+        "name": "title",
+        "type": "String",
+        "default": "N/A",
+        "description": "Sub list title."
+      },
+      {
+        "name": "subtitle",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Optional sub list description."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:subtle`",
+        "description": "Display a background color if scheme is `filled`."
+      },
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:h3`",
+        "description": "Semantic tag for the heading."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ActionList::Item",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/item.rb",
+    "parameters": [
+      {
+        "name": "list",
+        "type": "Primer::Alpha::ActionList",
+        "default": "N/A",
+        "description": "The list that contains this item. Used internally."
+      },
+      {
+        "name": "parent",
+        "type": "Primer::Alpha::ActionList::Item",
+        "default": "`nil`",
+        "description": "This item's parent item. `nil` if this item is at the root. Used internally."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "Item label."
+      },
+      {
+        "name": "label_classes",
+        "type": "String",
+        "default": "`nil`",
+        "description": "CSS classes that will be added to the label."
+      },
+      {
+        "name": "truncate_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Truncate label with ellipsis."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Link URL."
+      },
+      {
+        "name": "role",
+        "type": "String",
+        "default": "`:listitem`",
+        "description": "ARIA role describing the function of the item."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "Controls block sizing of the item."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "Controls color/style based on behavior."
+      },
+      {
+        "name": "disabled",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Disabled items are not clickable and visually dim."
+      },
+      {
+        "name": "description_scheme",
+        "type": "Symbol",
+        "default": "`:block`",
+        "description": "Display description inline with label, or block on the next line."
+      },
+      {
+        "name": "active",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Sets an active state on navigational items."
+      },
+      {
+        "name": "on_click",
+        "type": "String",
+        "default": "`nil`",
+        "description": "JavaScript to execute when the item is clicked."
+      },
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`SecureRandom.hex`",
+        "description": "Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "ButtonMarketing",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
@@ -143,6 +335,78 @@
       }
     ]
   },
+  {
+    "component": "NavList",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Item",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected list item. Used internally."
+      },
+      {
+        "name": "selected_by_ids",
+        "type": "Array<Symbol>",
+        "default": "`[]`",
+        "description": "The list of IDs that select this item. In other words, if the `selected_item_id` attribute on the parent `NavList` is set to one of these IDs, the item will appear selected."
+      },
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
+      },
+      {
+        "name": "sub_item",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not this item is nested under a parent item. Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "NavList::Section",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
+    "parameters": [
+      {
+        "name": "selected_item_id",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The ID of the currently selected item. Used internally."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "TabNav",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
@@ -594,7 +858,7 @@
     ]
   },
   {
-    "component": "AutoCompleteItem",
+    "component": "AutoComplete::Item",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
     "parameters": [
       {
@@ -792,7 +1056,7 @@
     ]
   },
   {
-    "component": "BorderBoxHeader",
+    "component": "BorderBox::Header",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
     "parameters": [
       {
@@ -1698,7 +1962,7 @@
     ]
   },
   {
-    "component": "NavigationTab",
+    "component": "Navigation::Tab",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
     "parameters": [
       {

data/static/audited_at.json

@@ -1,4 +1,8 @@
 {
+  "Primer::Alpha::ActionList": "",
+  "Primer::Alpha::ActionList::Divider": "",
+  "Primer::Alpha::ActionList::Heading": "",
+  "Primer::Alpha::ActionList::Item": "",
   "Primer::Alpha::AutoComplete": "",
   "Primer::Alpha::AutoComplete::Item": "",
   "Primer::Alpha::ButtonMarketing": "",
@@ -10,6 +14,9 @@
   "Primer::Alpha::Layout": "",
   "Primer::Alpha::Layout::Main": "",
   "Primer::Alpha::Layout::Sidebar": "",
+  "Primer::Alpha::NavList": "",
+  "Primer::Alpha::NavList::Item": "",
+  "Primer::Alpha::NavList::Section": "",
   "Primer::Alpha::TabNav": "",
   "Primer::Alpha::TabPanels": "",
   "Primer::Alpha::TextField": "",

data/static/constants.json

@@ -1,4 +1,72 @@
 {
+  "Primer::Alpha::ActionList": {
+    "DEFAULT_ROLE": "list",
+    "DEFAULT_SCHEME": "full",
+    "Divider": "Primer::Alpha::ActionList::Divider",
+    "Heading": "Primer::Alpha::ActionList::Heading",
+    "Item": "Primer::Alpha::ActionList::Item",
+    "SCHEME_MAPPINGS": {
+      "full": null,
+      "inset": "ActionListWrap--inset"
+    },
+    "SCHEME_OPTIONS": [
+      "full",
+      "inset"
+    ]
+  },
+  "Primer::Alpha::ActionList::Divider": {
+    "DEFAULT_SCHEME": "subtle",
+    "SCHEME_MAPPINGS": {
+      "subtle": null,
+      "filled": "ActionList-sectionDivider--filled"
+    },
+    "SCHEME_OPTIONS": [
+      "subtle",
+      "filled"
+    ]
+  },
+  "Primer::Alpha::ActionList::Heading": {
+    "DEFAULT_SCHEME": "subtle",
+    "SCHEME_MAPPINGS": {
+      "subtle": null,
+      "filled": "ActionList-sectionDivider--filled"
+    },
+    "SCHEME_OPTIONS": [
+      "subtle",
+      "filled"
+    ]
+  },
+  "Primer::Alpha::ActionList::Item": {
+    "DEFAULT_DESCRIPTION_SCHEME": "block",
+    "DEFAULT_SCHEME": "default",
+    "DEFAULT_SIZE": "medium",
+    "DESCRIPTION_SCHEME_MAPPINGS": {
+      "inline": "ActionListItem-descriptionWrap--inline",
+      "block": "ActionListItem-descriptionWrap"
+    },
+    "DESCRIPTION_SCHEME_OPTIONS": [
+      "inline",
+      "block"
+    ],
+    "SCHEME_MAPPINGS": {
+      "default": null,
+      "danger": "ActionListItem--danger"
+    },
+    "SCHEME_OPTIONS": [
+      "default",
+      "danger"
+    ],
+    "SIZE_MAPPINGS": {
+      "medium": null,
+      "large": "ActionListContent--sizeLarge",
+      "xlarge": "ActionListContent--sizeXLarge"
+    },
+    "SIZE_OPTIONS": [
+      "medium",
+      "large",
+      "xlarge"
+    ]
+  },
   "Primer::Alpha::AutoComplete": {
     "Item": "Primer::Alpha::AutoComplete::Item"
   },
@@ -170,6 +238,14 @@
       "section"
     ]
   },
+  "Primer::Alpha::NavList": {
+    "Item": "Primer::Alpha::NavList::Item",
+    "Section": "Primer::Alpha::NavList::Section"
+  },
+  "Primer::Alpha::NavList::Item": {
+  },
+  "Primer::Alpha::NavList::Section": {
+  },
   "Primer::Alpha::TabNav": {
     "BODY_TAG_DEFAULT": "ul",
     "TAG_DEFAULT": "nav",

data/static/statuses.json

@@ -1,4 +1,8 @@
 {
+  "Primer::Alpha::ActionList": "alpha",
+  "Primer::Alpha::ActionList::Divider": "alpha",
+  "Primer::Alpha::ActionList::Heading": "alpha",
+  "Primer::Alpha::ActionList::Item": "alpha",
   "Primer::Alpha::AutoComplete": "deprecated",
   "Primer::Alpha::AutoComplete::Item": "deprecated",
   "Primer::Alpha::ButtonMarketing": "alpha",
@@ -10,6 +14,9 @@
   "Primer::Alpha::Layout": "alpha",
   "Primer::Alpha::Layout::Main": "alpha",
   "Primer::Alpha::Layout::Sidebar": "alpha",
+  "Primer::Alpha::NavList": "alpha",
+  "Primer::Alpha::NavList::Item": "alpha",
+  "Primer::Alpha::NavList::Section": "alpha",
   "Primer::Alpha::TabNav": "alpha",
   "Primer::Alpha::TabPanels": "alpha",
   "Primer::Alpha::TextField": "alpha",
@@ -42,7 +49,7 @@
   "Primer::BlankslateComponent": "deprecated",
   "Primer::Box": "stable",
   "Primer::BoxComponent": "deprecated",
-  "Primer::ButtonComponent": "deprecated",
+  "Primer::ButtonComponent": "beta",
   "Primer::ClipboardCopy": "beta",
   "Primer::CloseButton": "deprecated",
   "Primer::ConditionalWrapper": "alpha",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.96
+  version: 0.0.98
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-09-26 00:00:00.000000000 Z
+date: 2022-09-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -408,6 +408,15 @@ files:
 - app/assets/javascripts/primer_view_components.js.map
 - app/assets/styles/primer_view_components.css
 - app/assets/styles/primer_view_components.css.map
+- app/components/primer/alpha/action_list.html.erb
+- app/components/primer/alpha/action_list.rb
+- app/components/primer/alpha/action_list/action-list-selection.pcss
+- app/components/primer/alpha/action_list/action-list.pcss
+- app/components/primer/alpha/action_list/divider.rb
+- app/components/primer/alpha/action_list/heading.html.erb
+- app/components/primer/alpha/action_list/heading.rb
+- app/components/primer/alpha/action_list/item.html.erb
+- app/components/primer/alpha/action_list/item.rb
 - app/components/primer/alpha/auto_complete.rb
 - app/components/primer/alpha/auto_complete/auto_complete.html.erb
 - app/components/primer/alpha/auto_complete/item.rb
@@ -424,6 +433,15 @@ files:
 - app/components/primer/alpha/modal_dialog.d.ts
 - app/components/primer/alpha/modal_dialog.js
 - app/components/primer/alpha/modal_dialog.ts
+- app/components/primer/alpha/nav_list.d.ts
+- app/components/primer/alpha/nav_list.html.erb
+- app/components/primer/alpha/nav_list.js
+- app/components/primer/alpha/nav_list.rb
+- app/components/primer/alpha/nav_list.ts
+- app/components/primer/alpha/nav_list/item.html.erb
+- app/components/primer/alpha/nav_list/item.rb
+- app/components/primer/alpha/nav_list/section.html.erb
+- app/components/primer/alpha/nav_list/section.rb
 - app/components/primer/alpha/tab_nav.html.erb
 - app/components/primer/alpha/tab_nav.rb
 - app/components/primer/alpha/tab_panels.html.erb
@@ -508,8 +526,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/experimental/action_bar.d.ts
-- app/components/primer/experimental/action_bar.js
 - app/components/primer/flex_component.rb
 - app/components/primer/flex_item_component.rb
 - app/components/primer/heading_component.rb
@@ -577,6 +593,7 @@ files:
 - app/lib/primer/test_selector_helper.rb
 - app/lib/primer/underline_nav_helper.rb
 - app/lib/primer/view_helper.rb
+- lib/postcss_mixins/activeIndicatorLine.pcss
 - lib/postcss_mixins/focusBoxShadowInset.pcss
 - lib/postcss_mixins/focusOutline.pcss
 - lib/postcss_mixins/focusOutlineOnEmphasis.pcss
@@ -587,6 +604,7 @@ files:
 - lib/primer/classify/utilities.yml
 - lib/primer/classify/validation.rb
 - lib/primer/deprecations.rb
+- lib/primer/example_image.rb
 - lib/primer/form_components.rb
 - lib/primer/forms/acts_as_component.rb
 - lib/primer/forms/base.html.erb
@@ -701,6 +719,89 @@ files:
 - lib/yard/docs_helper.rb
 - lib/yard/renders_many_handler.rb
 - lib/yard/renders_one_handler.rb
+- previews/primer/alpha/action_list_preview.rb
+- previews/primer/alpha/action_list_preview/heading.html.erb
+- previews/primer/alpha/auto_complete_preview.rb
+- 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/test.html.erb
+- previews/primer/alpha/dialog_preview/with_footer.html.erb
+- previews/primer/alpha/dialog_preview/with_form.html.erb
+- previews/primer/alpha/hidden_text_expander_preview.rb
+- previews/primer/alpha/layout_preview.rb
+- previews/primer/alpha/nav_list_preview.rb
+- previews/primer/alpha/tab_panels_preview.rb
+- previews/primer/alpha/text_field_preview.rb
+- previews/primer/alpha/toggle_switch_preview.rb
+- previews/primer/alpha/tooltip_preview.rb
+- previews/primer/alpha/tooltip_preview/with_multiple_on_a_page.html.erb
+- previews/primer/alpha/tooltip_preview/with_right_most_position.html.erb
+- previews/primer/alpha/underline_nav_preview.rb
+- previews/primer/alpha/underline_nav_preview/default.html.erb
+- previews/primer/alpha/underline_panels_preview.rb
+- previews/primer/beta/auto_complete_item_preview.rb
+- previews/primer/beta/auto_complete_item_preview/default.html.erb
+- previews/primer/beta/auto_complete_item_preview/with_description.html.erb
+- previews/primer/beta/auto_complete_preview.rb
+- previews/primer/beta/auto_complete_preview/with_submit_button.html.erb
+- previews/primer/beta/avatar_preview.rb
+- previews/primer/beta/avatar_stack_preview.rb
+- previews/primer/beta/base_button_preview.rb
+- previews/primer/beta/blankslate_preview.rb
+- previews/primer/beta/border_box_preview.rb
+- previews/primer/beta/breadcrumbs_preview.rb
+- previews/primer/beta/button_group_preview.rb
+- previews/primer/beta/button_preview.rb
+- previews/primer/beta/button_preview/all_schemes.html.erb
+- previews/primer/beta/button_preview/leading_visual.html.erb
+- previews/primer/beta/button_preview/trailing_action.html.erb
+- previews/primer/beta/button_preview/trailing_visual.html.erb
+- previews/primer/beta/button_preview/with_tooltip.html.erb
+- previews/primer/beta/close_button_preview.rb
+- previews/primer/beta/counter_preview.rb
+- previews/primer/beta/details_preview.rb
+- previews/primer/beta/flash_preview.rb
+- previews/primer/beta/heading_preview.rb
+- previews/primer/beta/icon_button_preview.rb
+- previews/primer/beta/text_preview.rb
+- previews/primer/beta/truncate_preview.rb
+- previews/primer/clipboard_copy_preview.rb
+- previews/primer/clipboard_copy_preview/element.html.erb
+- previews/primer/dropdown_preview.rb
+- previews/primer/forms/forms_preview.rb
+- previews/primer/forms/forms_preview/after_content_form.html.erb
+- previews/primer/forms/forms_preview/array_check_box_group_form.html.erb
+- previews/primer/forms/forms_preview/caption_template_form.html.erb
+- previews/primer/forms/forms_preview/check_box_group_form.html.erb
+- previews/primer/forms/forms_preview/composed_form.html.erb
+- previews/primer/forms/forms_preview/horizontal_form.html.erb
+- previews/primer/forms/forms_preview/invalid_form.html.erb
+- previews/primer/forms/forms_preview/multi_input_form.html.erb
+- previews/primer/forms/forms_preview/multi_text_field_form.html.erb
+- previews/primer/forms/forms_preview/radio_button_group_form.html.erb
+- previews/primer/forms/forms_preview/radio_button_with_nested_form.html.erb
+- previews/primer/forms/forms_preview/select_list_form.html.erb
+- 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/hellip_button_preview.rb
+- previews/primer/image_crop_preview.rb
+- previews/primer/label_component_preview.rb
+- previews/primer/layout_component_preview.rb
+- previews/primer/link_component_preview.rb
+- previews/primer/local_time_component_preview.rb
+- previews/primer/markdown_preview.rb
+- previews/primer/menu_component_preview.rb
+- previews/primer/menu_component_preview/default.html.erb
+- previews/primer/octicon_component_preview.rb
+- previews/primer/popover_component_preview.rb
+- previews/primer/progress_bar_component_preview.rb
+- previews/primer/spinner_component_preview.rb
+- previews/primer/state_component_preview.rb
+- previews/primer/subhead_component_preview.rb
+- previews/primer/time_ago_component_preview.rb
+- previews/primer/timeline_item_component_preview.rb
 - static/arguments.json
 - static/assets/view-components.svg
 - static/audited_at.json
@@ -726,7 +827,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.6
+rubygems_version: 3.3.7
 signing_key: 
 specification_version: 4
 summary: ViewComponents for the Primer Design System

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

@@ -1,14 +0,0 @@
-export declare class ActionBarElement extends HTMLElement {
-    #private;
-    items: HTMLElement[];
-    menuItems: HTMLElement[];
-    itemContainer: HTMLElement;
-    moreMenu: HTMLElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}
-declare global {
-    interface Window {
-        ActionBarElement: typeof ActionBarElement;
-    }
-}