newskit 7.3.0 → 7.3.1

package/cjs/pagination/defaults.js

@@ -3,9 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     // Can be used to set padding around the entire component (eg paddingInline: 'space020')
     pagination: {
-        small: {},
-        medium: {},
-        large: {},
+        small: {
+            gap: 'space010',
+        },
+        medium: {
+            gap: 'space010',
+        },
+        large: {
+            gap: 'space010',
+        },
     },
     paginationItem: {
         small: {
@@ -13,7 +19,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             minHeight: 'sizing050',
             minWidth: 'sizing050',
         },
@@ -22,7 +27,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             minHeight: 'sizing060',
             minWidth: 'sizing060',
         },
@@ -31,7 +35,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             minHeight: 'sizing070',
             minWidth: 'sizing070',
         },
@@ -42,7 +45,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing050',
         },
         medium: {
@@ -50,7 +52,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing060',
         },
         large: {
@@ -58,7 +59,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing070',
         },
     },
@@ -68,7 +68,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing050',
         },
         medium: {
@@ -76,7 +75,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing060',
         },
         large: {
@@ -84,7 +82,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing070',
         },
     },
@@ -94,7 +91,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing050',
         },
         medium: {
@@ -102,13 +98,11 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing060',
         },
         large: {
             iconSize: 'iconSize020',
             stylePreset: 'paginationItem',
-            marginInline: 'space000',
             width: 'sizing070',
         },
     },
@@ -118,7 +112,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing050',
         },
         medium: {
@@ -126,7 +119,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing060',
         },
         large: {
@@ -134,7 +126,6 @@ exports.default = {
             stylePreset: 'paginationItem',
             paddingInline: 'space020',
             paddingBlock: 'space000',
-            marginInline: 'space010',
             width: 'sizing070',
         },
     },
@@ -142,19 +133,16 @@ exports.default = {
         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',
         },
     },
