openproject-primer_view_components 0.71.0 → 0.72.0

data/static/previews.json

@@ -4196,12 +4196,12 @@
   },
   {
     "name": "file_tree_view",
-    "component": "OpenProject::FileTreeView",
+    "component": "FileTreeView",
     "status": "alpha",
-    "lookup_path": "primer/open_project/file_tree_view",
+    "lookup_path": "primer/alpha/file_tree_view",
     "examples": [
       {
-        "preview_path": "primer/open_project/file_tree_view/default",
+        "preview_path": "primer/alpha/file_tree_view/default",
         "name": "default",
         "snapshot": "interactive",
         "skip_rules": {
@@ -4214,7 +4214,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/file_tree_view/playground",
+        "preview_path": "primer/alpha/file_tree_view/playground",
         "name": "playground",
         "snapshot": "false",
         "skip_rules": {
@@ -7442,12 +7442,12 @@
   },
   {
     "name": "skeleton_box",
-    "component": "OpenProject::SkeletonBox",
+    "component": "SkeletonBox",
     "status": "alpha",
-    "lookup_path": "primer/open_project/skeleton_box",
+    "lookup_path": "primer/alpha/skeleton_box",
     "examples": [
       {
-        "preview_path": "primer/open_project/skeleton_box/default",
+        "preview_path": "primer/alpha/skeleton_box/default",
         "name": "default",
         "snapshot": "false",
         "skip_rules": {
@@ -7460,7 +7460,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/skeleton_box/playground",
+        "preview_path": "primer/alpha/skeleton_box/playground",
         "name": "playground",
         "snapshot": "false",
         "skip_rules": {
@@ -9057,12 +9057,12 @@
   },
   {
     "name": "tree_view",
-    "component": "OpenProject::TreeView",
+    "component": "TreeView",
     "status": "alpha",
-    "lookup_path": "primer/open_project/tree_view",
+    "lookup_path": "primer/alpha/tree_view",
     "examples": [
       {
-        "preview_path": "primer/open_project/tree_view/default",
+        "preview_path": "primer/alpha/tree_view/default",
         "name": "default",
         "snapshot": "interactive",
         "skip_rules": {
@@ -9075,7 +9075,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/playground",
+        "preview_path": "primer/alpha/tree_view/playground",
         "name": "playground",
         "snapshot": "false",
         "skip_rules": {
@@ -9088,7 +9088,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/empty",
+        "preview_path": "primer/alpha/tree_view/empty",
         "name": "empty",
         "snapshot": "interactive",
         "skip_rules": {
@@ -9101,7 +9101,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/loading_failure",
+        "preview_path": "primer/alpha/tree_view/loading_failure",
         "name": "loading_failure",
         "snapshot": "interactive",
         "skip_rules": {
@@ -9114,7 +9114,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/loading_spinner",
+        "preview_path": "primer/alpha/tree_view/loading_spinner",
         "name": "loading_spinner",
         "snapshot": "interactive",
         "skip_rules": {
@@ -9127,7 +9127,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/loading_skeleton",
+        "preview_path": "primer/alpha/tree_view/loading_skeleton",
         "name": "loading_skeleton",
         "snapshot": "interactive",
         "skip_rules": {
@@ -9140,7 +9140,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/async_alpha",
+        "preview_path": "primer/alpha/tree_view/async_alpha",
         "name": "async_alpha",
         "snapshot": "false",
         "skip_rules": {
@@ -9153,7 +9153,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/leaf_node_playground",
+        "preview_path": "primer/alpha/tree_view/leaf_node_playground",
         "name": "leaf_node_playground",
         "snapshot": "false",
         "skip_rules": {
@@ -9166,7 +9166,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/links",
+        "preview_path": "primer/alpha/tree_view/links",
         "name": "links",
         "snapshot": "false",
         "skip_rules": {
@@ -9179,7 +9179,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/buttons",
+        "preview_path": "primer/alpha/tree_view/buttons",
         "name": "buttons",
         "snapshot": "false",
         "skip_rules": {
@@ -9192,7 +9192,7 @@
         }
       },
       {
-        "preview_path": "primer/open_project/tree_view/auto_expansion",
+        "preview_path": "primer/alpha/tree_view/auto_expansion",
         "name": "auto_expansion",
         "snapshot": "false",
         "skip_rules": {
@@ -9203,6 +9203,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/tree_view/form_input",
+        "name": "form_input",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },

data/static/statuses.json

@@ -29,6 +29,9 @@
   "Primer::Alpha::Dropdown": "alpha",
   "Primer::Alpha::Dropdown::Menu": "alpha",
   "Primer::Alpha::Dropdown::Menu::Item": "alpha",
+  "Primer::Alpha::FileTreeView": "alpha",
+  "Primer::Alpha::FileTreeView::DirectoryNode": "alpha",
+  "Primer::Alpha::FileTreeView::FileNode": "alpha",
   "Primer::Alpha::FormButton": "alpha",
   "Primer::Alpha::FormControl": "alpha",
   "Primer::Alpha::HellipButton": "alpha",
@@ -58,6 +61,7 @@
   "Primer::Alpha::Select": "alpha",
   "Primer::Alpha::SelectPanel": "alpha",
   "Primer::Alpha::SelectPanel::ItemList": "alpha",
+  "Primer::Alpha::SkeletonBox": "alpha",
   "Primer::Alpha::Stack": "alpha",
   "Primer::Alpha::StackItem": "alpha",
   "Primer::Alpha::SubmitButton": "alpha",
@@ -68,6 +72,19 @@
   "Primer::Alpha::TextField": "alpha",
   "Primer::Alpha::ToggleSwitch": "alpha",
   "Primer::Alpha::Tooltip": "alpha",
+  "Primer::Alpha::TreeView": "alpha",
+  "Primer::Alpha::TreeView::Icon": "alpha",
+  "Primer::Alpha::TreeView::IconPair": "alpha",
+  "Primer::Alpha::TreeView::LeadingAction": "alpha",
+  "Primer::Alpha::TreeView::LeafNode": "alpha",
+  "Primer::Alpha::TreeView::LoadingFailureMessage": "alpha",
+  "Primer::Alpha::TreeView::Node": "alpha",
+  "Primer::Alpha::TreeView::SkeletonLoader": "alpha",
+  "Primer::Alpha::TreeView::SpinnerLoader": "alpha",
+  "Primer::Alpha::TreeView::SubTree": "alpha",
+  "Primer::Alpha::TreeView::SubTreeContainer": "alpha",
+  "Primer::Alpha::TreeView::SubTreeNode": "alpha",
+  "Primer::Alpha::TreeView::Visual": "alpha",
   "Primer::Alpha::UnderlineNav": "alpha",
   "Primer::Alpha::UnderlinePanels": "alpha",
   "Primer::BaseComponent": "beta",
@@ -132,9 +149,6 @@
   "Primer::OpenProject::DragHandle": "open_project",
   "Primer::OpenProject::FeedbackDialog": "open_project",
   "Primer::OpenProject::FeedbackMessage": "open_project",
-  "Primer::OpenProject::FileTreeView": "alpha",
-  "Primer::OpenProject::FileTreeView::DirectoryNode": "alpha",
-  "Primer::OpenProject::FileTreeView::FileNode": "alpha",
   "Primer::OpenProject::FilterableTreeView": "alpha",
   "Primer::OpenProject::FilterableTreeView::SubTree": "alpha",
   "Primer::OpenProject::FlexLayout": "open_project",
@@ -148,25 +162,11 @@
   "Primer::OpenProject::PageHeader::Title": "open_project",
   "Primer::OpenProject::SidePanel": "open_project",
   "Primer::OpenProject::SidePanel::Section": "open_project",
-  "Primer::OpenProject::SkeletonBox": "alpha",
   "Primer::OpenProject::SubHeader": "open_project",
   "Primer::OpenProject::SubHeader::Button": "open_project",
   "Primer::OpenProject::SubHeader::ButtonGroup": "open_project",
   "Primer::OpenProject::SubHeader::Menu": "open_project",
   "Primer::OpenProject::SubHeader::SegmentedControl": "open_project",
-  "Primer::OpenProject::TreeView": "alpha",
-  "Primer::OpenProject::TreeView::Icon": "alpha",
-  "Primer::OpenProject::TreeView::IconPair": "alpha",
-  "Primer::OpenProject::TreeView::LeadingAction": "alpha",
-  "Primer::OpenProject::TreeView::LeafNode": "alpha",
-  "Primer::OpenProject::TreeView::LoadingFailureMessage": "alpha",
-  "Primer::OpenProject::TreeView::Node": "alpha",
-  "Primer::OpenProject::TreeView::SkeletonLoader": "alpha",
-  "Primer::OpenProject::TreeView::SpinnerLoader": "alpha",
-  "Primer::OpenProject::TreeView::SubTree": "alpha",
-  "Primer::OpenProject::TreeView::SubTreeContainer": "alpha",
-  "Primer::OpenProject::TreeView::SubTreeNode": "alpha",
-  "Primer::OpenProject::TreeView::Visual": "alpha",
   "Primer::OpenProject::ZenModeButton": "open_project",
   "Primer::Tooltip": "deprecated",
   "Primer::Truncate": "deprecated"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.71.0
+  version: 0.72.0
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-08-13 00:00:00.000000000 Z
+date: 2025-08-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -17,28 +17,28 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.1.0
+        version: 7.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.1.0
+        version: 7.2.0
 - !ruby/object:Gem::Dependency
   name: activesupport
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.1.0
+        version: 7.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.1.0
+        version: 7.2.0
 - !ruby/object:Gem::Dependency
   name: openproject-octicons
   requirement: !ruby/object:Gem::Requirement
@@ -62,7 +62,7 @@ dependencies:
         version: '3.1'
     - - "<"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -72,7 +72,7 @@ dependencies:
         version: '3.1'
     - - "<"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '5.0'
 description:
 email:
 executables: []
@@ -95,6 +95,11 @@ files:
 - app/assets/javascripts/components/primer/alpha/tab_container.d.ts
 - app/assets/javascripts/components/primer/alpha/toggle_switch.d.ts
 - app/assets/javascripts/components/primer/alpha/tool_tip.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view_icon_pair_element.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view_include_fragment_element.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view_roving_tab_index.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.d.ts
 - app/assets/javascripts/components/primer/alpha/x_banner.d.ts
 - app/assets/javascripts/components/primer/anchored_position.d.ts
 - app/assets/javascripts/components/primer/beta/auto_complete/auto_complete.d.ts
@@ -112,11 +117,6 @@ files:
 - app/assets/javascripts/components/primer/open_project/filterable_tree_view.d.ts
 - app/assets/javascripts/components/primer/open_project/page_header_element.d.ts
 - app/assets/javascripts/components/primer/open_project/sub_header_element.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view_icon_pair_element.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view_include_fragment_element.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view_roving_tab_index.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.d.ts
 - app/assets/javascripts/components/primer/open_project/zen_mode_button.d.ts
 - app/assets/javascripts/components/primer/primer.d.ts
 - app/assets/javascripts/components/primer/scrollable_region.d.ts
@@ -219,6 +219,11 @@ files:
 - app/components/primer/alpha/dropdown/menu.js
 - app/components/primer/alpha/dropdown/menu.rb
 - app/components/primer/alpha/dropdown/menu.ts
+- app/components/primer/alpha/file_tree_view.rb
+- app/components/primer/alpha/file_tree_view/directory_node.html.erb
+- app/components/primer/alpha/file_tree_view/directory_node.rb
+- app/components/primer/alpha/file_tree_view/file_node.html.erb
+- app/components/primer/alpha/file_tree_view/file_node.rb
 - app/components/primer/alpha/form_button.rb
 - app/components/primer/alpha/form_control.html.erb
 - app/components/primer/alpha/form_control.rb
@@ -284,6 +289,12 @@ files:
 - app/components/primer/alpha/select_panel_element.d.ts
 - app/components/primer/alpha/select_panel_element.js
 - app/components/primer/alpha/select_panel_element.ts
+- app/components/primer/alpha/skeleton_box.css
+- app/components/primer/alpha/skeleton_box.css.json
+- app/components/primer/alpha/skeleton_box.css.map
+- app/components/primer/alpha/skeleton_box.html.erb
+- app/components/primer/alpha/skeleton_box.pcss
+- app/components/primer/alpha/skeleton_box.rb
 - app/components/primer/alpha/stack.css
 - app/components/primer/alpha/stack.css.json
 - app/components/primer/alpha/stack.css.map
@@ -328,6 +339,51 @@ files:
 - app/components/primer/alpha/tool_tip.js
 - app/components/primer/alpha/tool_tip.ts
 - app/components/primer/alpha/tooltip.rb
+- app/components/primer/alpha/tree_view.css
+- app/components/primer/alpha/tree_view.css.json
+- app/components/primer/alpha/tree_view.css.map
+- app/components/primer/alpha/tree_view.html.erb
+- app/components/primer/alpha/tree_view.pcss
+- app/components/primer/alpha/tree_view.rb
+- app/components/primer/alpha/tree_view/icon.html.erb
+- app/components/primer/alpha/tree_view/icon.rb
+- app/components/primer/alpha/tree_view/icon_pair.html.erb
+- app/components/primer/alpha/tree_view/icon_pair.rb
+- app/components/primer/alpha/tree_view/leading_action.html.erb
+- app/components/primer/alpha/tree_view/leading_action.rb
+- app/components/primer/alpha/tree_view/leaf_node.html.erb
+- app/components/primer/alpha/tree_view/leaf_node.rb
+- app/components/primer/alpha/tree_view/loading_failure_message.html.erb
+- app/components/primer/alpha/tree_view/loading_failure_message.rb
+- app/components/primer/alpha/tree_view/node.html.erb
+- app/components/primer/alpha/tree_view/node.rb
+- app/components/primer/alpha/tree_view/skeleton_loader.html.erb
+- app/components/primer/alpha/tree_view/skeleton_loader.rb
+- app/components/primer/alpha/tree_view/spinner_loader.html.erb
+- app/components/primer/alpha/tree_view/spinner_loader.rb
+- app/components/primer/alpha/tree_view/sub_tree.html.erb
+- app/components/primer/alpha/tree_view/sub_tree.rb
+- app/components/primer/alpha/tree_view/sub_tree_container.html.erb
+- app/components/primer/alpha/tree_view/sub_tree_container.rb
+- app/components/primer/alpha/tree_view/sub_tree_node.html.erb
+- app/components/primer/alpha/tree_view/sub_tree_node.rb
+- app/components/primer/alpha/tree_view/tree_view.d.ts
+- app/components/primer/alpha/tree_view/tree_view.js
+- app/components/primer/alpha/tree_view/tree_view.ts
+- app/components/primer/alpha/tree_view/tree_view_icon_pair_element.d.ts
+- app/components/primer/alpha/tree_view/tree_view_icon_pair_element.js
+- app/components/primer/alpha/tree_view/tree_view_icon_pair_element.ts
+- app/components/primer/alpha/tree_view/tree_view_include_fragment_element.d.ts
+- app/components/primer/alpha/tree_view/tree_view_include_fragment_element.js
+- app/components/primer/alpha/tree_view/tree_view_include_fragment_element.ts
+- app/components/primer/alpha/tree_view/tree_view_roving_tab_index.d.ts
+- app/components/primer/alpha/tree_view/tree_view_roving_tab_index.js
+- app/components/primer/alpha/tree_view/tree_view_roving_tab_index.ts
+- app/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.d.ts
+- app/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.js
+- app/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.ts
+- app/components/primer/alpha/tree_view/visual.html.erb
+- app/components/primer/alpha/tree_view/visual.rb
 - app/components/primer/alpha/underline_nav.css
 - app/components/primer/alpha/underline_nav.css.json
 - app/components/primer/alpha/underline_nav.css.map
@@ -557,11 +613,6 @@ files:
 - app/components/primer/open_project/feedback_dialog.rb
 - app/components/primer/open_project/feedback_message.html.erb
 - app/components/primer/open_project/feedback_message.rb
-- app/components/primer/open_project/file_tree_view.rb
-- app/components/primer/open_project/file_tree_view/directory_node.html.erb
-- app/components/primer/open_project/file_tree_view/directory_node.rb
-- app/components/primer/open_project/file_tree_view/file_node.html.erb
-- app/components/primer/open_project/file_tree_view/file_node.rb
 - app/components/primer/open_project/filterable_tree_view.d.ts
 - app/components/primer/open_project/filterable_tree_view.html.erb
 - app/components/primer/open_project/filterable_tree_view.js
@@ -601,12 +652,6 @@ files:
 - app/components/primer/open_project/side_panel/section.html.erb
 - app/components/primer/open_project/side_panel/section.pcss
 - app/components/primer/open_project/side_panel/section.rb
-- app/components/primer/open_project/skeleton_box.css
-- app/components/primer/open_project/skeleton_box.css.json
-- app/components/primer/open_project/skeleton_box.css.map
-- app/components/primer/open_project/skeleton_box.html.erb
-- app/components/primer/open_project/skeleton_box.pcss
-- app/components/primer/open_project/skeleton_box.rb
 - app/components/primer/open_project/sub_header.css
 - app/components/primer/open_project/sub_header.css.json
 - app/components/primer/open_project/sub_header.css.map
@@ -620,51 +665,6 @@ files:
 - app/components/primer/open_project/sub_header_element.d.ts
 - app/components/primer/open_project/sub_header_element.js
 - app/components/primer/open_project/sub_header_element.ts
-- app/components/primer/open_project/tree_view.css
-- app/components/primer/open_project/tree_view.css.json
-- app/components/primer/open_project/tree_view.css.map
-- app/components/primer/open_project/tree_view.html.erb
-- app/components/primer/open_project/tree_view.pcss
-- app/components/primer/open_project/tree_view.rb
-- app/components/primer/open_project/tree_view/icon.html.erb
-- app/components/primer/open_project/tree_view/icon.rb
-- app/components/primer/open_project/tree_view/icon_pair.html.erb
-- app/components/primer/open_project/tree_view/icon_pair.rb
-- app/components/primer/open_project/tree_view/leading_action.html.erb
-- app/components/primer/open_project/tree_view/leading_action.rb
-- app/components/primer/open_project/tree_view/leaf_node.html.erb
-- app/components/primer/open_project/tree_view/leaf_node.rb
-- app/components/primer/open_project/tree_view/loading_failure_message.html.erb
-- app/components/primer/open_project/tree_view/loading_failure_message.rb
-- app/components/primer/open_project/tree_view/node.html.erb
-- app/components/primer/open_project/tree_view/node.rb
-- app/components/primer/open_project/tree_view/skeleton_loader.html.erb
-- app/components/primer/open_project/tree_view/skeleton_loader.rb
-- app/components/primer/open_project/tree_view/spinner_loader.html.erb
-- app/components/primer/open_project/tree_view/spinner_loader.rb
-- app/components/primer/open_project/tree_view/sub_tree.html.erb
-- app/components/primer/open_project/tree_view/sub_tree.rb
-- app/components/primer/open_project/tree_view/sub_tree_container.html.erb
-- app/components/primer/open_project/tree_view/sub_tree_container.rb
-- app/components/primer/open_project/tree_view/sub_tree_node.html.erb
-- app/components/primer/open_project/tree_view/sub_tree_node.rb
-- app/components/primer/open_project/tree_view/tree_view.d.ts
-- app/components/primer/open_project/tree_view/tree_view.js
-- app/components/primer/open_project/tree_view/tree_view.ts
-- app/components/primer/open_project/tree_view/tree_view_icon_pair_element.d.ts
-- app/components/primer/open_project/tree_view/tree_view_icon_pair_element.js
-- app/components/primer/open_project/tree_view/tree_view_icon_pair_element.ts
-- app/components/primer/open_project/tree_view/tree_view_include_fragment_element.d.ts
-- app/components/primer/open_project/tree_view/tree_view_include_fragment_element.js
-- app/components/primer/open_project/tree_view/tree_view_include_fragment_element.ts
-- app/components/primer/open_project/tree_view/tree_view_roving_tab_index.d.ts
-- app/components/primer/open_project/tree_view/tree_view_roving_tab_index.js
-- app/components/primer/open_project/tree_view/tree_view_roving_tab_index.ts
-- app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.d.ts
-- app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.js
-- app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.ts
-- app/components/primer/open_project/tree_view/visual.html.erb
-- app/components/primer/open_project/tree_view/visual.rb
 - app/components/primer/open_project/zen_mode_button.d.ts
 - app/components/primer/open_project/zen_mode_button.html.erb
 - app/components/primer/open_project/zen_mode_button.js
@@ -1009,6 +1009,9 @@ files:
 - previews/primer/alpha/dialog_preview/with_text_input.html.erb
 - previews/primer/alpha/dialog_preview/without_header_close_button_label.html.erb
 - previews/primer/alpha/dropdown_preview.rb
+- previews/primer/alpha/file_tree_view_preview.rb
+- previews/primer/alpha/file_tree_view_preview/default.html.erb
+- previews/primer/alpha/file_tree_view_preview/playground.html.erb
 - previews/primer/alpha/form_control_preview.rb
 - previews/primer/alpha/form_control_preview/playground.html.erb
 - previews/primer/alpha/hellip_button_preview.rb
@@ -1062,6 +1065,7 @@ files:
 - previews/primer/alpha/select_panel_preview/with_subtitle.html.erb
 - previews/primer/alpha/select_panel_preview/with_trailing_icons.html.erb
 - previews/primer/alpha/select_preview.rb
+- previews/primer/alpha/skeleton_box_preview.rb
 - previews/primer/alpha/stack_item_preview.rb
 - previews/primer/alpha/stack_item_preview/default.html.erb
 - previews/primer/alpha/stack_item_preview/playground.html.erb
@@ -1090,6 +1094,18 @@ files:
 - previews/primer/alpha/tooltip_preview/tooltip_with_dialog_moving_focus_to_input.html.erb
 - 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/tree_view_preview.rb
+- previews/primer/alpha/tree_view_preview/async_alpha.html.erb
+- previews/primer/alpha/tree_view_preview/buttons.html.erb
+- previews/primer/alpha/tree_view_preview/default.html.erb
+- previews/primer/alpha/tree_view_preview/empty.html.erb
+- previews/primer/alpha/tree_view_preview/form_input.html.erb
+- previews/primer/alpha/tree_view_preview/leaf_node_playground.html.erb
+- previews/primer/alpha/tree_view_preview/links.html.erb
+- previews/primer/alpha/tree_view_preview/loading_failure.html.erb
+- previews/primer/alpha/tree_view_preview/loading_skeleton.html.erb
+- previews/primer/alpha/tree_view_preview/loading_spinner.html.erb
+- previews/primer/alpha/tree_view_preview/playground.html.erb
 - previews/primer/alpha/underline_nav_preview.rb
 - previews/primer/alpha/underline_nav_preview/default.html.erb
 - previews/primer/alpha/underline_nav_preview/playground.html.erb
@@ -1200,9 +1216,6 @@ files:
 - previews/primer/open_project/feedback_dialog_preview/with_additional_details.html.erb
 - previews/primer/open_project/feedback_dialog_preview/with_custom_footer.html.erb
 - previews/primer/open_project/feedback_message_preview.rb
-- previews/primer/open_project/file_tree_view_preview.rb
-- previews/primer/open_project/file_tree_view_preview/default.html.erb
-- previews/primer/open_project/file_tree_view_preview/playground.html.erb
 - previews/primer/open_project/filterable_tree_view_preview.rb
 - previews/primer/open_project/filterable_tree_view_preview/_custom_select_js.html.erb
 - previews/primer/open_project/filterable_tree_view_preview/custom_checkbox_text.html.erb
@@ -1211,6 +1224,7 @@ files:
 - previews/primer/open_project/filterable_tree_view_preview/default.html.erb
 - previews/primer/open_project/filterable_tree_view_preview/form_input.html.erb
 - previews/primer/open_project/filterable_tree_view_preview/playground.html.erb
+- previews/primer/open_project/filterable_tree_view_preview/stress_test.html.erb
 - previews/primer/open_project/flex_layout_preview.rb
 - previews/primer/open_project/grid_layout_preview.rb
 - previews/primer/open_project/heading_preview.rb
@@ -1225,24 +1239,12 @@ files:
 - previews/primer/open_project/side_panel_preview/playground.html.erb
 - previews/primer/open_project/side_panel_preview/with_action_menu.html.erb
 - previews/primer/open_project/side_panel_preview/with_component.html.erb
-- previews/primer/open_project/skeleton_box_preview.rb
 - previews/primer/open_project/sub_header_preview.rb
 - previews/primer/open_project/sub_header_preview/action_menu_buttons.html.erb
 - previews/primer/open_project/sub_header_preview/bottom_pane.html.erb
 - previews/primer/open_project/sub_header_preview/button_group.html.erb
 - previews/primer/open_project/sub_header_preview/custom_filter_button.html.erb
 - previews/primer/open_project/sub_header_preview/dialog_buttons.html.erb
-- previews/primer/open_project/tree_view_preview.rb
-- previews/primer/open_project/tree_view_preview/async_alpha.html.erb
-- previews/primer/open_project/tree_view_preview/buttons.html.erb
-- previews/primer/open_project/tree_view_preview/default.html.erb
-- previews/primer/open_project/tree_view_preview/empty.html.erb
-- previews/primer/open_project/tree_view_preview/leaf_node_playground.html.erb
-- previews/primer/open_project/tree_view_preview/links.html.erb
-- previews/primer/open_project/tree_view_preview/loading_failure.html.erb
-- previews/primer/open_project/tree_view_preview/loading_skeleton.html.erb
-- previews/primer/open_project/tree_view_preview/loading_spinner.html.erb
-- previews/primer/open_project/tree_view_preview/playground.html.erb
 - previews/primer/open_project/zen_mode_button_preview.rb
 - previews/primer/url_helpers.rb
 - static/arguments.json

data/app/components/primer/open_project/tree_view.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tree_view.pcss"],"names":[],"mappings":"AAEA,sBAGE,eAAgB,CADhB,QAAS,CADT,SA+UF,CA9TE,oCACE,YAeF,CAbE,2DACE,uDAOF,CALE,8BAHF,2DAII,+BAAgC,CAEhC,iBAEJ,CADE,CAGF,kEACE,sBACF,CAGF,6CACE,SAAU,CACV,mBAAoB,CACpB,sBAAuB,CAOvB,wCAAyC,CADzC,4BAA6B,CAH7B,YAAa,CAEb,sCAAuC,CAIvC,yDAA0D,CAD1D,6FAA8F,CAN9F,iBAAkB,CAElB,UAAW,CAOX,gEAAmE,CACnE,+DA4BF,CA1BE,wDACE,yDAMF,CAJE,8BAHF,wDAII,uBAA8B,CAC9B,mBAEJ,CADE,CAGF,wBA1BF,6CA2BI,qBAAsB,CACtB,yBAeJ,CAdE,CAEA,qFAEE,wBAA6B,CAD7B,cAMF,CAHE,8BAJF,qFAKI,YAEJ,CADE,CAGF,qFACE,uDACF,CAGF,4EACE,+BACF,CAGA,wGACE,4DAwBF,CApBE,mHAaE,sCAAuC,CACvC,wCAAyC,CARzC,UAAW,CADX,aAAc,CAFd,gCAAmC,CAFnC,iBAAkB,CAClB,mCAAoC,CAEpC,YAeF,CAHE,8BAhBF,mHAiBI,8BAEJ,CADE,CAIJ,0CAWE,sBAAuB,CAHvB,0BAA2B,CAI3B,cAAe,CAXf,YAAa,CAQb,gBAAiB,CAPjB,WAAY,CAQZ,sBAAuB,CAHvB,kEAMF,CAEA,qDACE,yDACF,CAEA,6CAEE,oDAAqD,CADrD,iDAEF,CAGA,yGACE,iCAA0B,CAA1B,yBAA0B,CAC1B,iDACF,CAEA,qEACE,kBACF,CAEA,2CAWE,cAAe,CAVf,YAAa,CAmBb,8BAA+B,CAD/B,iBAAkB,CAjBlB,WAAY,CAgBZ,+EAAkF,CAdlF,YAAa,CADb,4BAA6B,CAc7B,mFAAsF,CAFtF,gFA2FF,CApFE,iHAfA,wBAA6B,CAC7B,WAAY,CAHZ,eAAgB,CAIhB,yBAA0B,CAH1B,wBAAiB,CAAjB,gBAAiB,CAIjB,uCAuBA,CAXA,sEAOE,wCAAyC,CALzC,iCAAkC,CADlC,iBAAkB,CAOlB,qCAGF,CAGE,yFACE,8CAA+C,CAC/C,oDAAqD,CACrD,0EAQF,CALE,qGAGE,kEAAwE,CADxE,kCAAmC,CADnC,kBAGF,CAKF,0FACE,8CAA+C,CAC/C,oDAAqD,CACrD,0EASF,CANE,sGAGE,kEAAwE,CACxE,cAAe,CAFf,wUAAia,CADja,kBAIF,CAIJ,oEACE,mBA4BF,CA1BE,6FACE,qCACF,CAKE,yLACE,oCACF,CAIA,qBACE,qGACE,kBACF,CAKF,0EAEE,wBAA6B,CAD7B,kBAEF,CAPA,CAWJ,wGACE,mDAAoD,CACpD,4BACF,CAEA,qDACE,mDAAoD,CACpD,4BACF,CAGF,+CACE,iCAAkC,CAClC,aAAc,CAId,wBAAyB,CAHzB,OAIF,CAEA,gFACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAEA,iFAEE,qBACF,CAEA,0CAOE,kBAAmB,CADnB,0BAA2B,CAL3B,YAAa,CAIb,uCAGF,CAEA,iDAEE,0BAA2B,CAD3B,YAAa,CAEb,uBAKF,CAHE,6DACE,aACF,CAGF,6CAQE,qCAAsC,CACtC,0CAA2C,CAP3C,WAAY,CADZ,UASF,CAQA,qBACE,6CACE,kBACF,CAEA,6GAEE,qCACF,CACF,CAEA,8CAGE,UAAW,CAGX,WAAY,CACZ,eAAgB,CAHhB,SAAU,CAHV,iBAAkB,CAClB,SAAU,CAMV,kBAAsB,CAEtB,cAAe,CADf,kBAEF,CAGF,oCAEE,kBAAmB,CACnB,gBAAkB,CAFlB,YAAa,CAGb,WAyBF,CAvBE,wBANF,oCAOI,cAsBJ,CArBE,CAEA,sDACE,6BACF,CAEA,sDACE,6BACF,CAEA,sDACE,6BACF,CAEA,sDACE,6BACF,CAEA,sDACE,6BACF,CAGF,4BACE,wCACF,CAEA,wBAKE,kBAAmB,CAJnB,YAAa,CAEb,SAAW,CADX,8BAA+B,CAE/B,UAEF","file":"tree_view.css","sourcesContent":["/* stylelint-disable selector-max-type -- Copied from primer/react */\n\n.TreeViewRootUlStyles {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n\n  /*\n   * WARNING: This is a performance optimization.\n   *\n   * We define styles for the tree items at the root level of the tree\n   * to avoid recomputing the styles for each item when the tree updates.\n   * We're sacrificing maintainability for performance because TreeView\n   * needs to be performant enough to handle large trees (thousands of items).\n   *\n   * This is intended to be a temporary solution until we can improve the\n   * performance of our styling patterns.\n   *\n   * Do NOT copy this pattern without understanding the tradeoffs.\n   */\n  & .TreeViewItem {\n    outline: none;\n\n    &:focus-visible > div {\n      box-shadow: var(--boxShadow-thick) var(--fgColor-accent);\n\n      @media (forced-colors: active) {\n        outline: 2px solid HighlightText;\n        /* stylelint-disable-next-line declaration-property-value-no-unknown -- Copied from primer/react */\n        outline-offset: -2;\n      }\n    }\n\n    &[data-has-leading-action] {\n      --has-leading-action: 1;\n    }\n  }\n\n  & .TreeViewItemContainer {\n    --level: 1;\n    --toggle-width: 1rem;\n    --min-item-height: 2rem;\n\n    position: relative;\n    display: grid;\n    width: 100%;\n    font-size: var(--text-body-size-medium);\n    color: var(--fgColor-default);\n    border-radius: var(--borderRadius-medium);\n    grid-template-columns: var(--spacer-width) var(--leading-action-width) var(--toggle-width) 1fr;\n    grid-template-areas: 'spacer leadingAction toggle content';\n\n    --leading-action-width: calc(var(--has-leading-action, 0) * 1.5rem);\n    --spacer-width: calc(calc(var(--level) - 1) * (var(--toggle-width) / 2));\n\n    &:hover {\n      background-color: var(--control-transparent-bgColor-hover);\n\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: -2px;\n      }\n    }\n\n    @media (pointer: coarse) {\n      --toggle-width: 1.5rem;\n      --min-item-height: 2.75rem;\n    }\n\n    &:has(.TreeViewFailureMessage):hover {\n      cursor: default;\n      background-color: transparent;\n\n      @media (forced-colors: active) {\n        outline: none;\n      }\n    }\n\n    &:has([role='treeitem']:focus-visible) {\n      box-shadow: var(--boxShadow-thick) var(--fgColor-accent);\n    }\n  }\n\n  &:where([data-omit-spacer='true']) .TreeViewItemContainer {\n    grid-template-columns: 0 0 0 1fr;\n  }\n\n  /* stylelint-disable-next-line selector-max-specificity */\n  & .TreeViewItem > .TreeViewItemContainer:has(.TreeViewItemContent[aria-current='true']) {\n    background-color: var(--control-transparent-bgColor-selected);\n\n    /* Current item indicator */\n    /* stylelint-disable-next-line selector-max-specificity -- Copied from primer/react */\n    &::after {\n      position: absolute;\n      top: calc(50% - var(--base-size-12));\n      left: calc(-1 * var(--base-size-8));\n      width: 0.25rem;\n      height: 1.5rem;\n      content: '';\n\n      /*\n       * Use fgColor accent for consistency across all themes. Using the \"correct\" variable,\n       * --bgColor-accent-emphasis, causes vrt failures for dark high contrast mode\n       */\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--fgColor-accent);\n      border-radius: var(--borderRadius-medium);\n\n      @media (forced-colors: active) {\n        background-color: HighlightText;\n      }\n    }\n  }\n\n  & .TreeViewItemToggle {\n    display: flex;\n    height: 100%;\n\n    /* The toggle should appear vertically centered for single-line items, but remain at the top for items that wrap\n    across more lines. */\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: calc(var(--min-item-height) / 2 - var(--base-size-12) / 2);\n    color: var(--fgColor-muted);\n    grid-area: toggle;\n    justify-content: center;\n    align-items: flex-start;\n    cursor: pointer;\n  }\n\n  & .TreeViewItemToggleHover:hover {\n    background-color: var(--control-transparent-bgColor-hover);\n  }\n\n  & .TreeViewItemToggleEnd {\n    border-top-left-radius: var(--borderRadius-medium);\n    border-bottom-left-radius: var(--borderRadius-medium);\n  }\n\n  /* stylelint-disable-next-line selector-no-qualifying-type */\n  & a.TreeViewItemContent:hover, button.TreeViewItemContent:hover {\n    text-decoration: underline;\n    text-decoration-color: var(--control-fgColor-rest);\n  }\n\n  & :has(.TreeViewItemContent[aria-disabled=true]) {\n    cursor: not-allowed;\n  }\n\n  & .TreeViewItemContent {\n    display: flex;\n    height: 100%;\n    padding: 0 var(--base-size-8);\n    outline: none;\n    text-align: left;\n    user-select: none;\n    background-color: transparent;\n    border: none;\n    touch-action: manipulation;\n    -webkit-tap-highlight-color: transparent;\n    cursor: pointer;\n\n    /* The dynamic top and bottom padding to maintain the minimum item height for single line items */\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-bottom: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);\n    line-height: var(--custom-line-height, var(--text-body-lineHeight-medium, 1.4285));\n    grid-area: content;\n    gap: var(--stack-gap-condensed);\n\n    & .TreeViewItemCheckbox {\n      position: relative;\n      color: var(--control-fgColor-rest);\n      text-align: left;\n      user-select: none;\n      background-color: transparent;\n      border: none;\n      border-radius: var(--borderRadius-medium);\n      transition: background 33.333ms linear;\n      touch-action: manipulation;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    &[aria-checked='true'] {\n      & .FormControl-checkbox {\n        background: var(--control-checked-bgColor-rest);\n        border-color: var(--control-checked-borderColor-rest);\n        transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms; /* unchecked -> checked */\n\n        /* stylelint-disable-next-line max-nesting-depth, selector-max-specificity -- Copied from primer/react */\n        &::before {\n          visibility: visible;\n          transition: visibility 0s linear 0s;\n          animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n        }\n      }\n    }\n\n    &[aria-checked='mixed'] {\n      & .FormControl-checkbox {\n        background: var(--control-checked-bgColor-rest);\n        border-color: var(--control-checked-borderColor-rest);\n        transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms; /* unchecked -> checked */\n\n        /* stylelint-disable-next-line max-nesting-depth, selector-max-specificity -- Copied from primer/react */\n        &::before {\n          visibility: visible;\n          mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n          animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n          clip-path: none;\n        }\n      }\n    }\n\n    &[aria-disabled=\"true\"] {\n      pointer-events: none;\n\n      & .TreeViewItemContentText {\n        color: var(--control-fgColor-disabled);\n      }\n\n      & .TreeViewItemVisual {\n        fill: var(--control-fgColor-disabled);\n\n        & svg {\n          fill: var(--control-fgColor-disabled);\n        }\n      }\n\n      & .FormControl-checkbox {\n        @media (hover: hover) {\n          &:hover {\n            cursor: not-allowed;\n          }\n        }\n      }\n\n      @media (hover: hover) {\n        &:hover {\n          cursor: not-allowed;\n          background-color: transparent;\n        }\n      }\n    }\n\n    & ::highlight(primer-filterable-tree-view-search-results) {\n      background-color: var(--label-yellow-bgColor-active);\n      color: var(--fgColor-default);\n    }\n\n    & mark {\n      background-color: var(--label-yellow-bgColor-active);\n      color: var(--fgColor-default);\n    }\n  }\n\n  & .TreeViewItemContentText {\n    color: var(--control-fgColor-rest);\n    flex: 1 1 auto;\n    width: 0;\n    /* Do not remove, as otherwise the filter result of the filterableTreeView will not be shown in Safari\n       see: https://bugs.webkit.org/show_bug.cgi?id=278455 */\n    -webkit-user-select: auto;\n  }\n\n  &:where([data-truncate-text='true']) .TreeViewItemContentText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &:where([data-truncate-text='false']) .TreeViewItemContentText {\n    /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated -- Copied from primer/react */\n    word-break: break-word;\n  }\n\n  & .TreeViewItemVisual {\n    display: flex;\n\n    /* The visual icons should appear vertically centered for single-line items, but remain at the top for items that wrap\n    across more lines. */\n    height: var(--custom-line-height, 1.3rem);\n    color: var(--fgColor-muted);\n    align-items: center;\n  }\n\n  & .TreeViewItemLeadingAction {\n    display: flex;\n    color: var(--fgColor-muted);\n    grid-area: leadingAction;\n\n    & > button {\n      flex-shrink: 1;\n    }\n  }\n\n  & .TreeViewItemLevelLine {\n    width: 100%;\n    height: 100%;\n\n    /*\n     * On devices without hover, the nesting indicator lines\n     * appear at all times.\n     */\n    border-color: var(--borderColor-muted);\n    border-right: var(--borderWidth-thin) solid;\n  }\n\n  /*\n   * On devices with :hover support, the nesting indicator lines\n   * fade in when the user mouses over the entire component,\n   * or when there's focus inside the component. This makes\n   * sure the component remains simple when not in use.\n   */\n  @media (hover: hover) {\n    .TreeViewItemLevelLine {\n      border-color: transparent;\n    }\n\n    &:hover .TreeViewItemLevelLine,\n    &:focus-within .TreeViewItemLevelLine {\n      border-color: var(--borderColor-muted);\n    }\n  }\n\n  & .TreeViewVisuallyHidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    /* stylelint-disable-next-line primer/spacing */\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n}\n\n.TreeViewSkeletonItemContainerStyle {\n  display: flex;\n  align-items: center;\n  column-gap: 0.5rem;\n  height: 2rem;\n\n  @media (pointer: coarse) {\n    height: 2.75rem;\n  }\n\n  &:nth-of-type(5n + 1) {\n    --tree-item-loading-width: 67%;\n  }\n\n  &:nth-of-type(5n + 2) {\n    --tree-item-loading-width: 47%;\n  }\n\n  &:nth-of-type(5n + 3) {\n    --tree-item-loading-width: 73%;\n  }\n\n  &:nth-of-type(5n + 4) {\n    --tree-item-loading-width: 64%;\n  }\n\n  &:nth-of-type(5n + 5) {\n    --tree-item-loading-width: 50%;\n  }\n}\n\n.TreeItemSkeletonTextStyles {\n  width: var(--tree-item-loading-width, 67%);\n}\n\n.TreeViewFailureMessage {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 0.5rem;\n  width: 100%;\n  align-items: center;\n}\n"]}