ionbase-ui 0.47.0 → 0.48.0

package/dist/meta/contrast.json

@@ -364,6 +364,21 @@
       "ratio": 3.12,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "disabled",
+      "fg": "--text-disabled",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#6b7280",
+      "bgHex": "#1d2735",
+      "ratio": 3.12,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__country",
@@ -629,6 +644,21 @@
       "ratio": 3.65,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "disabled",
+      "fg": "--text-disabled",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#6b7280",
+      "bgHex": "#131923",
+      "ratio": 3.65,
+      "min": 4.5
+    },
     {
       "component": "radio",
       "context": "ion-radio--disabled ion-radio__label",
@@ -950,6 +980,21 @@
       "ratio": 4.31,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "disabled",
+      "fg": "--text-disabled",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#6b7280",
+      "bgHex": "#f0f2f4",
+      "ratio": 4.31,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__country",
@@ -1229,6 +1274,21 @@
       "ratio": 4.34,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "disabled",
+      "fg": "--text-disabled",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#6b7280",
+      "bgHex": "#000000",
+      "ratio": 4.34,
+      "min": 4.5
+    },
     {
       "component": "radio",
       "context": "ion-radio--disabled ion-radio__label",
@@ -1438,6 +1498,21 @@
       "ratio": 4.54,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "disabled",
+      "fg": "--text-disabled",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#6b7280",
+      "bgHex": "#f6f8f9",
+      "ratio": 4.54,
+      "min": 4.5
+    },
     {
       "component": "radio",
       "context": "ion-radio--disabled ion-radio__label",
@@ -1719,6 +1794,21 @@
       "ratio": 4.83,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "disabled",
+      "fg": "--text-disabled",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#6b7280",
+      "bgHex": "#ffffff",
+      "ratio": 4.83,
+      "min": 4.5
+    },
     {
       "component": "radio",
       "context": "ion-radio--disabled ion-radio__label",
@@ -2992,6 +3082,51 @@
       "ratio": 5.94,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#1d2735",
+      "ratio": 5.94,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "focus",
+      "fg": "--text-tertiary",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#1d2735",
+      "ratio": 5.94,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__ellipsis",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#1d2735",
+      "ratio": 5.94,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__chevron",
@@ -4038,6 +4173,51 @@
       "ratio": 6.73,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f0f2f4",
+      "ratio": 6.73,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "focus",
+      "fg": "--text-tertiary",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f0f2f4",
+      "ratio": 6.73,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__ellipsis",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f0f2f4",
+      "ratio": 6.73,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__chevron",
@@ -4589,6 +4769,51 @@
       "ratio": 6.95,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "focus",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__ellipsis",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#131923",
+      "ratio": 6.95,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__chevron",
@@ -5097,6 +5322,51 @@
       "ratio": 7.09,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "focus",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__ellipsis",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#f6f8f9",
+      "ratio": 7.09,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__chevron",
@@ -5978,6 +6248,51 @@
       "ratio": 7.56,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#ffffff",
+      "ratio": 7.56,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "focus",
+      "fg": "--text-tertiary",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#ffffff",
+      "ratio": 7.56,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__ellipsis",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#4b5563",
+      "bgHex": "#ffffff",
+      "ratio": 7.56,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__chevron",
@@ -6953,6 +7268,51 @@
       "ratio": 8.28,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#000000",
+      "ratio": 8.28,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "focus",
+      "fg": "--text-tertiary",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#000000",
+      "ratio": 8.28,
+      "min": 4.5
+    },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__ellipsis",
+      "state": "default",
+      "fg": "--text-tertiary",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#9ca3b0",
+      "bgHex": "#000000",
+      "ratio": 8.28,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__chevron",
@@ -7639,6 +7999,21 @@
       "ratio": 9.04,
       "min": 4.5
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__summary",
+      "state": "default",
+      "fg": "--text-secondary",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#384252",
+      "bgHex": "#f0f2f4",
+      "ratio": 9.04,
+      "min": 4.5
+    },
     {
       "component": "radio",
       "context": "ion-radio ion-radio__label",
@@ -8385,6 +8760,21 @@
       "ratio": 9.53,
       "min": 4.5
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__summary",
+      "state": "default",
+      "fg": "--text-secondary",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#384252",
+      "bgHex": "#f6f8f9",
+      "ratio": 9.53,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__country",
@@ -9200,6 +9590,21 @@
       "ratio": 10.15,
       "min": 4.5
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__summary",
+      "state": "default",
+      "fg": "--text-secondary",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Light",
+      "fgHex": "#384252",
+      "bgHex": "#ffffff",
+      "ratio": 10.15,
+      "min": 4.5
+    },
     {
       "component": "popover",
       "context": "ion-popover ion-popover__close",
@@ -9647,6 +10052,20 @@
       "ratio": 11.16,
       "min": 4.5
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "hover",
+      "fg": "--text-default",
+      "bg": "--surface-selected-hover",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#f6f8f9",
+      "bgHex": "#0e2d8b",
+      "ratio": 11.16,
+      "min": 4.5
+    },
     {
       "component": "citation",
       "context": "ion-citation-list ion-citation-list__source",
@@ -10194,6 +10613,21 @@
       "ratio": 11.38,
       "min": 4.5
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__summary",
+      "state": "default",
+      "fg": "--text-secondary",
+      "bg": "--surface-muted",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#dde0e4",
+      "bgHex": "#1d2735",
+      "ratio": 11.38,
+      "min": 4.5
+    },
     {
       "component": "popover",
       "context": "ion-popover ion-popover__close",
@@ -10976,6 +11410,21 @@
       "ratio": 13.31,
       "min": 4.5
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__summary",
+      "state": "default",
+      "fg": "--text-secondary",
+      "bg": "--surface-page",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#dde0e4",
+      "bgHex": "#131923",
+      "ratio": 13.31,
+      "min": 4.5
+    },
     {
       "component": "phone-input",
       "context": "ion-phone-input ion-phone-input__country",
@@ -11226,6 +11675,20 @@
       "ratio": 13.49,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "selected",
+      "fg": "--text-default",
+      "bg": "--surface-selected",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#f6f8f9",
+      "bgHex": "#071e69",
+      "ratio": 14.09,
+      "min": 4.5
+    },
     {
       "component": "alert",
       "context": "ion-alert--solid&ion-alert--neutral",
@@ -11944,6 +12407,20 @@
       "ratio": 15.07,
       "min": 3
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "hover",
+      "fg": "--text-default",
+      "bg": "--surface-selected-hover",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#131923",
+      "bgHex": "#e2f1fd",
+      "ratio": 15.31,
+      "min": 4.5
+    },
     {
       "component": "approval-gate",
       "context": "ion-approval-gate--low",
@@ -12604,6 +13081,21 @@
       "ratio": 15.86,
       "min": 4.5
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__summary",
+      "state": "default",
+      "fg": "--text-secondary",
+      "bg": "--surface-default",
+      "backdrop": null,
+      "kind": "text",
+      "ground": "assumed",
+      "mode": "Dark",
+      "fgHex": "#dde0e4",
+      "bgHex": "#000000",
+      "ratio": 15.86,
+      "min": 4.5
+    },
     {
       "component": "radio",
       "context": "ion-radio ion-radio__label",
@@ -12777,6 +13269,20 @@
       "ratio": 15.91,
       "min": 4.5
     },