@@ -164,7 +152,6 @@ exports.default = {
             stylePreset: 'paginationItemNonInteractive',
             iconSize: 'iconSize010',
             paddingInline: 'space000',
-            marginInline: 'space010',
             marginBlockEnd: 'space000',
         },
         medium: {
@@ -172,7 +159,6 @@ exports.default = {
             stylePreset: 'paginationItemNonInteractive',
             iconSize: 'iconSize020',
             paddingInline: 'space000',
-            marginInline: 'space010',
             marginBlockEnd: 'space000',
         },
         large: {
@@ -180,7 +166,6 @@ exports.default = {
             stylePreset: 'paginationItemNonInteractive',
             iconSize: 'iconSize020',
             paddingInline: 'space000',
-            marginInline: 'space010',
             marginBlockEnd: 'space000',
         },
     },

package/cjs/pagination/defaults.js.map

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

package/cjs/pagination/pagination.d.ts.map

@@ -1 +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"}
+{"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;AAoLxC,eAAO,MAAM,UAAU,oGAGrB,CAAC"}

package/cjs/pagination/pagination.js

@@ -10,10 +10,12 @@ var style_presets_1 = (0, tslib_1.__importDefault)(require("./style-presets"));
 var context_1 = require("./context");
 var compose_event_handlers_1 = require("../utils/compose-event-handlers");
 var utils_1 = require("../utils");
+var get_token_1 = require("../utils/get-token");
+var theme_1 = require("../theme");
 var ThemelessPagination = react_1.default.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 = (0, tslib_1.__rest)(_a, ["children", "size", "pageSize", "page", "defaultPage", "totalItems", "buildHref", "onPageChange"]);
+    defaultPage = _c === void 0 ? 1 : _c, totalItems = _a.totalItems, buildHref = _a.buildHref, onPageChange = _a.onPageChange, overrides = _a.overrides, rest = (0, tslib_1.__rest)(_a, ["children", "size", "pageSize", "page", "defaultPage", "totalItems", "buildHref", "onPageChange", "overrides"]);
     // Only warn once (on component mount)
     (0, react_1.useEffect)(function () {
         if (process.env.NODE_ENV !== 'production' &&
@@ -93,9 +95,10 @@ var ThemelessPagination = react_1.default.forwardRef(function (_a, ref) {
         getNextItemProps,
         getLastItemProps,
     ]);
+    var gapToken = (0, get_token_1.getToken)({ theme: (0, theme_1.useTheme)(), overrides: overrides }, "pagination.".concat(size), '', 'gap');
     return (react_1.default.createElement(context_1.PaginationProvider, { value: value },
-        react_1.default.createElement(styled_1.StyledNav, (0, tslib_1.__assign)({ path: "pagination", size: size, "aria-label": "pagination", "data-testid": "pagination-container", ref: ref }, rest),
-            react_1.default.createElement(styled_1.StyledUnorderedList, null, children))));
+        react_1.default.createElement(styled_1.StyledNav, (0, tslib_1.__assign)({ size: size, "aria-label": "pagination", "data-testid": "pagination-container", ref: ref, overrides: overrides }, rest),
+            react_1.default.createElement(styled_1.StyledUnorderedList, { as: "ul", autoFlow: "column", autoColumns: "auto", columns: "auto", inline: true, justifyContent: "start", alignItems: "center", columnGap: gapToken }, children))));
 });
 exports.Pagination = (0, with_own_theme_1.withOwnTheme)(ThemelessPagination)({
     defaults: defaults_1.default,

package/cjs/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/pagination/pagination.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/pagination/pagination.tsx"],"names":[],"mappings":";;;;AAAA,0DAA6D;AAC7D,0DAAqD;AACrD,mCAAwD;AACxD,qEAAkC;AAClC,+EAA2C;AAE3C,qCAA6C;AAM7C,0EAAqE;AACrE,kCAAuC;AACvC,gDAA4C;AAC5C,kCAAkC;AAElC,IAAM,mBAAmB,GAAG,eAAK,CAAC,UAAU,CAC1C,UACE,EAWC,EACD,GAAG;IAXD,IAAA,QAAQ,cAAA,EACR,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,QAAQ,cAAA,EACF,QAAQ,UAAA,EAAE,uCAAuC;IACvD,mBAAe,EADC,uCAAuC;IACvD,WAAW,mBAAG,CAAC,KAAA,EACf,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,SAAS,eAAA,EACN,IAAI,2BAVT,+GAWC,CADQ;IAIT,sCAAsC;IACtC,IAAA,iBAAS,EAAC;QACR,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,OAAO,CAAC,SAAS,CAAC,KAAK,OAAO,CAAC,YAAY,CAAC,EAC5C;YACA,sCAAsC;YACtC,OAAO,CAAC,IAAI,CACV,4DAA4D,CAC7D,CAAC;SACH;IACH,CAAC,CAAC,CAAC;IAEH,0BAA0B;IACpB,IAAA,KAAsB,IAAA,qBAAa,EAAC;QACxC,YAAY,EAAE,WAAW;QACzB,eAAe,EAAE,QAAQ;KAC1B,CAAC,EAHK,UAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EAAE,OAAO,QAGtB,CAAC;IACH,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAC;IAElD,IAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,UAAC,UAAkB;QACjB,OAAO,CAAC,UAAU,CAAC,CAAC;QACpB,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,UAAU,CAAC,CAAC;SAC1B;IACH,CAAC,EACD,CAAC,OAAO,EAAE,YAAY,CAAC,CACxB,CAAC;IAEF,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,UAAC,EAA0C;YAAtC,WAAW,2BAAf,EAAgB,CAAD;QACd,OAAA,CAAC,8CACC,QAAQ,EAAE,IAAI,GAAG,CAAC,IACf,WAAW,KACd,OAAO,EAAE,IAAA,6CAAoB,EAAC;gBAC5B,cAAM,OAAA,UAAU,CAAC,CAAC,CAAC,EAAb,CAAa;gBACnB,0BAA0B;gBAC1B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO;aACrB,CAAC,GACiB,CAAA,CAAA;KAAA,EACvB,CAAC,IAAI,EAAE,UAAU,CAAC,CACnB,CAAC;IAEF,IAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,UAAC,EAAyC;YAArC,WAAW,2BAAf,EAAgB,CAAD;QACd,OAAA,CAAC,8CACC,QAAQ,EAAE,IAAI,GAAG,CAAC,IACf,WAAW,KACd,OAAO,EAAE,IAAA,6CAAoB,EAAC;gBAC5B,cAAM,OAAA,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,EAApB,CAAoB;gBAC1B,0BAA0B;gBAC1B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO;aACrB,CAAC,GACiB,CAAA,CAAA;KAAA,EACvB,CAAC,IAAI,EAAE,UAAU,CAAC,CACnB,CAAC;IAEF,IAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,UAAC,EAAyC;YAArC,WAAW,2BAAf,EAAgB,CAAD;QACd,OAAA,CAAC,8CACC,QAAQ,EAAE,IAAI,IAAI,QAAQ,IACvB,WAAW,KACd,OAAO,EAAE,IAAA,6CAAoB,EAAC;gBAC5B,cAAM,OAAA,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,EAApB,CAAoB;gBAC1B,0BAA0B;gBAC1B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO;aACrB,CAAC,GACiB,CAAA,CAAA;KAAA,EACvB,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,CAC7B,CAAC;IAEF,IAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,UAAC,EAAyC;YAArC,WAAW,2BAAf,EAAgB,CAAD;QACd,OAAA,CAAC,8CACC,QAAQ,EAAE,IAAI,IAAI,QAAQ,IACvB,WAAW,KACd,OAAO,EAAE,IAAA,6CAAoB,EAAC;gBAC5B,cAAM,OAAA,UAAU,CAAC,QAAQ,CAAC,EAApB,CAAoB;gBAC1B,0BAA0B;gBAC1B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO;aACrB,CAAC,GACiB,CAAA,CAAA;KAAA,EACvB,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,CAC7B,CAAC;IAEF,IAAM,KAAK,GAAG,IAAA,eAAO,EACnB,cAAM,OAAA,CAAC;QACL,IAAI,MAAA;QACJ,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,IAAI,MAAA;QACJ,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,SAAS,WAAA;QACT,iBAAiB,mBAAA;QACjB,gBAAgB,kBAAA;QAChB,gBAAgB,kBAAA;QAChB,gBAAgB,kBAAA;KACjB,CAAC,EAbI,CAaJ,EACF;QACE,IAAI;QACJ,QAAQ;QACR,UAAU;QACV,WAAW;QACX,IAAI;QACJ,QAAQ;QACR,UAAU;QACV,SAAS;QACT,iBAAiB;QACjB,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;KACjB,CACF,CAAC;IAEF,IAAM,QAAQ,GAAG,IAAA,oBAAQ,EACvB,EAAC,KAAK,EAAE,IAAA,gBAAQ,GAAE,EAAE,SAAS,WAAA,EAAC,EAC9B,qBAAc,IAAI,CAAE,EACpB,EAAE,EACF,KAAK,CACN,CAAC;IAEF,OAAO,CACL,8BAAC,4BAAkB,IAAC,KAAK,EAAE,KAAK;QAC9B,8BAAC,kBAAS,0BACR,IAAI,EAAE,IAAI,gBACC,YAAY,iBACX,sBAAsB,EAClC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,IAChB,IAAI;YAER,8BAAC,4BAAmB,IAClB,EAAE,EAAC,IAAI,EACP,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,MAAM,EAClB,OAAO,EAAC,MAAM,EACd,MAAM,QACN,cAAc,EAAC,OAAO,EACtB,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,QAAQ,IAElB,QAAQ,CACW,CACZ,CACO,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,6BAAY,EAAC,mBAAmB,CAAC,CAAC;IAC1D,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/pagination/styled.d.ts

@@ -1,18 +1,37 @@
 /// <reference types="react" />
-import { ComponentSizeProps, PaginationItemProps } from './types';
+import { PaginationItemProps, PaginationProps } from './types';
 import { ButtonOrButtonLinkProps } from '../button';
 export declare const StyledNav: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & ComponentSizeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+} & Pick<PaginationProps, "overrides" | "size">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const StyledUnorderedList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    rowGap?: import("../utils/style").MQ<string> | undefined;
+    columnGap?: import("../utils/style").MQ<string> | undefined;
+    rows?: import("../utils/style").MQ<string> | undefined;
+    columns?: import("../utils/style").MQ<string> | undefined;
+    justifyContent?: import("../utils/style").MQ<string> | undefined;
+    alignContent?: import("../utils/style").MQ<string> | undefined;
+    justifyItems?: import("../utils/style").MQ<string> | undefined;
+    alignItems?: import("../utils/style").MQ<string> | undefined;
+    areas?: import("../utils/style").MQ<string> | undefined;
+    inline?: import("../utils/style").MQ<boolean> | undefined;
+    autoColumns?: import("../utils/style").MQ<string> | undefined;
+    autoRows?: import("../utils/style").MQ<string> | undefined;
+    autoFlow?: import("../utils/style").MQ<string> | undefined;
+    children?: import("react").ReactNode | import("../grid-layout/types").GridLayoutRenderProps;
     as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
+    overrides?: ({
+        width?: import("../utils/style").MQ<string> | undefined;
+        minWidth?: import("../utils/style").MQ<string> | undefined;
+        maxWidth?: import("../utils/style").MQ<string> | undefined;
+        height?: import("../utils/style").MQ<string> | undefined;
+        minHeight?: import("../utils/style").MQ<string> | undefined;
+        maxHeight?: import("../utils/style").MQ<string> | undefined;
+    } & import("../utils/logical-properties").LogicalProps) | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+}, {}, {}>;
 export declare const StyledButton: import("@emotion/styled").StyledComponent<((ButtonOrButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>) & {
     theme?: import("@emotion/react").Theme | undefined;
 }) & (ButtonOrButtonLinkProps & PaginationItemProps), {}, {}>;

