@mixtint/primer-view-components 0.75.2 → 0.84.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mixtint/primer-view-components",
-  "version": "0.75.2",
+  "version": "0.84.3",
   "publishConfig": {
     "access": "public"
   },
@@ -48,56 +48,57 @@
   "dependencies": {
     "@github/auto-check-element": "^6.0.0",
     "@github/auto-complete-element": "^3.8.0",
-    "@github/catalyst": "^1.7.0",
+    "@github/catalyst": "^1.8.1",
     "@github/clipboard-copy-element": "^1.3.0",
     "@github/details-menu-element": "^1.0.13",
     "@github/image-crop-element": "^5.0.0",
     "@github/include-fragment-element": "^6.4.1",
-    "@github/relative-time-element": "^4.5.0",
+    "@github/relative-time-element": "^5.0.0",
     "@github/remote-input-element": "^0.4.0",
     "@github/tab-container-element": "^3.4.0",
     "@oddbird/popover-polyfill": "^0.5.2",
-    "@primer/behaviors": "^1.8.3",
+    "@primer/behaviors": "^1.10.2",
     "@primer/live-region-element": "^0.8.0"
   },
   "peerDependencies": {
     "@primer/primitives": "10.x || 11.x"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "^0.5.1",
-    "@changesets/cli": "^2.29.7",
-    "@github/axe-github": "^0.7.0",
+    "@changesets/changelog-github": "^0.5.2",
+    "@changesets/cli": "^2.31.0",
+    "@github/axe-github": "^0.8.1",
     "@github/browserslist-config": "^1.0.0",
     "@github/markdownlint-github": "^0.8.0",
     "@github/prettier-config": "0.0.6",
-    "@playwright/test": "^1.56.1",
-    "@primer/css": "22.0.2",
-    "@primer/stylelint-config": "^13.4.0",
+    "@playwright/test": "^1.59.1",
+    "@primer/css": "22.1.1",
+    "@primer/primitives": "^11.7.1",
+    "@primer/stylelint-config": "^13.6.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^8.5.0",
-    "axe-core": "^4.11.0",
+    "axe-core": "^4.11.3",
     "chokidar-cli": "^3.0.0",
     "css-what": "^7.0.0",
-    "cssnano": "^7.1.1",
-    "eslint": "^9.38.0",
+    "cssnano": "^7.1.7",
+    "eslint": "^9.39.4",
     "eslint-plugin-github": "^6.0.0",
-    "glob": "^11.0.3",
-    "markdownlint-cli2": "^0.18.1",
-    "mocha": "^11.7.4",
-    "playwright": "^1.56.1",
-    "postcss": "^8.5.6",
+    "glob": "^11.1.0",
+    "markdownlint-cli2": "^0.22.0",
+    "mocha": "^11.7.5",
+    "playwright": "^1.59.1",
+    "postcss": "^8.5.10",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
     "postcss-mixins": "^12.1.2",
-    "postcss-preset-env": "^10.4.0",
-    "prettier": "^3.6.2",
-    "rollup": "^2.79.2",
+    "postcss-preset-env": "^11.2.1",
+    "prettier": "^3.8.3",
+    "rollup": "^2.80.0",
     "rollup-plugin-terser": "^7.0.2",
     "stylelint-actions-formatters": "^16.3.1",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "vite": "^6.4.1",
-    "vite-plugin-ruby": "^5.1.1"
+    "vite": "^8.0.9",
+    "vite-plugin-ruby": "^5.2.1"
   },
   "prettier": "@github/prettier-config",
   "browserslist": "extends @github/browserslist-config"

package/static/arguments.json

@@ -464,6 +464,12 @@
         "default": "N/A",
         "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
       },
+      {
+        "name": "anchor_when_narrow",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
+      },
       {
         "name": "menu_id",
         "type": "String",
@@ -540,6 +546,12 @@
         "default": "`:outside_bottom`",
         "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
       },