+    {
+      "component": "pagination",
+      "context": "ion-pagination ion-pagination__item",
+      "state": "selected",
+      "fg": "--text-default",
+      "bg": "--surface-selected",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#131923",
+      "bgHex": "#ebf7ff",
+      "ratio": 16.19,
+      "min": 4.5
+    },
     {
       "component": "approval-gate",
       "context": "ion-approval-gate--high",

package/dist/meta/index.json

@@ -1,6 +1,6 @@
 {
   "package": "ionbase-ui",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "usage": "Pick a component here, then read dist/meta/<Name>.json for its full contract.",
   "hooks": [
     "useToast"
@@ -416,6 +416,23 @@
       "detail": "dist/meta/NavItem.json",
       "hasIntent": true
     },
+    "Pagination": {
+      "summary": "Page navigation for a table or list. Renders prev/next arrows, a truncated run of page numbers, and an optional rows-per-page Select.",
+      "status": "stable",
+      "variants": {
+        "type": [
+          "numbered",
+          "simple"
+        ],
+        "size": [
+          "sm",
+          "md",
+          "lg"
+        ]
+      },
+      "detail": "dist/meta/Pagination.json",
+      "hasIntent": true
+    },
     "PhoneInput": {
       "summary": "A dial-code block butted against an Input, sharing one outline. It does not pick countries.",
       "status": "stable",

package/dist/meta/pageItems.json

@@ -0,0 +1,16 @@
+{
+  "name": "pageItems",
+  "source": "src/components/Pagination.tsx",
+  "propsType": null,
+  "description": "Which page numbers to draw, and where the runs are broken.\n\nExported for tests: truncation is the only real logic in this component, and\nthe failure mode is a pager that renders a gap marker with nothing behind it\n— an ellipsis standing in for exactly one page, which is both a lie and a\ncell the user cannot click to reach a page they can see the number of.\n\nThe rule that prevents it: a gap is only drawn where it replaces TWO or more\npages. `left > 2` rather than `left > 1`, and the mirror on the right.",
+  "import": "import { pageItems } from 'ionbase-ui';",
+  "stylesheet": null,
+  "tokens": [],
+  "props": {},
+  "propCounts": {
+    "own": 0,
+    "aria": 0,
+    "dom": 0,
+    "other": 0
+  }
+}