@openproject/primer-view-components 0.83.1 → 0.84.0

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

@@ -0,0 +1 @@
+.Page{align-items:center;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default);cursor:pointer;display:inline-flex;height:var(--base-size-32);justify-content:center;margin-right:var(--base-size-4);min-width:var(--base-size-32);padding:var(--base-size-8) var(--base-size-6);transition:background-color .2s cubic-bezier(.3,0,.5,1);vertical-align:middle;white-space:nowrap}.Page[rel=next]>svg,.Page[rel=prev]>svg{height:var(--base-size-16);width:var(--base-size-16)}.Page[rel=prev]>svg{margin-inline-end:var(--base-size-4)}.Page[rel=next]>svg{margin-inline-start:var(--base-size-4)}.Page:last-child{margin-right:0}.Page:focus,.Page:hover{background-color:var(--control-transparent-bgColor-hover);outline:0;-webkit-text-decoration:none;text-decoration:none;transition-duration:.1s}.Page:focus-visible{outline:2px solid var(--bgColor-accent-emphasis)}.Page:active{border-color:var(--borderColor-muted)}.Page[rel=next],.Page[rel=prev]{color:var(--fgColor-accent)}.Page[aria-current],.Page[aria-current]:hover{background-color:var(--bgColor-accent-emphasis);border-color:#0000;color:var(--fgColor-onEmphasis)}.Page[aria-current]:focus-visible{box-shadow:inset 0 0 0 var(--base-size-2) var(--fgColor-onEmphasis);outline:2px solid var(--bgColor-accent-emphasis)}.Page[aria-hidden],.Page[aria-hidden]:hover,.Page[role=presentation],.Page[role=presentation]:hover{background-color:initial;color:var(--fgColor-disabled);cursor:default}.PaginationContainer{margin:var(--base-size-16) 0;text-align:center}@media (max-width:543.98px){.Page:not([rel=prev]):not([rel=next]){display:none}}

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

@@ -0,0 +1,24 @@
+{
+  "name": "open_project/pagination",
+  "selectors": [
+    ".Page",
+    ".Page[rel=next]>svg",
+    ".Page[rel=prev]>svg",
+    ".Page:last-child",
+    ".Page:focus",
+    ".Page:hover",
+    ".Page:focus-visible",
+    ".Page:active",
+    ".Page[rel=next]",
+    ".Page[rel=prev]",
+    ".Page[aria-current]",
+    ".Page[aria-current]:hover",
+    ".Page[aria-current]:focus-visible",
+    ".Page[aria-hidden]",
+    ".Page[aria-hidden]:hover",
+    ".Page[role=presentation]",
+    ".Page[role=presentation]:hover",
+    ".PaginationContainer",
+    ".Page:not([rel=prev]):not([rel=next])"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.83.1",
+  "version": "0.84.0",
   "description": "ViewComponents of the Primer Design System for OpenProject",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -6462,6 +6462,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

@@ -165,6 +165,7 @@
   "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

@@ -497,6 +497,9 @@
   "Overlay-headerFilter": [
     "Primer::Alpha::Dialog"
   ],
+  "Page": [
+    "Primer::OpenProject::Pagination"
+  ],
   "PageHeader": [
     "Primer::OpenProject::PageHeader"
   ],
@@ -539,6 +542,9 @@
   "PageHeader-titleBar": [
     "Primer::OpenProject::PageHeader"
   ],
+  "PaginationContainer": [
+    "Primer::OpenProject::Pagination"
+  ],
   "Popover": [
     "Primer::Beta::Popover"
   ],

package/static/constants.json

@@ -1939,6 +1939,16 @@
       "h6"
     ]
   },
+  "Primer::OpenProject::Pagination": {
+    "DEFAULT_MARGIN_PAGE_COUNT": 1,
+    "DEFAULT_SURROUNDING_PAGE_COUNT": 2,
+    "GeneratedSlotMethods": "Primer::OpenProject::Pagination::GeneratedSlotMethods",
+    "PAGE_TYPE__BREAK": "break",
+    "PAGE_TYPE__NEXT": "next",
+    "PAGE_TYPE__NUM": "num",
+    "PAGE_TYPE__PREV": "prev",
+    "PageData": "Primer::OpenProject::Pagination::PageData"
+  },
   "Primer::OpenProject::SidePanel": {
     "GeneratedSlotMethods": "Primer::OpenProject::SidePanel::GeneratedSlotMethods",
     "Section": "Primer::OpenProject::SidePanel::Section"

package/static/info_arch.json

@@ -21440,6 +21440,89 @@
     "previews": [],
     "subcomponents": []
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::Pagination",
+    "description": "",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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": [],
+    "slots": [],
+    "methods": [
+      {
+        "name": "page_count",
+        "description": "Returns the value of attribute page_count.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "current_page",
+        "description": "Returns the value of attribute current_page.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "href_builder",
+        "description": "Returns the value of attribute href_builder.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "margin_page_count",
+        "description": "Returns the value of attribute margin_page_count.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "show_pages",
+        "description": "Returns the value of attribute show_pages.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "surrounding_page_count",
+        "description": "Returns the value of attribute surrounding_page_count.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/pagination/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/pagination/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::SidePanel",
     "description": "Add a general description of component here\nAdd additional usage considerations or best practices that may aid the user to use the component correctly.",

package/static/previews.json

@@ -6574,6 +6574,40 @@
       }
     ]
   },
+  {
+    "name": "pagination",
+    "component": "OpenProject::Pagination",
+    "status": "open_project",
+    "lookup_path": "primer/open_project/pagination",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/pagination/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/pagination/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "popover",
     "component": "Popover",

package/static/statuses.json

@@ -165,6 +165,7 @@
   "Primer::OpenProject::PageHeader::Dialog": "open_project",
   "Primer::OpenProject::PageHeader::Menu": "open_project",
   "Primer::OpenProject::PageHeader::Title": "open_project",
+  "Primer::OpenProject::Pagination": "open_project",
   "Primer::OpenProject::SidePanel": "open_project",
   "Primer::OpenProject::SidePanel::Section": "open_project",
   "Primer::OpenProject::SubHeader": "open_project",