package/cjs/pagination/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/pagination/styled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,kBAAkB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEhE,OAAO,EAAS,uBAAuB,EAAC,MAAM,WAAW,CAAC;AAG1D,eAAO,MAAM,SAAS;;;wHAIrB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;6GAK/B,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAI1B,CAAC;AAEF,eAAO,MAAM,YAAY;;6DAKxB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/pagination/styled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,mBAAmB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAC;AAE7D,OAAO,EAAS,uBAAuB,EAAC,MAAM,WAAW,CAAC;AAG1D,eAAO,MAAM,SAAS;;;iJAMrB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;UAI/B,CAAC;AAEF,eAAO,MAAM,YAAY;;6DAKxB,CAAC"}

package/cjs/pagination/styled.js

@@ -1,26 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledButton = exports.StyledListItem = exports.StyledUnorderedList = exports.StyledNav = void 0;
+exports.StyledButton = exports.StyledUnorderedList = exports.StyledNav = void 0;
 var tslib_1 = require("tslib");
 var style_1 = require("../utils/style");
 var logical_properties_1 = require("../utils/logical-properties");
 var button_1 = require("../button");
-// The path will most likely always be 'pagination'
+var grid_layout_1 = require("../grid-layout");
 exports.StyledNav = style_1.styled.nav(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  ", ";\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n  ", ";\n"])), function (_a) {
-    var path = _a.path, size = _a.size;
-    return (0, style_1.getStylePreset)("".concat(path, ".").concat(size), '');
+    var size = _a.size;
+    return (0, style_1.getStylePreset)("pagination.".concat(size), '');
 }, function (_a) {
-    var path = _a.path, size = _a.size;
-    return (0, style_1.getTypographyPreset)("".concat(path, ".").concat(size), '');
+    var size = _a.size;
+    return (0, style_1.getTypographyPreset)("pagination.".concat(size), '');
 }, function (_a) {
-    var path = _a.path, size = _a.size;
-    return (0, logical_properties_1.logicalProps)("".concat(path, ".").concat(size), '');
+    var size = _a.size;
+    return (0, logical_properties_1.logicalProps)("pagination.".concat(size), '');
 });
