newskit 6.9.0 → 7.1.0

package/esm/pagination/context.js

@@ -0,0 +1,14 @@
+import { createContext, useContext } from 'react';
+export var PaginationContext = createContext({});
+export var PaginationProvider = PaginationContext.Provider;
+export var usePaginationContext = function () {
+    var context = useContext(PaginationContext);
+    /* istanbul ignore if */
+    if (process.env.NODE_ENV !== 'production' &&
+        Object.keys(context).length === 0) {
+        // eslint-disable-next-line no-console
+        console.error('You are using a component which needs to be a child of <Pagination />', context);
+    }
+    return context;
+};
+//# sourceMappingURL=context.js.map

package/esm/pagination/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/pagination/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAGhD,MAAM,CAAC,IAAM,iBAAiB,GAAG,aAAa,CAE5C,EAAE,CAAC,CAAC;AAEN,MAAM,CAAC,IAAM,kBAAkB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;AAE7D,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,IAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE9C,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,uEAAuE,EACvE,OAAO,CACR,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/esm/pagination/defaults.d.ts

@@ -0,0 +1,186 @@
+declare const _default: {
+    pagination: {
+        small: {};
+        medium: {};
+        large: {};
+    };
+    paginationItem: {
+        small: {
+            typographyPreset: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            minHeight: string;
+            minWidth: string;
+        };
+        medium: {
+            typographyPreset: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            minHeight: string;
+            minWidth: string;
+        };
+        large: {
+            typographyPreset: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            minHeight: string;
+            minWidth: string;
+        };
+    };
+    paginationItemFirst: {
+        small: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+        medium: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+        large: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+    };
+    paginationItemPrev: {
+        small: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+        medium: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+        large: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+    };
+    paginationItemNext: {
+        small: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+        medium: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+        large: {
+            iconSize: string;
+            stylePreset: string;
+            marginInline: string;
+            width: string;
+        };
+    };
+    paginationItemLast: {
+        small: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+        medium: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+        large: {
+            iconSize: string;
+            stylePreset: string;
+            paddingInline: string;
+            paddingBlock: string;
+            marginInline: string;
+            width: string;
+        };
+    };
+    paginationItemTruncation: {
+        small: {
+            iconSize: string;
+            stylePreset: string;
+            marginInline: string;
+            width: string;
+        };
+        medium: {
+            iconSize: string;
+            stylePreset: string;
+            marginInline: string;
+            width: string;
+        };
+        large: {
+            iconSize: string;
+            stylePreset: string;
+            marginInline: string;
+            width: string;
+        };
+    };
+    paginationItemNonInteractive: {
+        small: {
+            typographyPreset: string;
+            stylePreset: string;
+            iconSize: string;
+            paddingInline: string;
+            marginInline: string;
+            marginBlockEnd: string;
+        };
+        medium: {
+            typographyPreset: string;
+            stylePreset: string;
+            iconSize: string;
+            paddingInline: string;
+            marginInline: string;
+            marginBlockEnd: string;
+        };
+        large: {
+            typographyPreset: string;
+            stylePreset: string;
+            iconSize: string;
+            paddingInline: string;
+            marginInline: string;
+            marginBlockEnd: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/esm/pagination/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/pagination/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwLE"}

package/esm/pagination/defaults.js

@@ -0,0 +1,186 @@
+export default {
+    // Can be used to set padding around the entire component (eg paddingInline: 'space020')
+    pagination: {
+        small: {},
+        medium: {},
+        large: {},
+    },
+    paginationItem: {
+        small: {
+            typographyPreset: 'utilityButton010',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            minHeight: 'sizing050',
+            minWidth: 'sizing050',
+        },
+        medium: {
+            typographyPreset: 'utilityButton020',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            minHeight: 'sizing060',
+            minWidth: 'sizing060',
+        },
+        large: {
+            typographyPreset: 'utilityButton030',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            minHeight: 'sizing070',
+            minWidth: 'sizing070',
+        },
+    },
+    paginationItemFirst: {
+        small: {
+            iconSize: 'iconSize010',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing050',
+        },
+        medium: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing060',
+        },
+        large: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing070',
+        },
+    },
+    paginationItemPrev: {
+        small: {
+            iconSize: 'iconSize010',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing050',
+        },
+        medium: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing060',
+        },
+        large: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing070',
+        },
+    },
+    paginationItemNext: {
+        small: {
+            iconSize: 'iconSize010',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing050',
+        },
+        medium: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing060',
+        },
+        large: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItem',
+            marginInline: 'space000',
+            width: 'sizing070',
+        },
+    },
+    paginationItemLast: {
+        small: {
+            iconSize: 'iconSize010',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing050',
+        },
+        medium: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing060',
+        },
+        large: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItem',
+            paddingInline: 'space020',
+            paddingBlock: 'space000',
+            marginInline: 'space010',
+            width: 'sizing070',
+        },
+    },
+    paginationItemTruncation: {
+        small: {
+            iconSize: 'iconSize010',
+            stylePreset: 'paginationItemNonInteractive',
+            marginInline: 'space000',
+            width: 'sizing050',
+        },
+        medium: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItemNonInteractive',
+            marginInline: 'space000',
+            width: 'sizing060',
+        },
+        large: {
+            iconSize: 'iconSize020',
+            stylePreset: 'paginationItemNonInteractive',
+            marginInline: 'space000',
+            width: 'sizing070',
+        },
+    },
+    paginationItemNonInteractive: {
+        small: {
+            typographyPreset: 'utilityBody010',
+            stylePreset: 'paginationItemNonInteractive',
+            iconSize: 'iconSize010',
+            paddingInline: 'space000',
+            marginInline: 'space010',
+            marginBlockEnd: 'space000',
+        },
+        medium: {
+            typographyPreset: 'utilityBody020',
+            stylePreset: 'paginationItemNonInteractive',
+            iconSize: 'iconSize020',
+            paddingInline: 'space000',
+            marginInline: 'space010',
+            marginBlockEnd: 'space000',
+        },
+        large: {
+            typographyPreset: 'utilityBody030',
+            stylePreset: 'paginationItemNonInteractive',
+            iconSize: 'iconSize020',
+            paddingInline: 'space000',
+            marginInline: 'space010',
+            marginBlockEnd: 'space000',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/esm/pagination/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/pagination/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,wFAAwF;IACxF,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,cAAc,EAAE;QACd,KAAK,EAAE;YACL,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,WAAW;SACtB;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,WAAW;SACtB;QACD,KAAK,EAAE;YACL,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,WAAW;SACtB;KACF;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;KACF;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;KACF;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;KACF;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,gBAAgB;YAC7B,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;KACF;IACD,wBAAwB,EAAE;QACxB,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,8BAA8B;YAC3C,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,8BAA8B;YAC3C,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,8BAA8B;YAC3C,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW;SACnB;KACF;IACD,4BAA4B,EAAE;QAC5B,KAAK,EAAE;YACL,gBAAgB,EAAE,gBAAgB;YAClC,WAAW,EAAE,8BAA8B;YAC3C,QAAQ,EAAE,aAAa;YACvB,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,cAAc,EAAE,UAAU;SAC3B;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,gBAAgB;YAClC,WAAW,EAAE,8BAA8B;YAC3C,QAAQ,EAAE,aAAa;YACvB,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,cAAc,EAAE,UAAU;SAC3B;QACD,KAAK,EAAE;YACL,gBAAgB,EAAE,gBAAgB;YAClC,WAAW,EAAE,8BAA8B;YAC3C,QAAQ,EAAE,aAAa;YACvB,aAAa,EAAE,UAAU;YACzB,YAAY,EAAE,UAAU;YACxB,cAAc,EAAE,UAAU;SAC3B;KACF;CACF,CAAC"}

package/esm/pagination/index.d.ts

@@ -0,0 +1,13 @@
+export * from './components/list-item';
+export * from './components/items';
+export * from './components/first-item';
+export * from './components/last-item';
+export * from './components/item';
+export * from './components/button';
+export * from './components/next-item';
+export * from './components/prev-item';
+export * from './context';
+export * from './pagination';
+export * from './types';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/esm/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/esm/pagination/index.js

@@ -0,0 +1,13 @@
+export * from './components/list-item';
+export * from './components/items';
+export * from './components/first-item';
+export * from './components/last-item';
+export * from './components/item';
+export * from './components/button';
+export * from './components/next-item';
+export * from './components/prev-item';
+export * from './context';
+export * from './pagination';
+export * from './types';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/esm/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/esm/pagination/pagination.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PaginationProps } from './types';
+export declare const Pagination: import("../utils").NewsKitReactComponents<PaginationProps & React.RefAttributes<HTMLOListElement>>;
+//# sourceMappingURL=pagination.d.ts.map

package/esm/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAK7D,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AA+JxC,eAAO,MAAM,UAAU,oGAGrB,CAAC"}

package/esm/pagination/pagination.js

@@ -0,0 +1,122 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useCallback, useEffect, useMemo } from 'react';
+import { withOwnTheme } from '../utils/with-own-theme';
+import { StyledNav, StyledUnorderedList } from './styled';
+import defaults from './defaults';
+import stylePresets from './style-presets';
+import { PaginationProvider } from './context';
+import { composeEventHandlers } from '../utils/compose-event-handlers';
+import { useControlled } from '../utils';
+var ThemelessPagination = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? 'medium' : _b, pageSize = _a.pageSize, pageProp = _a.page, // undefined if uncontrolled externally
+    _c = _a.defaultPage, // undefined if uncontrolled externally
+    defaultPage = _c === void 0 ? 1 : _c, totalItems = _a.totalItems, buildHref = _a.buildHref, onPageChange = _a.onPageChange, rest = __rest(_a, ["children", "size", "pageSize", "page", "defaultPage", "totalItems", "buildHref", "onPageChange"]);
+    // Only warn once (on component mount)
+    useEffect(function () {
+        if (process.env.NODE_ENV !== 'production' &&
+            Boolean(buildHref) === Boolean(onPageChange)) {
+            // eslint-disable-next-line no-console
+            console.warn('Pagination must have either buildHref OR onPageChange set.');
+        }
+    });
+    /* istanbul ignore next */
+    var _d = useControlled({
+        defaultValue: defaultPage,
+        controlledValue: pageProp,
+    }), _e = _d[0], page = _e === void 0 ? 1 : _e, setPage = _d[1];
+    var lastPage = Math.ceil(totalItems / pageSize);
+    var changePage = useCallback(function (pageNumber) {
+        setPage(pageNumber);
+        if (onPageChange) {
+            onPageChange(pageNumber);
+        }
+    }, [setPage, onPageChange]);
+    var getFirstItemProps = useCallback(function (_a) {
+        var getterProps = __rest(_a, []);
+        return (__assign(__assign({ disabled: page < 2 }, getterProps), { onClick: composeEventHandlers([
+                function () { return changePage(1); },
+                /* istanbul ignore next */
+                getterProps === null || getterProps === void 0 ? void 0 : getterProps.onClick,
+            ]) }));
+    }, [page, changePage]);
+    var getPrevItemProps = useCallback(function (_a) {
+        var getterProps = __rest(_a, []);
+        return (__assign(__assign({ disabled: page < 2 }, getterProps), { onClick: composeEventHandlers([
+                function () { return changePage(page - 1); },
+                /* istanbul ignore next */
+                getterProps === null || getterProps === void 0 ? void 0 : getterProps.onClick,
+            ]) }));
+    }, [page, changePage]);
+    var getNextItemProps = useCallback(function (_a) {
+        var getterProps = __rest(_a, []);
+        return (__assign(__assign({ disabled: page >= lastPage }, getterProps), { onClick: composeEventHandlers([
+                function () { return changePage(page + 1); },
+                /* istanbul ignore next */
+                getterProps === null || getterProps === void 0 ? void 0 : getterProps.onClick,
+            ]) }));
+    }, [page, changePage, lastPage]);
+    var getLastItemProps = useCallback(function (_a) {
+        var getterProps = __rest(_a, []);
+        return (__assign(__assign({ disabled: page >= lastPage }, getterProps), { onClick: composeEventHandlers([
+                function () { return changePage(lastPage); },
+                /* istanbul ignore next */
+                getterProps === null || getterProps === void 0 ? void 0 : getterProps.onClick,
+            ]) }));
+    }, [page, changePage, lastPage]);
+    var value = useMemo(function () { return ({
+        size: size,
+        pageSize: pageSize,
+        totalItems: totalItems,
+        defaultPage: defaultPage,
+        page: page,
+        lastPage: lastPage,
+        changePage: changePage,
+        buildHref: buildHref,
+        getFirstItemProps: getFirstItemProps,
+        getPrevItemProps: getPrevItemProps,
+        getNextItemProps: getNextItemProps,
+        getLastItemProps: getLastItemProps,
+    }); }, [
+        size,
+        pageSize,
+        totalItems,
+        defaultPage,
+        page,
+        lastPage,
+        changePage,
+        buildHref,
+        getFirstItemProps,
+        getPrevItemProps,
+        getNextItemProps,
+        getLastItemProps,
+    ]);
+    return (React.createElement(PaginationProvider, { value: value },
+        React.createElement(StyledNav, __assign({ path: "pagination", size: size, "aria-label": "pagination", "data-testid": "pagination-container", ref: ref }, rest),
+            React.createElement(StyledUnorderedList, null, children))));
+});
+export var Pagination = withOwnTheme(ThemelessPagination)({
+    defaults: defaults,
+    stylePresets: stylePresets,
+});
+//# sourceMappingURL=pagination.js.map