+      {
+        "name": "anchor_when_narrow",
+        "type": "Symbol",
+        "default": "`:inherit`",
+        "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`.."
+      },
       {
         "name": "dynamic_label",
         "type": "Boolean",
@@ -586,6 +598,12 @@
         "default": "`:outside_right`",
         "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
       },
+      {
+        "name": "anchor_when_narrow",
+        "type": "Symbol",
+        "default": "`:inherit`",
+        "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`.."
+      },
       {
         "name": "overlay_arguments",
         "type": "Hash",
@@ -2009,6 +2027,12 @@
         "default": "`:normal`",
         "description": "The anchor offset to give the Overlay. One of `:normal` or `:spacious`."
       },
+      {
+        "name": "anchor_when_narrow",
+        "type": "Symbol",
+        "default": "`:inherit`",
+        "description": "The position of the Overlay when in a narrow viewport. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
+      },
       {
         "name": "allow_out_of_bounds",
         "type": "Boolean",
@@ -2607,13 +2631,7 @@
         "name": "form_arguments",
         "type": "Hash",
         "default": "`{}`",
-        "description": "Form arguments. Supported for `local`, and experimentally supported for `remote` and `eventually_local` strategies by enabling the `use_experimental_non_local_form` flag."
-      },
-      {
-        "name": "use_experimental_non_local_form",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "A feature flag used to slowly roll out moving the input field (generated from form arguments) to the top of the SelectPanel HTML thus allowing remote fetching to have default form values. At this time, support is only available for the :single select variant. See: https://github.com/github/primer/issues/4923."
+        "description": "Form arguments. Supported for all fetch strategies."
       },
       {
         "name": "show_filter",
@@ -2727,7 +2745,7 @@
         "name": "gap",
         "type": "Symbol",
         "default": "`GapArg::DEFAULT`",
-        "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:normal`, or `:spacious`."
+        "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
       },
       {
         "name": "direction",
@@ -2957,6 +2975,12 @@
         "default": "N/A",
         "description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
       },
+      {
+        "name": "character_limit",
+        "type": "Number",
+        "default": "N/A",
+        "description": "Optional character limit for the input. If provided, a character counter will be displayed below the input."
+      },
       {
         "name": "name",
         "type": "String",
@@ -3093,6 +3117,12 @@
         "default": "N/A",
         "description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
       },
+      {
+        "name": "character_limit",
+        "type": "Number",
+        "default": "N/A",
+        "description": "Optional character limit for the input. If provided, a character counter will be displayed below the input."
+      },
       {
         "name": "name",
         "type": "String",
@@ -3330,6 +3360,12 @@
         "type": "String",
         "default": "`nil`",
         "description": "Custom label to show when the switch is OFF. Defaults to (\"Off\"). Only customize this label if it makes the toggle’s state more meaningful in its specific context. For example, for a \"Show images\" setting, you might use \"Show\" when the switch is OFF."
+      },
+      {
+        "name": "button_type",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The type attribute for the underlying button element. If `nil`, the button will not have a type attribute, which means it will default to \"submit\" if it's inside a form and \"button\" otherwise."
       }
     ]
   },
@@ -3997,7 +4033,14 @@
     "short_name": "AutoCompleteNoResultItem",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/no_result_item.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/no_result_item/default/",
-    "parameters": []
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
   },
   {
     "component": "Avatar",
@@ -4037,6 +4080,12 @@
         "default": "`nil`",
         "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
       },
+      {
+        "name": "tooltip",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Tooltip text to display on hover when href is provided."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -4071,6 +4120,12 @@
         "default": "`false`",
         "description": "Whether to add a tooltip to the stack or not."
       },
+      {
+        "name": "disable_expand",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to disable the expand behavior on hover. If true, avatars will not expand."
+      },
       {
         "name": "body_arguments",
         "type": "Hash",
@@ -5108,6 +5163,12 @@
         "default": "`TIMEZONENAME_DEFAULT`",
         "description": "What format the time zone should take. One of `nil`, `:long`, `:long_generic`, `:long_offset`, `:short`, `:short_generic`, or `:short_offset`."
       },
