@sikt/sds-pagination 2.1.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/index.css +5 -3
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [2.2.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-pagination@2.1.1...@sikt/sds-pagination@2.2.0) (2025-07-08)
|
|
6
|
+
|
|
7
|
+
### Features
|
|
8
|
+
|
|
9
|
+
- **paginagion:** change typography from label l to body l ([4e3f2ae](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/4e3f2ae9e35c653c1b6f3e5fc4a8a9f61e139604))
|
|
10
|
+
|
|
11
|
+
## [2.1.1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-pagination@2.1.0...@sikt/sds-pagination@2.1.1) (2025-06-20)
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
- **pagination:** current page style ([1218388](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/1218388eeeab26b3c319ae658ef64fb1f8434e3c))
|
|
16
|
+
|
|
5
17
|
## [2.1.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-pagination@2.0.1...@sikt/sds-pagination@2.1.0) (2025-05-21)
|
|
6
18
|
|
|
7
19
|
### Features
|
package/dist/index.css
CHANGED
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-wrap: wrap;
|
|
9
9
|
gap: var(--sds-space-gap-small);
|
|
10
|
-
font-size: var(--sds-typography-
|
|
10
|
+
font-size: var(--sds-typography-body-l-fontsize);
|
|
11
11
|
font-variant-numeric: tabular-nums;
|
|
12
|
-
font-weight: var(--sds-typography-
|
|
13
|
-
line-height: var(--sds-typography-
|
|
12
|
+
font-weight: var(--sds-typography-body-l-fontweight);
|
|
13
|
+
line-height: var(--sds-typography-body-l-lineheight);
|
|
14
14
|
}
|
|
15
15
|
.sds-pagination__list-item {
|
|
16
16
|
align-items: center;
|
|
@@ -64,6 +64,8 @@
|
|
|
64
64
|
.sds-pagination__button[aria-current] {
|
|
65
65
|
--pagination-background-color: var( --sds-color-interaction-primary-subtle-default );
|
|
66
66
|
cursor: inherit;
|
|
67
|
+
text-decoration: underline;
|
|
68
|
+
text-decoration-thickness: var(--sds-space-border-weight-regular);
|
|
67
69
|
}
|
|
68
70
|
.sds-pagination__button[aria-current]:active,
|
|
69
71
|
.sds-pagination__button[aria-current]:hover,
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/pagination.pcss"],"sourcesContent":[".sds-pagination {\n --pagination-background-color: var(\n --sds-color-interaction-neutral-subtle-default\n );\n --pagination-color: var(--sds-color-text-primary);\n}\n\n .sds-pagination__list {\n display: flex;\n flex-wrap: wrap;\n gap: var(--sds-space-gap-small);\n font-size: var(--sds-typography-
|
|
1
|
+
{"version":3,"sources":["../src/pagination.pcss"],"sourcesContent":[".sds-pagination {\n --pagination-background-color: var(\n --sds-color-interaction-neutral-subtle-default\n );\n --pagination-color: var(--sds-color-text-primary);\n}\n\n .sds-pagination__list {\n display: flex;\n flex-wrap: wrap;\n gap: var(--sds-space-gap-small);\n font-size: var(--sds-typography-body-l-fontsize);\n font-variant-numeric: tabular-nums;\n font-weight: var(--sds-typography-body-l-fontweight);\n line-height: var(--sds-typography-body-l-lineheight);\n }\n\n .sds-pagination__list-item {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n\n .sds-pagination__button {\n align-items: center;\n display: flex;\n justify-content: center;\n background-color: var(--pagination-background-color);\n border: none;\n border-radius: var(--sds-space-border-radius-full);\n color: var(--pagination-color);\n cursor: pointer;\n text-align: center;\n width: var(--sds-typography-fontsize-1200);\n height: var(--sds-typography-fontsize-1200);\n padding: 0;\n }\n\n .sds-pagination__button:hover,\n .sds-pagination__button:focus-visible {\n --pagination-background-color: var(\n --sds-color-interaction-neutral-subtle-highlight\n );\n }\n\n .sds-pagination__button:focus-visible {\n outline: var(--sds-focus-outline);\n }\n\n .sds-pagination__button:active {\n --pagination-background-color: var(\n --sds-color-interaction-neutral-subtle-pressed\n );\n }\n\n .sds-pagination__button--spacer {\n align-items: center;\n display: flex;\n justify-content: center;\n width: var(--sds-typography-fontsize-700);\n height: var(--sds-typography-fontsize-700);\n }\n\n .sds-pagination__button[disabled],\n .sds-pagination__button--spacer {\n --pagination-background-color: initial;\n\n cursor: inherit;\n }\n\n .sds-pagination__button[disabled]:active,\n .sds-pagination__button[disabled]:hover,\n .sds-pagination__button[disabled]:focus-visible,\n .sds-pagination__button--spacer:active,\n .sds-pagination__button--spacer:hover,\n .sds-pagination__button--spacer:focus-visible {\n --pagination-background-color: initial;\n }\n\n .sds-pagination__button[aria-current] {\n --pagination-background-color: var(\n --sds-color-interaction-primary-subtle-default\n );\n\n cursor: inherit;\n text-decoration: underline;\n text-decoration-thickness: var(--sds-space-border-weight-regular);\n }\n\n .sds-pagination__button[aria-current]:active,\n .sds-pagination__button[aria-current]:hover,\n .sds-pagination__button[aria-current]:focus-visible {\n --pagination-background-color: var(\n --sds-color-interaction-primary-subtle-default\n );\n }\n"],"mappings":";AAAA,CAAC;AACC,iCAA+B,KAC7B;AAEF,sBAAoB,IAAI;AAC1B;AAEE,CAAC;AACC,WAAS;AACT,aAAW;AACX,OAAK,IAAI;AACT,aAAW,IAAI;AACf,wBAAsB;AACtB,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa;AACb,WAAS;AACT,mBAAiB;AACnB;AAEA,CAAC;AACC,eAAa;AACb,WAAS;AACT,mBAAiB;AACjB,oBAAkB,IAAI;AACtB,UAAQ;AACR,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,UAAQ;AACR,cAAY;AACZ,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,WAAS;AACX;AAEA,CAfC,sBAesB;AACrB,CAhBD,sBAgBwB;AACrB,iCAA+B,KAC7B;AAEJ;AAEF,CAtBC,sBAsBsB;AACnB,WAAS,IAAI;AACf;AAEF,CA1BC,sBA0BsB;AACnB,iCAA+B,KAC7B;AAEJ;AAEF,CAAC;AACG,eAAa;AACb,WAAS;AACT,mBAAiB;AACjB,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AAEF,CAxCC,sBAwCsB,CAAC;AACtB,CATD;AAUG,iCAA+B;AAE/B,UAAQ;AACV;AAEF,CA/CC,sBA+CsB,CAAC,SAAS;AAC7B,CAhDH,sBAgD0B,CAAC,SAAS;AACjC,CAjDH,sBAiD0B,CAAC,SAAS;AACjC,CAlBH,8BAkBkC;AAC/B,CAnBH,8BAmBkC;AAC/B,CApBH,8BAoBkC;AAC7B,iCAA+B;AACjC;AAEJ,CAxDC,sBAwDsB,CAAC;AACpB,iCAA+B,KAC7B;AAGF,UAAQ;AACR,mBAAiB;AACjB,6BAA2B,IAAI;AACjC;AAEF,CAlEC,sBAkEsB,CAAC,aAAa;AACjC,CAnEH,sBAmE0B,CAAC,aAAa;AACrC,CApEH,sBAoE0B,CAAC,aAAa;AACnC,iCAA+B,KAC7B;AAEJ;","names":[]}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("@sikt/sds-icons"),e=require("clsx/lite"),i=require("react/jsx-runtime"),s=Object.defineProperty,t=Object.defineProperties,r=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,o=(a,e,i)=>e in a?s(a,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[e]=i;exports.Pagination=s=>{var d=s,{"aria-label":b,ariaLabelNext:u="Vis neste side",ariaLabelPrevious:m="Vis forrige side",ariaLabelItem:p="Vis side",count:x,currentIndex:j,limit:v=7,handleClick:_,className:g}=d,N=((a,e)=>{var i={};for(var s in a)n.call(a,s)&&e.indexOf(s)<0&&(i[s]=a[s]);if(null!=a&&l)for(var s of l(a))e.indexOf(s)<0&&c.call(a,s)&&(i[s]=a[s]);return i})(d,["aria-label","ariaLabelNext","ariaLabelPrevious","ariaLabelItem","count","currentIndex","limit","handleClick","className"]);const f=Math.ceil(v/2)-2-1,h=j+f,O=j-f,y=x-1-h-1,P=O-1;let k=x-1>h?h-1:h;k=P<0?k-P:k;let I=1<O?O+1:O;return I=y<0?I+y:I,i.jsx("nav",(L=((a,e)=>{for(var i in e||(e={}))n.call(e,i)&&o(a,i,e[i]);if(l)for(var i of l(e))c.call(e,i)&&o(a,i,e[i]);return a})({className:e.clsx("sds-pagination",g),"aria-label":b},N),C={children:i.jsxs("ol",{className:"sds-pagination__list",children:[i.jsx("li",{className:"sds-pagination__list-item",children:i.jsx("button",{className:"sds-pagination__button","aria-label":"".concat(m," ").concat(j),disabled:0===j,onClick:()=>{_(j-1)},children:i.jsx(a.MoveToPreviousIcon,{})})}),[...Array(x).keys()].map(
|
|
1
|
+
"use strict";var a=require("@sikt/sds-icons"),e=require("clsx/lite"),i=require("react/jsx-runtime"),s=Object.defineProperty,t=Object.defineProperties,r=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,o=(a,e,i)=>e in a?s(a,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[e]=i;exports.Pagination=s=>{var d=s,{"aria-label":b,ariaLabelNext:u="Vis neste side",ariaLabelPrevious:m="Vis forrige side",ariaLabelItem:p="Vis side",count:x,currentIndex:j,limit:v=7,handleClick:_,className:g}=d,N=((a,e)=>{var i={};for(var s in a)n.call(a,s)&&e.indexOf(s)<0&&(i[s]=a[s]);if(null!=a&&l)for(var s of l(a))e.indexOf(s)<0&&c.call(a,s)&&(i[s]=a[s]);return i})(d,["aria-label","ariaLabelNext","ariaLabelPrevious","ariaLabelItem","count","currentIndex","limit","handleClick","className"]);const f=Math.ceil(v/2)-2-1,h=j+f,O=j-f,y=x-1-h-1,P=O-1;let k=x-1>h?h-1:h;k=P<0?k-P:k;let I=1<O?O+1:O;return I=y<0?I+y:I,i.jsx("nav",(L=((a,e)=>{for(var i in e||(e={}))n.call(e,i)&&o(a,i,e[i]);if(l)for(var i of l(e))c.call(e,i)&&o(a,i,e[i]);return a})({className:e.clsx("sds-pagination",g),"aria-label":b},N),C={children:i.jsxs("ol",{className:"sds-pagination__list",children:[i.jsx("li",{className:"sds-pagination__list-item",children:i.jsx("button",{className:"sds-pagination__button","aria-label":"".concat(m," ").concat(j),disabled:0===j,onClick:()=>{_(j-1)},children:i.jsx(a.MoveToPreviousIcon,{})})}),[...Array(x).keys()].map(a=>0===a||a===x-1||a>=I&&a<=k?i.jsx("li",{className:"sds-pagination__list-item",children:i.jsx("button",{className:"sds-pagination__button","aria-current":a===j||void 0,"aria-label":"".concat(p," ").concat(a+1),disabled:a===j,onClick:()=>{_(a)},children:a+1})},a):a==k+1||a==I-1?i.jsx("li",{className:"sds-pagination__list-item",children:i.jsx("div",{className:"sds-pagination__button--spacer",children:"…"})},a):void 0),i.jsx("li",{className:"sds-pagination__list-item",children:i.jsx("button",{className:"sds-pagination__button","aria-label":"".concat(u," ").concat(j+2),disabled:j===x-1,onClick:()=>{_(j+1)},children:i.jsx(a.MoveToNextIcon,{})})})]})},t(L,r(C))));var L,C};//# sourceMappingURL=index.js.map
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{MoveToPreviousIcon as a,MoveToNextIcon as e}from"@sikt/sds-icons";import{clsx as i}from"clsx/lite";import{jsx as t,jsxs as l}from"react/jsx-runtime";var r=Object.defineProperty,n=Object.defineProperties,s=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,b=(a,e,i)=>e in a?r(a,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[e]=i,m=r=>{var m=r,{"aria-label":p,ariaLabelNext:u="Vis neste side",ariaLabelPrevious:_="Vis forrige side",ariaLabelItem:f="Vis side",count:v,currentIndex:g,limit:h=7,handleClick:N,className:O}=m,y=((a,e)=>{var i={};for(var t in a)o.call(a,t)&&e.indexOf(t)<0&&(i[t]=a[t]);if(null!=a&&c)for(var t of c(a))e.indexOf(t)<0&&d.call(a,t)&&(i[t]=a[t]);return i})(m,["aria-label","ariaLabelNext","ariaLabelPrevious","ariaLabelItem","count","currentIndex","limit","handleClick","className"]);const x=Math.ceil(h/2)-2-1,j=g+x,k=g-x,P=v-1-j-1,L=k-1;let C=v-1>j?j-1:j;C=L<0?C-L:C;let I=1<k?k+1:k;return I=P<0?I+P:I,t("nav",(w=((a,e)=>{for(var i in e||(e={}))o.call(e,i)&&b(a,i,e[i]);if(c)for(var i of c(e))d.call(e,i)&&b(a,i,e[i]);return a})({className:i("sds-pagination",O),"aria-label":p},y),V={children:l("ol",{className:"sds-pagination__list",children:[t("li",{className:"sds-pagination__list-item",children:t("button",{className:"sds-pagination__button","aria-label":"".concat(_," ").concat(g),disabled:0===g,onClick:()=>{N(g-1)},children:t(a,{})})}),[...Array(v).keys()].map(
|
|
1
|
+
import{MoveToPreviousIcon as a,MoveToNextIcon as e}from"@sikt/sds-icons";import{clsx as i}from"clsx/lite";import{jsx as t,jsxs as l}from"react/jsx-runtime";var r=Object.defineProperty,n=Object.defineProperties,s=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,b=(a,e,i)=>e in a?r(a,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[e]=i,m=r=>{var m=r,{"aria-label":p,ariaLabelNext:u="Vis neste side",ariaLabelPrevious:_="Vis forrige side",ariaLabelItem:f="Vis side",count:v,currentIndex:g,limit:h=7,handleClick:N,className:O}=m,y=((a,e)=>{var i={};for(var t in a)o.call(a,t)&&e.indexOf(t)<0&&(i[t]=a[t]);if(null!=a&&c)for(var t of c(a))e.indexOf(t)<0&&d.call(a,t)&&(i[t]=a[t]);return i})(m,["aria-label","ariaLabelNext","ariaLabelPrevious","ariaLabelItem","count","currentIndex","limit","handleClick","className"]);const x=Math.ceil(h/2)-2-1,j=g+x,k=g-x,P=v-1-j-1,L=k-1;let C=v-1>j?j-1:j;C=L<0?C-L:C;let I=1<k?k+1:k;return I=P<0?I+P:I,t("nav",(w=((a,e)=>{for(var i in e||(e={}))o.call(e,i)&&b(a,i,e[i]);if(c)for(var i of c(e))d.call(e,i)&&b(a,i,e[i]);return a})({className:i("sds-pagination",O),"aria-label":p},y),V={children:l("ol",{className:"sds-pagination__list",children:[t("li",{className:"sds-pagination__list-item",children:t("button",{className:"sds-pagination__button","aria-label":"".concat(_," ").concat(g),disabled:0===g,onClick:()=>{N(g-1)},children:t(a,{})})}),[...Array(v).keys()].map(a=>0===a||a===v-1||a>=I&&a<=C?t("li",{className:"sds-pagination__list-item",children:t("button",{className:"sds-pagination__button","aria-current":a===g||void 0,"aria-label":"".concat(f," ").concat(a+1),disabled:a===g,onClick:()=>{N(a)},children:a+1})},a):a==C+1||a==I-1?t("li",{className:"sds-pagination__list-item",children:t("div",{className:"sds-pagination__button--spacer",children:"…"})},a):void 0),t("li",{className:"sds-pagination__list-item",children:t("button",{className:"sds-pagination__button","aria-label":"".concat(u," ").concat(g+2),disabled:g===v-1,onClick:()=>{N(g+1)},children:t(e,{})})})]})},n(w,s(V))));var w,V};export{m as Pagination};//# sourceMappingURL=index.mjs.map
|