-exports.StyledUnorderedList = style_1.styled.ul(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n  list-style: none;\n  display: inline-flex;\n  margin: 0;\n  padding: 0px;\n"], ["\n  list-style: none;\n  display: inline-flex;\n  margin: 0;\n  padding: 0px;\n"])));
-exports.StyledListItem = style_1.styled.li(templateObject_3 || (templateObject_3 = (0, tslib_1.__makeTemplateObject)(["\n  display: flex;\n  justify-content: center;\n  align-self: center;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-self: center;\n"])));
-exports.StyledButton = (0, style_1.styled)(button_1.Button)(templateObject_4 || (templateObject_4 = (0, tslib_1.__makeTemplateObject)(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
+exports.StyledUnorderedList = (0, style_1.styled)(grid_layout_1.GridLayout)(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n"], ["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n"])));
+exports.StyledButton = (0, style_1.styled)(button_1.Button)(templateObject_3 || (templateObject_3 = (0, tslib_1.__makeTemplateObject)(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
     var size = _a.size, selected = _a.selected;
     return (0, style_1.getStylePreset)("paginationItem.".concat(size), '', { isSelected: selected });
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styled.js.map

package/cjs/pagination/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/pagination/styled.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2E;AAE3E,kEAAyD;AACzD,oCAA0D;AAE1D,mDAAmD;AACtC,QAAA,SAAS,GAAG,cAAM,CAAC,GAAG,+GAAoB,MACnD,EAAuD,OACvD,EAA4D,OAC5D,EAAqD,KACxD,KAHG,UAAC,EAAY;QAAX,IAAI,UAAA,EAAE,IAAI,UAAA;IAAM,OAAA,IAAA,sBAAc,EAAC,UAAG,IAAI,cAAI,IAAI,CAAE,EAAE,EAAE,CAAC;AAArC,CAAqC,EACvD,UAAC,EAAY;QAAX,IAAI,UAAA,EAAE,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,UAAG,IAAI,cAAI,IAAI,CAAE,EAAE,EAAE,CAAC;AAA1C,CAA0C,EAC5D,UAAC,EAAY;QAAX,IAAI,UAAA,EAAE,IAAI,UAAA;IAAM,OAAA,IAAA,iCAAY,EAAC,UAAG,IAAI,cAAI,IAAI,CAAE,EAAE,EAAE,CAAC;AAAnC,CAAmC,EACvD;AAEW,QAAA,mBAAmB,GAAG,cAAM,CAAC,EAAE,iKAAA,iFAK3C,KAAC;AAEW,QAAA,cAAc,GAAG,cAAM,CAAC,EAAE,yJAAA,yEAItC,KAAC;AAEW,QAAA,YAAY,GAAG,IAAA,cAAM,EAAC,eAAM,CAAC,6FAEzC,MACG,EACoE,KACvE,KAFG,UAAC,EAAgB;QAAf,IAAI,UAAA,EAAE,QAAQ,cAAA;IAChB,OAAA,IAAA,sBAAc,EAAC,yBAAkB,IAAI,CAAE,EAAE,EAAE,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAC,CAAC;AAApE,CAAoE,EACtE"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/pagination/styled.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2E;AAE3E,kEAAyD;AACzD,oCAA0D;AAC1D,8CAA0C;AAE7B,QAAA,SAAS,GAAG,cAAM,CAAC,GAAG,+GAElC,MACG,EAAoD,OACpD,EAAyD,OACzD,EAAkD,KACrD,KAHG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,sBAAc,EAAC,qBAAc,IAAI,CAAE,EAAE,EAAE,CAAC;AAAxC,CAAwC,EACpD,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,qBAAc,IAAI,CAAE,EAAE,EAAE,CAAC;AAA7C,CAA6C,EACzD,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,iCAAY,EAAC,qBAAc,IAAI,CAAE,EAAE,EAAE,CAAC;AAAtC,CAAsC,EACpD;AAEW,QAAA,mBAAmB,GAAG,IAAA,cAAM,EAAC,wBAAU,CAAC,sIAAA,sDAIpD,KAAC;AAEW,QAAA,YAAY,GAAG,IAAA,cAAM,EAAC,eAAM,CAAC,6FAEzC,MACG,EACoE,KACvE,KAFG,UAAC,EAAgB;QAAf,IAAI,UAAA,EAAE,QAAQ,cAAA;IAChB,OAAA,IAAA,sBAAc,EAAC,yBAAkB,IAAI,CAAE,EAAE,EAAE,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAC,CAAC;AAApE,CAAoE,EACtE"}

package/cjs/pagination/types.d.ts

@@ -4,12 +4,12 @@ import { LogicalProps } from '../utils/logical-properties';
 import { EventData } from '../instrumentation';
 import { ComponentOverrides, Override } from '../utils/overrides';
 import { NewsKitIconProps } from '../icons';
-import { ButtonOrButtonLinkProps, ButtonProps } from '../button/types';
+import { ButtonOrButtonLinkProps, ButtonProps } from '../button';
 import { IconButtonProps } from '../icon-button/types';
-import { PaginationFirstItemProps } from './components/first-item/types';
-import { PaginationLastItemProps } from './components/last-item/types';
-import { PaginationNextItemProps } from './components/next-item/types';
-import { PaginationPrevItemProps } from './components/prev-item/types';
+import { PaginationFirstItemProps } from './components/first-item';
+import { PaginationLastItemProps } from './components/last-item';
+import { PaginationNextItemProps } from './components/next-item';
+import { PaginationPrevItemProps } from './components/prev-item';
 import { TextBlockProps } from '../text-block';
 export declare type PaginationSize = 'small' | 'medium' | 'large';
 export declare type PaginationItemType = 'paginationItem' | 'paginationItemTruncation' | 'paginationItemFirst' | 'paginationItemPrev' | 'paginationItemNext' | 'paginationItemLast';
@@ -39,13 +39,9 @@ export interface PaginationProps extends React.AriaAttributes {
     overrides?: {
         stylePreset?: MQ<string>;
         typographyPreset?: MQ<string>;
+        gap?: MQ<string>;
     } & LogicalProps;
 }
-export interface ComponentSizeProps extends React.AriaAttributes {
-    children?: React.ReactNode;
-    path?: string;
-    size?: PaginationSize;
-}
 export interface PaginationItemDescriptionProps extends ComponentOverrides {
     selected?: boolean;
     pageNumber?: number;

package/cjs/pagination/types.d.ts.map

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

package/cjs/stories/form.stories.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: () => string;
+    parameters: {
+        previewTabs: {
+            'storybook/canvas/panel': {
+                index: number;
+            };
+            'storybook/docs/panel': {
+                hidden: boolean;
+            };
+        };
+        viewMode: string;
+        docs: {
+            page: null;
+        };
+    };
+};
+export default _default;
+export declare const StoryFormComplete: {
+    (): JSX.Element;
+    storyName: string;
+};
+//# sourceMappingURL=form.stories.d.ts.map

package/cjs/stories/form.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/form.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,wBAaE;AAuBF,eAAO,MAAM,iBAAiB;;;CAyM7B,CAAC"}

package/cjs/stories/form.stories.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StoryFormComplete = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var __1 = require("..");
+var button_1 = require("../button");
+var block_1 = require("../block");
+var icons_1 = require("../icons");
+var icon_button_1 = require("../icon-button");
+var fieldset_1 = require("../fieldset");
+var select_1 = require("../select");
+var radio_button_1 = require("../radio-button");
+var storybook_comps_1 = require("../test/storybook-comps");
+exports.default = {
+    title: 'Composed/Form',
+    component: function () { return 'None'; },
+    parameters: {
+        previewTabs: {
+            'storybook/canvas/panel': { index: -1 },
+            'storybook/docs/panel': { hidden: true },
+        },
+        viewMode: 'story',
+        docs: {
+            page: null,
+        },
+    },
+};
+var ShowPasswordButton = function (_a) {
+    var onClick = _a.onClick, isVisible = _a.isVisible;
+    return (React.createElement(icon_button_1.IconButton, { "aria-label": "toggle password", onClick: onClick, size: "small", overrides: { stylePreset: 'iconButtonMinimalPrimary' } }, isVisible ? (React.createElement(icons_1.IconFilledStop, { overrides: { size: 'iconSize010' } })) : (React.createElement(icons_1.IconFilledRemoveRedEye, { overrides: { size: 'iconSize010' } }))));
+};
+var StoryFormComplete = function () {
+    var _a = React.useState(false), showPassword = _a[0], toggleShowPassword = _a[1];
+    return (React.createElement(storybook_comps_1.StorybookPage, null,
+        React.createElement(__1.Form, { onSubmit: console.log },
+            React.createElement(fieldset_1.Fieldset, { legend: "Personal" },
+                React.createElement(block_1.Block, { marginBlockStart: "space020", marginBlockEnd: "space050" },
+                    React.createElement(__1.FormInput, { name: "first-name", rules: {
+                            required: 'Required field',
+                            minLength: {
+                                value: 2,
+                                message: 'Name must be at least 2 characters long',
+                            },
+                        } },
+                        React.createElement(__1.FormInputLabel, null, "First name"),
+                        React.createElement(__1.FormInputTextField, null),
+                        React.createElement(__1.FormInputAssistiveText, null, "Enter your first name"))),
+                React.createElement(block_1.Block, { marginBlockStart: "space020", marginBlockEnd: "space050" },
+                    React.createElement(__1.FormInput, { name: "last-name", rules: {
+                            required: 'Required field',
+                            minLength: {
+                                value: 2,
+                                message: 'Name must be at least 2 characters long',
+                            },
+                        } },
+                        React.createElement(__1.FormInputLabel, null, "Last name"),
+                        React.createElement(__1.FormInputTextField, null),
+                        React.createElement(__1.FormInputAssistiveText, null, "Enter your last name"))),
+                React.createElement(block_1.Block, { marginBlockStart: "space020", marginBlockEnd: "space050" },
+                    React.createElement(__1.FormInput, { name: "country", rules: {
+                            required: 'Required field',
+                        } },
+                        React.createElement(__1.FormInputLabel, null, "Country"),
+                        React.createElement(__1.FormInputSelect, null,
+                            React.createElement(select_1.SelectOption, { value: "BG" }, "Bulgaria"),
+                            React.createElement(select_1.SelectOption, { value: "UK" }, "United Kingdom"),
+                            React.createElement(select_1.SelectOption, { value: "NL" }, "The Netherlands"),
+                            React.createElement(select_1.SelectOption, { value: "DE" }, "Germany")),
+                        React.createElement(__1.FormInputAssistiveText, null, "Enter your last name")))),
+            React.createElement(fieldset_1.Fieldset, { legend: "Login information" },
+                React.createElement(block_1.Block, { marginBlockStart: "space020", marginBlockEnd: "space050" },
+                    React.createElement(__1.FormInput, { name: "email", rules: {
+                            required: 'Required field',
+                            pattern: /^\S+@\S+$/i,
+                        } },
+                        React.createElement(__1.FormInputLabel, null, "Email"),
+                        React.createElement(__1.FormInputTextField, { type: "email" }),
+                        React.createElement(__1.FormInputAssistiveText, null, "Enter your email"))),
+                React.createElement(block_1.Block, { marginBlockStart: "space020", marginBlockEnd: "space050" },
+                    React.createElement(__1.FormInput, { name: "password", rules: {
+                            required: 'Required field',
+                            minLength: {
+                                value: 8,
+                                message: 'Name must be at least 8 characters long',
+                            },
+                        } },
+                        React.createElement(__1.FormInputLabel, null, "Password"),
+                        React.createElement(__1.FormInputTextField, { type: showPassword ? 'text' : 'password', endEnhancer: React.createElement(ShowPasswordButton, { onClick: function () { return toggleShowPassword(!showPassword); }, isVisible: showPassword }) }),
+                        React.createElement(__1.FormInputAssistiveText, null, "Enter your password")))),
+            React.createElement(fieldset_1.Fieldset, { legend: "Subscription type" },
+                React.createElement(block_1.Block, { marginBlockStart: "space020", marginBlockEnd: "space050" },
+                    React.createElement(__1.FormInput, { name: "subscription", rules: {
+                            required: 'Required field',
+                        } },
+                        React.createElement(radio_button_1.RadioGroup, null,
+                            React.createElement(__1.FormInputRadioButton, { id: "subscription-online", value: "online", label: "Online", overrides: { marginBlockEnd: 'space020' } }),
+                            React.createElement(__1.FormInputRadioButton, { id: "subscription-print", value: "print", label: "Print", overrides: { marginBlockEnd: 'space020' } }),
+                            React.createElement(__1.FormInputRadioButton, { id: "subscription-both", value: "both", label: "Online and print", overrides: { marginBlockEnd: 'space020' } })),
+                        React.createElement(__1.FormInputAssistiveText, null, "Make your choice")))),
+            React.createElement(fieldset_1.Fieldset, { legend: "Interests" },
+                React.createElement(block_1.Block, { marginBlockStart: "space020", marginBlockEnd: "space050" },
+                    React.createElement(__1.FormInput, { name: "interests", rules: {
+                            required: 'Required field',
+                            validate: function (value) {
+                                if (value.length < 3) {
+                                    return 'Select at least 3 interests';
+                                }
+                                return true;
+                            },
+                        } },
+                        React.createElement(__1.FormInputCheckbox, { id: "interests-politics", value: "politics", label: "Politics", overrides: { marginBlockEnd: 'space020' } }),
+                        React.createElement(__1.FormInputCheckbox, { id: "interests-business", value: "Business", label: "Business", overrides: { marginBlockEnd: 'space020' } }),
+                        React.createElement(__1.FormInputCheckbox, { id: "interests-society", value: "Society", label: "Society", overrides: { marginBlockEnd: 'space020' } }),
+                        React.createElement(__1.FormInputCheckbox, { id: "interests-technology", value: "Technology", label: "Technology", overrides: { marginBlockEnd: 'space020' } }),
+                        React.createElement(__1.FormInputCheckbox, { id: "interests-sport", value: "Sport", label: "Sport", overrides: { marginBlockEnd: 'space020' } }),
+                        React.createElement(__1.FormInputCheckbox, { id: "interests-science", value: "Science", label: "Science", overrides: { marginBlockEnd: 'space020' } }),
+                        React.createElement(__1.FormInputAssistiveText, null, "Make your choice")))),
+            React.createElement(button_1.Button, { type: "submit" }, "Register"))));
+};
+exports.StoryFormComplete = StoryFormComplete;
+exports.StoryFormComplete.storyName = 'Complete';
+//# sourceMappingURL=form.stories.js.map

package/cjs/stories/form.stories.js.map

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

package/cjs/stories/slices.stories.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { Story as StoryType } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: () => string;
+    parameters: {
+        previewTabs: {
+            'storybook/canvas/panel': {
+                index: number;
+            };
+            'storybook/docs/panel': {
+                hidden: boolean;
+            };
+        };
+        viewMode: string;
+        docs: {
+            page: null;
+        };
+    };
+    decorators: ((Story: StoryType, context: {
+        name: string;
+        globals: {
+            backgrounds: {
+                value: string;
+            };
+        };
+    }) => JSX.Element)[];
+};
+export default _default;
+export declare const TheSunStory: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const TheTimesStory: {
+    (): JSX.Element;
+    storyName: string;
+};
+//# sourceMappingURL=slices.stories.d.ts.map

package/cjs/stories/slices.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slices.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/slices.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,IAAI,SAAS,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;yBA+EvC,SAAS,WACP;QAAC,MAAM,MAAM,CAAC;QAAC,OAAO,EAAE;YAAC,WAAW,EAAE;gBAAC,KAAK,EAAE,MAAM,CAAA;aAAC,CAAA;SAAC,CAAA;KAAC;;AAhBtE,wBA6BE;AAEF,eAAO,MAAM,WAAW;;;CAyBvB,CAAC;AAiFF,eAAO,MAAM,aAAa;;;CAmEzB,CAAC"}