@mixtint/primer-view-components 0.89.2 → 0.90.1

package/app/components/primer/open_project/pagination.css

@@ -1,3 +1,5 @@
+/* stylelint-disable selector-max-type -- pagination arrows are styled via `.Page[rel] > svg`; the svg icon can only be targeted by its type selector */
+
 .Page {
   min-width: var(--base-size-32);
   height: var(--base-size-32);
@@ -7,7 +9,7 @@
   white-space: nowrap;
   vertical-align: middle;
   cursor: pointer;
-  border-radius: var(--borderRadius-medium,.375rem);
+  border-radius: var(--borderRadius-medium);
   transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
   display: inline-flex;
   align-items: center;
@@ -63,6 +65,7 @@
 
 .Page[aria-current]:focus-visible {
   outline: 2px solid var(--bgColor-accent-emphasis);
+  /* stylelint-disable-next-line primer/box-shadow -- custom focus-ring built from Primer size/color primitives; no single Primer box-shadow token matches */
   box-shadow: inset 0 0 0 var(--base-size-2) var(--fgColor-onEmphasis);
 }
 

package/app/components/primer/open_project/side_panel/section.css

@@ -4,11 +4,11 @@
   display: flex;
   align-items: center;
   height: 32px;
-  margin-bottom: 8px;
+  margin-bottom: var(--base-size-8);
 }
 
 .SidePanel-sectionCounter {
-  margin-left: 8px;
+  margin-left: var(--base-size-8);
 }
 
 .SidePanel-sectionAction {
@@ -23,5 +23,5 @@
 }
 
 :is(.SidePanel-sectionContent,.SidePanel-sectionDescription):not(:last-child) {
-    margin-bottom: 16px;
+    margin-bottom: var(--base-size-16);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mixtint/primer-view-components",
-  "version": "0.89.2",
+  "version": "0.90.1",
   "publishConfig": {
     "access": "public"
   },
@@ -8,6 +8,23 @@
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
   "types": "app/components/primer/primer.d.ts",
+  "exports": {
+    ".": {
+      "types": "./app/components/primer/primer.d.ts",
+      "import": "./app/components/primer/primer.js",
+      "require": "./app/assets/javascripts/primer_view_components.js"
+    },
+    "./classnames": {
+      "types": "./static/classnames.d.ts",
+      "import": "./static/classnames.js",
+      "require": "./static/classnames.cjs"
+    },
+    "./app/*": {
+      "types": "./app/*.d.ts",
+      "default": "./app/*"
+    },
+    "./*": "./*"
+  },
   "repository": "opf/primer_view_components",
   "keywords": [
     "rails",
@@ -24,6 +41,9 @@
   },
   "files": [
     "static/*.json",
+    "static/classnames.js",
+    "static/classnames.cjs",
+    "static/classnames.d.ts",
     "app/assets/**/*",
     "app/components/primer/**/*.js",
     "app/components/primer/**/*.css",
@@ -53,7 +73,7 @@
     "@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": "^5.2.0",
+    "@github/relative-time-element": "^5.3.0",
     "@github/remote-input-element": "^0.4.0",
     "@github/tab-container-element": "^3.4.0",
     "@oddbird/popover-polyfill": "^0.5.2",
@@ -65,13 +85,13 @@
   },
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.2",
-    "@changesets/cli": "^2.31.0",
+    "@changesets/cli": "^2.31.1",
     "@github/axe-github": "^0.8.1",
     "@github/browserslist-config": "^1.0.0",
     "@github/markdownlint-github": "^0.8.3",
     "@github/prettier-config": "0.0.6",
-    "@playwright/test": "^1.61.1",
-    "@primer/css": "22.1.1",
+    "@playwright/test": "^1.62.0",
+    "@primer/css": "22.3.0",
     "@primer/primitives": "^11.9.0",
     "@primer/stylelint-config": "^13.6.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -80,24 +100,24 @@
     "chokidar-cli": "^3.0.0",
     "css-what": "^8.0.0",
     "cssnano": "^8.0.2",
-    "eslint": "^9.39.4",
-    "eslint-plugin-github": "^6.1.0",
+    "eslint": "^9.39.5",
+    "eslint-plugin-github": "^6.1.1",
     "glob": "^11.1.0",
     "markdownlint-cli2": "^0.22.1",
     "mocha": "^11.7.6",
-    "playwright": "^1.61.1",
-    "postcss": "^8.5.16",
+    "playwright": "^1.62.0",
+    "postcss": "^8.5.24",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
     "postcss-mixins": "^12.1.2",
     "postcss-preset-env": "^11.3.2",
-    "prettier": "^3.9.5",
+    "prettier": "^3.9.6",
     "rollup": "^2.80.0",
     "rollup-plugin-terser": "^7.0.2",
     "stylelint-actions-formatters": "^16.3.1",
     "tslib": "^2.8.1",
     "typescript": "^6.0.3",
-    "vite": "^8.1.4",
+    "vite": "^8.1.5",
     "vite-plugin-ruby": "^5.2.2"
   },
   "prettier": "@github/prettier-config",