+      {
+        "name": "time_zone",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The IANA time zone identifier to use for formatting (e.g., \"America/New_York\")."
+      },
       {
         "name": "threshold",
         "type": "String",
@@ -5711,6 +5772,67 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::AvatarStack",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectAvatarStack",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/avatar_stack.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/avatar_stack/default/",
+    "parameters": []
+  },
+  {
+    "component": "OpenProject::AvatarWithFallback",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectAvatarWithFallback",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/avatar_with_fallback.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/avatar_with_fallback/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The source URL of the avatar image. When provided, JavaScript will test-load it in the background and swap to it on success. When nil or blank, only the fallback SVG is displayed."
+      },
+      {
+        "name": "alt",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Alt text for the avatar. Used for accessibility and to generate initials for the fallback SVG."
+      },
+      {
+        "name": "size",
+        "type": "Integer",
+        "default": "`20`",
+        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, `64`, or `80`."
+      },
+      {
+        "name": "shape",
+        "type": "Symbol",
+        "default": "`:circle`",
+        "description": "Shape of the avatar. One of `:circle` or `:square`."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
+      },
+      {
+        "name": "unique_id",
+        "type": "String, Integer",
+        "default": "`nil`",
+        "description": "Unique identifier for generating consistent avatar colors across renders."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "OpenProject::BorderBox::CollapsibleHeader",
     "status": "open_project",
@@ -5725,12 +5847,30 @@
         "default": "`self.class.generate_id`",
         "description": "The unique ID of the collapsible header."
       },
+      {
+        "name": "box",
+        "type": "Primer::Beta::BorderBox",
+        "default": "`nil`",
+        "description": "Deprecated. Previously used to reference the parent BorderBox."
+      },
       {
         "name": "collapsed",
         "type": "Boolean",
         "default": "`false`",
         "description": "Whether the header is collapsed on initial render."
       },
+      {
+        "name": "collapsible_id",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The id or ids of the elements that will be collapsed. This should include the BorderBox's list, body and footer. This will be required in future versions."
+      },
+      {
+        "name": "multi_line",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether the description is on its own line and can wrap across multiple lines."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -5896,6 +6036,18 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
     "parameters": [
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:small`",
+        "description": "One of `:medium`, `:small`, or `:xsmall`."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "`I18n.t(\"drag_handle.button_drag\")`",
+        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -5954,6 +6106,43 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::Fieldset",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFieldset",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/fieldset.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/fieldset/default/",
+    "parameters": [
+      {
+        "name": "legend_text",
+        "type": "String",
+        "default": "`nil`",
+        "description": "A legend should be short and concise. The String will also be read by assistive technology."
+      },
+      {
+        "name": "visually_hide_legend",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Controls if the legend is visible. If `true`, screen reader only text will be added."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::Fieldset::Legend",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFieldsetLegend",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/fieldset/legend_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/fieldset/legend/default/",
+    "parameters": []
+  },
   {
     "component": "OpenProject::FilterableTreeView",
     "status": "alpha",
@@ -6116,6 +6305,34 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::InlineMessage",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectInlineMessage",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/inline_message.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/inline_message/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:critical`, `:success`, `:unavailable`, or `:warning`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:medium` or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "OpenProject::InputGroup",
     "status": "open_project",
@@ -6214,6 +6431,15 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::Pagination",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectPagination",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/pagination.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/pagination/default/",
+    "parameters": []
+  },
   {
     "component": "OpenProject::SidePanel",
     "status": "open_project",

package/static/audited_at.json

@@ -139,6 +139,8 @@
   "Primer::IconButton": "",
   "Primer::LayoutComponent": "",
   "Primer::Navigation::TabComponent": "",
+  "Primer::OpenProject::AvatarStack": "",
+  "Primer::OpenProject::AvatarWithFallback": "",
   "Primer::OpenProject::BorderBox::CollapsibleHeader": "",
   "Primer::OpenProject::BorderGrid": "",
   "Primer::OpenProject::BorderGrid::Cell": "",
@@ -149,17 +151,21 @@
   "Primer::OpenProject::DragHandle": "",
   "Primer::OpenProject::FeedbackDialog": "",
   "Primer::OpenProject::FeedbackMessage": "",
+  "Primer::OpenProject::Fieldset": "",
+  "Primer::OpenProject::Fieldset::LegendComponent": "",
   "Primer::OpenProject::FilterableTreeView": "",
   "Primer::OpenProject::FilterableTreeView::SubTree": "",
   "Primer::OpenProject::FlexLayout": "",
   "Primer::OpenProject::GridLayout": "",
   "Primer::OpenProject::GridLayout::Area": "",
   "Primer::OpenProject::Heading": "",
+  "Primer::OpenProject::InlineMessage": "",
   "Primer::OpenProject::InputGroup": "",
   "Primer::OpenProject::PageHeader": "",
   "Primer::OpenProject::PageHeader::Dialog": "",
   "Primer::OpenProject::PageHeader::Menu": "",
   "Primer::OpenProject::PageHeader::Title": "",
+  "Primer::OpenProject::Pagination": "",
   "Primer::OpenProject::SidePanel": "",
   "Primer::OpenProject::SidePanel::Section": "",
   "Primer::OpenProject::SubHeader": "",

package/static/classes.json

@@ -102,7 +102,8 @@
     "Primer::Beta::AvatarStack"
   ],
   "AvatarStack-body": [
-    "Primer::Beta::AvatarStack"
+    "Primer::Beta::AvatarStack",
+    "Primer::OpenProject::AvatarStack"
   ],
   "Banner": [
     "Primer::Alpha::Banner"
@@ -249,7 +250,16 @@
   "CollapsibleHeader": [
     "Primer::OpenProject::BorderBox::CollapsibleHeader"
   ],
-  "CollapsibleHeader--triggerArea": [
+  "CollapsibleHeader--multi-line": [
+    "Primer::OpenProject::BorderBox::CollapsibleHeader"
+  ],
+  "CollapsibleHeader-description": [
+    "Primer::OpenProject::BorderBox::CollapsibleHeader"
+  ],
+  "CollapsibleHeader-title-line": [
+    "Primer::OpenProject::BorderBox::CollapsibleHeader"
+  ],
+  "CollapsibleHeader-triggerArea": [
     "Primer::OpenProject::BorderBox::CollapsibleHeader"
   ],
   "CollapsibleSection--triggerArea": [
@@ -357,6 +367,12 @@
   "FormControl-warning": [
     "Primer::Alpha::TextField"
   ],
+  "InlineMessage": [
+    "Primer::OpenProject::InlineMessage"
+  ],
+  "InlineMessageIcon": [
+    "Primer::OpenProject::InlineMessage"
+  ],
   "InputGroup": [
     "Primer::OpenProject::InputGroup"
   ],
@@ -457,6 +473,9 @@
   "Overlay--full-whenNarrow": [
     "Primer::Alpha::Dialog"
   ],
+  "Overlay--fullscreen-whenNarrow": [
+    "Primer::Alpha::Dialog"
+  ],
   "Overlay--hidden": [
     "Primer::Alpha::Dialog"
   ],
@@ -484,9 +503,15 @@
   "Overlay-headerFilter": [
     "Primer::Alpha::Dialog"
   ],
+  "Page": [
+    "Primer::OpenProject::Pagination"
+  ],
   "PageHeader": [
     "Primer::OpenProject::PageHeader"
   ],
+  "PageHeader--noBreadcrumb": [
+    "Primer::OpenProject::PageHeader"
+  ],
   "PageHeader--withTabNav": [
     "Primer::OpenProject::PageHeader"
   ],
@@ -523,6 +548,9 @@
   "PageHeader-titleBar": [
     "Primer::OpenProject::PageHeader"
   ],
+  "PaginationContainer": [
+    "Primer::OpenProject::Pagination"
+  ],
   "Popover": [
     "Primer::Beta::Popover"
   ],