package/esm/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/pagination/pagination.tsx"],"names":[],"mappings":"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"}

package/esm/pagination/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/esm/pagination/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/pagination/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAI3C,wBAqDiC"}

package/esm/pagination/style-presets.js

@@ -0,0 +1,57 @@
+// The paginationItem style preset is based on the buttonMinimalPrimary style preset
+// but using link colours
+export default {
+    paginationItem: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.interactiveLink010}}',
+            iconColor: '{{colors.interactiveLink010}}',
+        },
+        hover: {
+            color: '{{colors.interactiveLink020}}',
+            iconColor: '{{colors.interactiveLink020}}',
+            backgroundColor: '{{colors.interactivePrimary010}}',
+        },
+        active: {
+            color: '{{colors.interactiveLink030}}',
+            iconColor: '{{colors.interactiveLink030}}',
+            textDecoration: 'none',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+        },
+        'focus-visible': {
+            outlineColor: '{{outlines.outlineColorDefault}}',
+            outlineOffset: '{{outlines.outlineOffsetDefault}}',
+            outlineStyle: '{{outlines.outlineStyleDefault}}',
+            outlineWidth: '{{outlines.outlineWidthDefault}}',
+            safariOutlineStyle: '{{outlines.safariOutlineStyleDefault}}',
+        },
+        selected: {
+            color: '{{colors.interactiveLink030}}',
+            textDecoration: 'none',
+            backgroundColor: '{{colors.interactivePrimary020}}',
+        },
+        'selected:hover': {
+            color: '{{colors.interactiveLink030}}',
+            textDecoration: 'none',
+        },
+    },
+    paginationItemNonInteractive: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            color: '{{colors.inkBase}}',
+            cursor: 'default',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/esm/pagination/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/pagination/style-presets.ts"],"names":[],"mappings":"AAEA,oFAAoF;AACpF,yBAAyB;AACzB,eAAe;IACb,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,iCAAiC;YAC/C,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;SAC3C;QACD,KAAK,EAAE;YACL,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;YAC1C,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE,+BAA+B;YAC1C,cAAc,EAAE,MAAM;SACvB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;SACpD;QACD,eAAe,EAAE;YACf,YAAY,EAAE,kCAAkC;YAChD,aAAa,EAAE,mCAAmC;YAClD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;SAC7D;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,+BAA+B;YACtC,cAAc,EAAE,MAAM;YACtB,eAAe,EAAE,kCAAkC;SACpD;QACD,gBAAgB,EAAE;YAChB,KAAK,EAAE,+BAA+B;YACtC,cAAc,EAAE,MAAM;SACvB;KACF;IACD,4BAA4B,EAAE;QAC5B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;KACF;CAC6B,CAAC"}