package/static/classes.json

@@ -566,6 +566,9 @@
   "Popover-message": [
     "Primer::Beta::Popover"
   ],
+  "Popover-message--bottom": [
+    "Primer::Beta::Popover"
+  ],
   "Popover-message--bottom-left": [
     "Primer::Beta::Popover"
   ],
@@ -575,9 +578,27 @@
   "Popover-message--large": [
     "Primer::Beta::Popover"
   ],
+  "Popover-message--left": [
+    "Primer::Beta::Popover"
+  ],
+  "Popover-message--left-bottom": [
+    "Primer::Beta::Popover"
+  ],
+  "Popover-message--left-top": [
+    "Primer::Beta::Popover"
+  ],
   "Popover-message--no-caret": [
     "Primer::Beta::Popover"
   ],
+  "Popover-message--right": [
+    "Primer::Beta::Popover"
+  ],
+  "Popover-message--right-bottom": [
+    "Primer::Beta::Popover"
+  ],
+  "Popover-message--right-top": [
+    "Primer::Beta::Popover"
+  ],
   "Popover-message--top-left": [
     "Primer::Beta::Popover"
   ],

package/static/classnames.cjs

@@ -0,0 +1,516 @@
+module.exports = new Set([
+  'ActionBar',
+  'ActionBar--large',
+  'ActionBar--small',
+  'ActionBar-divider',
+  'ActionBar-item',
+  'ActionBar-item-container',
+  'ActionBar-more-menu',
+  'ActionList--subGroup',
+  'ActionList-sectionDivider',
+  'ActionList-sectionDivider--filled',
+  'ActionList-sectionDivider-title',
+  'ActionList-sectionDivider-trailingVisual',
+  'ActionList-sectionDividerHeader',
+  'ActionListContent',
+  'ActionListContent--blockDescription',
+  'ActionListContent--hasActiveSubItem',
+  'ActionListContent--sizeLarge',
+  'ActionListContent--sizeXLarge',
+  'ActionListHeader',
+  'ActionListItem',
+  'ActionListItem--danger',
+  'ActionListItem--hasSubItem',
+  'ActionListItem--navActive',
+  'ActionListItem--subItem',
+  'ActionListItem--trailingActionHover',
+  'ActionListItem--withActions',
+  'ActionListItem-action',
+  'ActionListItem-action--leading',
+  'ActionListItem-action--trailing',
+  'ActionListItem-collapseIcon',
+  'ActionListItem-description',
+  'ActionListItem-descriptionWrap',
+  'ActionListItem-descriptionWrap--inline',
+  'ActionListItem-label',
+  'ActionListItem-label--truncate',
+  'ActionListItem-singleSelectCheckmark',
+  'ActionListItem-trailingAction',
+  'ActionListItem-visual',
+  'ActionListItem-visual--leading',
+  'ActionListItem-visual--trailing',
+  'ActionListWrap',
+  'ActionListWrap--divided',
+  'ActionListWrap--inset',
+  'AvatarStack',
+  'AvatarStack--right',
+  'AvatarStack--three-plus',
+  'AvatarStack--two',
+  'AvatarStack-body',
+  'Banner',
+  'Banner--error',
+  'Banner--full',
+  'Banner--full-whenNarrow',
+  'Banner--success',
+  'Banner--upsell',
+  'Banner--warning',
+  'Banner-actions',
+  'Banner-close',
+  'Banner-message',
+  'Banner-title',
+  'Banner-visual',
+  'BorderGrid',
+  'BorderGrid--spacious',
+  'BorderGrid-cell',
+  'BorderGrid-row',
+  'Box',
+  'Box--blue',
+  'Box--condensed',
+  'Box--danger',
+  'Box--scrollable',
+  'Box--spacious',
+  'Box-body',
+  'Box-btn-octicon',
+  'Box-footer',
+  'Box-header',
+  'Box-header--blue',
+  'Box-list',
+  'Box-row',
+  'Box-row--blue',
+  'Box-row--drag-button',
+  'Box-row--drag-hide',
+  'Box-row--focus-blue',
+  'Box-row--focus-gray',
+  'Box-row--gray',
+  'Box-row--hover-blue',
+  'Box-row--hover-gray',
+  'Box-row--unread',
+  'Box-row--yellow',
+  'Box-row-link',
+  'Box-title',
+  'Button',
+  'Button--danger',
+  'Button--fullWidth',
+  'Button--iconOnly',
+  'Button--inactive',
+  'Button--invisible',
+  'Button--invisible-noVisuals',
+  'Button--labelWrap',
+  'Button--large',
+  'Button--link',
+  'Button--medium',
+  'Button--primary',
+  'Button--secondary',
+  'Button--small',
+  'Button-content',
+  'Button-content--alignStart',
+  'Button-label',
+  'Button-leadingVisual',
+  'Button-trailingAction',
+  'Button-trailingVisual',
+  'Button-visual',
+  'ButtonGroup',
+  'CollapsibleHeader',
+  'CollapsibleHeader--multi-line',
+  'CollapsibleHeader-description',
+  'CollapsibleHeader-title-line',
+  'CollapsibleHeader-triggerArea',
+  'CollapsibleSection--triggerArea',
+  'Counter',
+  'Counter--primary',
+  'Counter--secondary',
+  'DragHandle',
+  'FilterableTreeViewLayout',
+  'FilterableTreeViewLoadingSkeleton',
+  'FilterableTreeViewTreeContainer',
+  'FormControl',
+  'FormControl--fullWidth',
+  'FormControl-caption',
+  'FormControl-check-group-wrap',
+  'FormControl-checkbox',
+  'FormControl-checkbox-labelWrap',
+  'FormControl-checkbox-wrap',
+  'FormControl-error',
+  'FormControl-horizontalGroup',
+  'FormControl-inlineValidation',
+  'FormControl-inlineValidation--success',
+  'FormControl-inlineValidation--visual',
+  'FormControl-input',
+  'FormControl-input-leadingVisual',
+  'FormControl-input-leadingVisualWrap',
+  'FormControl-input-trailingAction',
+  'FormControl-input-trailingAction--divider',
+  'FormControl-input-trailingVisualLabel',
+  'FormControl-input-trailingVisualWrap',
+  'FormControl-input-width--auto',
+  'FormControl-input-width--large',
+  'FormControl-input-width--medium',
+  'FormControl-input-width--small',
+  'FormControl-input-width--xlarge',
+  'FormControl-input-width--xsmall',
+  'FormControl-input-width--xxlarge',
+  'FormControl-input-wrap',
+  'FormControl-input-wrap--large',
+  'FormControl-input-wrap--leadingVisual',
+  'FormControl-input-wrap--small',
+  'FormControl-input-wrap--trailingAction',
+  'FormControl-input-wrap--trailingLabel',
+  'FormControl-input-wrap--trailingText',
+  'FormControl-input-wrap--trailingVisual',
+  'FormControl-input-wrap-trailingAction--divider',
+  'FormControl-inset',
+  'FormControl-label',
+  'FormControl-large',
+  'FormControl-medium',
+  'FormControl-monospace',
+  'FormControl-radio',
+  'FormControl-radio-group-wrap',
+  'FormControl-radio-labelWrap',
+  'FormControl-radio-wrap',
+  'FormControl-select',
+  'FormControl-select-wrap',
+  'FormControl-small',
+  'FormControl-spacingWrapper',
+  'FormControl-success',
+  'FormControl-textarea',
+  'FormControl-toggleSwitchInput',
+  'FormControl-warning',
+  'InlineMessage',
+  'InlineMessageIcon',
+  'InputGroup',
+  'InputGroup-input-width--auto',
+  'InputGroup-input-width--large',
+  'InputGroup-input-width--medium',
+  'InputGroup-input-width--small',
+  'InputGroup-input-width--xlarge',
+  'InputGroup-input-width--xsmall',
+  'InputGroup-input-width--xxlarge',
+  'Label',
+  'Label--accent',
+  'Label--attention',
+  'Label--closed',
+  'Label--danger',
+  'Label--done',
+  'Label--info',
+  'Label--inline',
+  'Label--large',
+  'Label--open',
+  'Label--primary',
+  'Label--secondary',
+  'Label--severe',
+  'Label--sponsors',
+  'Label--success',
+  'Label--warning',
+  'Layout',
+  'Layout--divided',
+  'Layout--flowRow-until-lg',
+  'Layout--flowRow-until-md',
+  'Layout--gutter-condensed',
+  'Layout--gutter-none',
+  'Layout--gutter-spacious',
+  'Layout--sidebar-narrow',
+  'Layout--sidebar-wide',
+  'Layout--sidebarPosition-end',
+  'Layout--sidebarPosition-flowRow-end',
+  'Layout--sidebarPosition-flowRow-none',
+  'Layout--sidebarPosition-flowRow-start',
+  'Layout--sidebarPosition-start',
+  'Layout-divider',
+  'Layout-divider--flowRow-hidden',
+  'Layout-divider--flowRow-shallow',
+  'Layout-main',
+  'Layout-main-centered-lg',
+  'Layout-main-centered-md',
+  'Layout-main-centered-xl',
+  'Layout-sidebar',
+  'Link',
+  'Link--muted',
+  'Link--onHover',
+  'Link--primary',
+  'Link--secondary',
+  'Link--underline',
+  'Link-content',
+  'Overlay',
+  'Overlay--full',
+  'Overlay--full-whenNarrow',
+  'Overlay--fullscreen-whenNarrow',
+  'Overlay--height-auto',
+  'Overlay--height-large',
+  'Overlay--height-medium',
+  'Overlay--height-small',
+  'Overlay--height-xlarge',
+  'Overlay--height-xsmall',
+  'Overlay--hidden',
+  'Overlay--motion-scaleFade',
+  'Overlay--placement-bottom-whenNarrow',
+  'Overlay--placement-left',
+  'Overlay--placement-left-whenNarrow',
+  'Overlay--placement-right',
+  'Overlay--placement-right-whenNarrow',
+  'Overlay--size-auto',
+  'Overlay--size-full',
+  'Overlay--size-large',
+  'Overlay--size-medium',
+  'Overlay--size-medium-portrait',
+  'Overlay--size-small',
+  'Overlay--size-small-portrait',
+  'Overlay--size-xlarge',
+  'Overlay--size-xsmall',
+  'Overlay--visibilityHidden',
+  'Overlay--width-auto',
+  'Overlay--width-large',
+  'Overlay--width-medium',
+  'Overlay--width-small',
+  'Overlay--width-xlarge',
+  'Overlay--width-xxlarge',
+  'Overlay-actionWrap',
+  'Overlay-body',
+  'Overlay-body--paddingCondensed',
+  'Overlay-body--paddingNone',
+  'Overlay-closeButton',
+  'Overlay-description',
+  'Overlay-footer',
+  'Overlay-footer--alignCenter',
+  'Overlay-footer--alignEnd',
+  'Overlay-footer--alignStart',
+  'Overlay-footer--divided',
+  'Overlay-form',
+  'Overlay-header',
+  'Overlay-header--divided',
+  'Overlay-headerContentWrap',
+  'Overlay-headerFilter',
+  'Overlay-title',
+  'Overlay-titleWrap',
+  'Page',
+  'PageHeader',
+  'PageHeader--noBreadcrumb',
+  'PageHeader--withTabNav',
+  'PageHeader-actions',
+  'PageHeader-breadcrumbs',
+  'PageHeader-contextBar',
+  'PageHeader-description',
+  'PageHeader-description--underlined-links',
+  'PageHeader-leadingAction',
+  'PageHeader-parentLink',
+  'PageHeader-tabNav',
+  'PageHeader-tabNavBar',
+  'PageHeader-title',
+  'PageHeader-title--large',
+  'PageHeader-titleBar',
+  'PaginationContainer',
+  'Popover',
+  'Popover-message',
+  'Popover-message--bottom',
+  'Popover-message--bottom-left',
+  'Popover-message--bottom-right',
+  'Popover-message--large',
+  'Popover-message--left',
+  'Popover-message--left-bottom',
+  'Popover-message--left-top',
+  'Popover-message--no-caret',
+  'Popover-message--right',
+  'Popover-message--right-bottom',
+  'Popover-message--right-top',
+  'Popover-message--top-left',
+  'Popover-message--top-right',
+  'Progress',
+  'Progress--large',
+  'Progress--small',
+  'Progress-item',
+  'SegmentedControl',
+  'SegmentedControl--fullWidth',
+  'SegmentedControl--iconOnly',
+  'SegmentedControl--medium',
+  'SegmentedControl--small',
+  'SegmentedControl-item',
+  'SegmentedControl-item--selected',
+  'SelectPanel-emptyPanel',
+  'SelectPanel-loadingPanel',
+  'SidePanel-sectionAction',
+  'SidePanel-sectionContent',
+  'SidePanel-sectionCounter',
+  'SidePanel-sectionDescription',
+  'SidePanel-sectionHeader',
+  'SkeletonBox',
+  'Stack',
+  'StackItem',
+  'State',
+  'State--closed',
+  'State--draft',
+  'State--merged',
+  'State--open',
+  'State--small',
+  'SubHeader',
+  'SubHeader--emptyLeftPane',
+  'SubHeader--expandedSearch',
+  'SubHeader-bottomPane',
+  'SubHeader-filterContainer',
+  'SubHeader-filterInput_hiddenClearButton',
+  'SubHeader-hiddenOnExpand',
+  'SubHeader-leftPane',
+  'SubHeader-middlePane',
+  'SubHeader-rightPane',
+  'Subhead',
+  'Subhead--spacious',
+  'Subhead-actions',
+  'Subhead-description',
+  'Subhead-heading',
+  'Subhead-heading--danger',
+  'Subhead-heading--large',
+  'Subhead-heading--medium',
+  'TimelineItem',
+  'TimelineItem--condensed',
+  'TimelineItem-avatar',
+  'TimelineItem-badge',
+  'TimelineItem-badge--success',
+  'TimelineItem-body',
+  'TimelineItem-break',
+  'ToggleSwitch',
+  'ToggleSwitch--checked',
+  'ToggleSwitch--disabled',
+  'ToggleSwitch--small',
+  'ToggleSwitch--statusAtEnd',
+  'ToggleSwitch-circleIcon',
+  'ToggleSwitch-icons',
+  'ToggleSwitch-knob',
+  'ToggleSwitch-lineIcon',
+  'ToggleSwitch-status',
+  'ToggleSwitch-statusIcon',
+  'ToggleSwitch-statusOff',
+  'ToggleSwitch-statusOn',
+  'ToggleSwitch-track',
+  'TreeItemSkeletonTextStyles',
+  'TreeViewFailureMessage',
+  'TreeViewItem',
+  'TreeViewItem-singleSelectCheckmark',
+  'TreeViewItemCheckbox',
+  'TreeViewItemContainer',
+  'TreeViewItemContent',
+  'TreeViewItemContentText',
+  'TreeViewItemLeadingAction',
+  'TreeViewItemLevelLine',
+  'TreeViewItemToggle',
+  'TreeViewItemToggleEnd',
+  'TreeViewItemToggleHover',
+  'TreeViewItemTrailingAction',
+  'TreeViewItemVisual',
+  'TreeViewRootUlStyles',
+  'TreeViewSkeletonItemContainerStyle',
+  'TreeViewVisuallyHidden',
+  'Truncate',
+  'Truncate-text',
+  'Truncate-text--expandable',
+  'Truncate-text--primary',
+  'UnderlineNav',
+  'UnderlineNav--full',
+  'UnderlineNav--right',
+  'UnderlineNav-actions',
+  'UnderlineNav-body',
+  'UnderlineNav-container',
+  'UnderlineNav-item',
+  'UnderlineNav-octicon',
+  'alert',
+  'autocomplete-body',
+  'autocomplete-embedded-icon-wrap',
+  'autocomplete-item',
+  'autocomplete-label-inline',
+  'autocomplete-label-stacked',
+  'autocomplete-results',
+  'avatar',
+  'avatar-1',
+  'avatar-2',
+  'avatar-3',
+  'avatar-4',
+  'avatar-5',
+  'avatar-6',
+  'avatar-7',
+  'avatar-8',
+  'avatar-group-item',
+  'avatar-link',
+  'avatar-more',
+  'avatar-small',
+  'blankslate',
+  'blankslate-action',
+  'blankslate-capped',
+  'blankslate-clean-background',
+  'blankslate-container',
+  'blankslate-description',
+  'blankslate-heading',
+  'blankslate-icon',
+  'blankslate-image',
+  'blankslate-large',
+  'blankslate-narrow',
+  'blankslate-spacious',
+  'breadcrumb-item',
+  'breadcrumb-item-selected',
+  'btn',
+  'btn-large-mktg',
+  'btn-link',
+  'btn-mktg',
+  'btn-muted-mktg',
+  'btn-octicon',
+  'btn-primary',
+  'btn-signup-mktg',
+  'btn-small-mktg',
+  'btn-subtle-mktg',
+  'close-button',
+  'container-lg',
+  'container-md',
+  'container-xl',
+  'css-truncate',
+  'css-truncate-overflow',
+  'css-truncate-target',
+  'disabled',
+  'dropdown',
+  'dropdown-caret',
+  'dropdown-divider',
+  'dropdown-header',
+  'dropdown-item',
+  'dropdown-menu',
+  'dropdown-menu-e',
+  'dropdown-menu-ne',
+  'dropdown-menu-no-overflow',
+  'dropdown-menu-s',
+  'dropdown-menu-se',
+  'dropdown-menu-sw',
+  'dropdown-menu-w',
+  'dropdown-signout',
+  'expandable',
+  'flash',
+  'flash-action',
+  'flash-banner',
+  'flash-close',
+  'flash-error',
+  'flash-full',
+  'flash-messages',
+  'flash-success',
+  'flash-warn',
+  'form--label',
+  'form--select',
+  'form-control',
+  'has-modal',
+  'has-modal-disable-scroll',
+  'is-dragging',
+  'label',
+  'labels',
+  'menu',
+  'menu-heading',
+  'menu-item',
+  'menu-warning',
+  'navigation-focus',
+  'not-anchored',
+  'octicon',
+  'octicon-check',
+  'selected',
+  'sortable-chosen',
+  'sortable-ghost',
+  'state',
+  'tabnav',
+  'tabnav-btn',
+  'tabnav-extra',
+  'tabnav-tab',
+  'tabnav-tabs',
+  'unread',
+  'warning',
+  'zeroclipboard-is-hover',
+])

package/static/classnames.d.ts

@@ -0,0 +1,2 @@
+declare const classNames: Set<string>
+export default classNames