@guardian/stand 0.0.72 → 0.0.73
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/dist/AlertBanner.d.cts +2 -2
- package/dist/AlertBanner.d.ts +2 -2
- package/dist/Grid.d.cts +2 -2
- package/dist/Grid.d.ts +2 -2
- package/dist/HtmlPreviewLoader.d.cts +3 -1
- package/dist/HtmlPreviewLoader.d.ts +3 -1
- package/dist/Pagination.cjs +5 -0
- package/dist/Pagination.d.cts +5 -0
- package/dist/Pagination.d.ts +5 -0
- package/dist/Pagination.js +3 -0
- package/dist/Typography.d.cts +2 -2
- package/dist/Typography.d.ts +2 -2
- package/dist/UserMenu.d.cts +2 -1
- package/dist/UserMenu.d.ts +2 -1
- package/dist/components/AlertBanner/styles.d.cts +3 -2
- package/dist/components/AlertBanner/styles.d.ts +3 -2
- package/dist/components/Badge/types.d.cts +1 -1
- package/dist/components/Badge/types.d.ts +1 -1
- package/dist/components/Byline/lib.cjs +0 -1
- package/dist/components/Byline/lib.d.cts +0 -1
- package/dist/components/Byline/lib.d.ts +0 -1
- package/dist/components/Byline/lib.js +1 -1
- package/dist/components/HtmlPreviewLoader/styles.d.cts +3 -2
- package/dist/components/HtmlPreviewLoader/styles.d.ts +3 -2
- package/dist/components/Pagination/Pagination.cjs +97 -0
- package/dist/components/Pagination/Pagination.d.cts +5 -0
- package/dist/components/Pagination/Pagination.d.ts +5 -0
- package/dist/components/Pagination/Pagination.js +97 -0
- package/dist/components/Pagination/lib.cjs +30 -0
- package/dist/components/Pagination/lib.js +28 -0
- package/dist/components/Pagination/styles.cjs +112 -0
- package/dist/components/Pagination/styles.d.cts +8 -0
- package/dist/components/Pagination/styles.d.ts +8 -0
- package/dist/components/Pagination/styles.js +105 -0
- package/dist/components/Pagination/types.d.cts +59 -0
- package/dist/components/Pagination/types.d.ts +59 -0
- package/dist/components/UserMenu/UserMenu.d.cts +2 -3
- package/dist/components/UserMenu/UserMenu.d.ts +2 -3
- package/dist/components/UserMenu/theme.d.cts +6 -0
- package/dist/components/UserMenu/theme.d.ts +6 -0
- package/dist/index.cjs +2 -0
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/styleD/build/css/component/pagination.css +51 -0
- package/dist/styleD/build/typescript/component/pagination.cjs +72 -0
- package/dist/styleD/build/typescript/component/pagination.d.cts +75 -0
- package/dist/styleD/build/typescript/component/pagination.d.ts +75 -0
- package/dist/styleD/build/typescript/component/pagination.js +72 -0
- package/package.json +32 -17
- package/dist/styleD/build/css/component/previewFrame.css +0 -10
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
//#region src/styleD/build/typescript/component/pagination.ts
|
|
2
|
+
/**
|
|
3
|
+
* Do not edit directly, this file was auto-generated.
|
|
4
|
+
*/
|
|
5
|
+
const componentPagination = {
|
|
6
|
+
shared: {
|
|
7
|
+
display: "flex",
|
|
8
|
+
alignItems: "center",
|
|
9
|
+
gap: "6px",
|
|
10
|
+
margin: "0",
|
|
11
|
+
padding: "0"
|
|
12
|
+
},
|
|
13
|
+
summary: {
|
|
14
|
+
color: "#545454",
|
|
15
|
+
marginLeft: "12px",
|
|
16
|
+
typography: {
|
|
17
|
+
font: "normal 460 0.875rem/1.3 Open Sans",
|
|
18
|
+
letterSpacing: "0rem",
|
|
19
|
+
fontWidth: 95
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
ellipsis: {
|
|
23
|
+
minWidth: "12px",
|
|
24
|
+
color: "#545454"
|
|
25
|
+
},
|
|
26
|
+
item: {
|
|
27
|
+
minWidth: "1.5rem",
|
|
28
|
+
height: "1.5rem",
|
|
29
|
+
paddingX: "2px",
|
|
30
|
+
paddingY: "0",
|
|
31
|
+
borderRadius: "0.25rem",
|
|
32
|
+
borderWidth: "0.0625rem",
|
|
33
|
+
borderStyle: "solid",
|
|
34
|
+
cursor: "pointer",
|
|
35
|
+
color: "#000000",
|
|
36
|
+
backgroundColor: "#ffffff",
|
|
37
|
+
borderColor: "#cccccc",
|
|
38
|
+
typography: {
|
|
39
|
+
font: "normal 460 0.875rem/1.3 Open Sans",
|
|
40
|
+
letterSpacing: "0rem",
|
|
41
|
+
fontWidth: 95
|
|
42
|
+
},
|
|
43
|
+
hover: {
|
|
44
|
+
backgroundColor: "#f6f6f6",
|
|
45
|
+
borderColor: "#cccccc"
|
|
46
|
+
},
|
|
47
|
+
active: { backgroundColor: "#ededed" },
|
|
48
|
+
current: {
|
|
49
|
+
color: "#ffffff",
|
|
50
|
+
backgroundColor: "#0072a9",
|
|
51
|
+
borderColor: "#0072a9",
|
|
52
|
+
typography: {
|
|
53
|
+
font: "normal 700 0.875rem/1.15 Open Sans",
|
|
54
|
+
letterSpacing: "-0.0125rem",
|
|
55
|
+
fontWidth: 95
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
disabled: {
|
|
59
|
+
color: "#999999",
|
|
60
|
+
backgroundColor: "#dcdcdc",
|
|
61
|
+
borderColor: "#dcdcdc",
|
|
62
|
+
cursor: "not-allowed"
|
|
63
|
+
},
|
|
64
|
+
focusVisible: {
|
|
65
|
+
outlineColor: "#0072a9",
|
|
66
|
+
outlineWidth: "0.125rem",
|
|
67
|
+
outlineOffset: "2px"
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
//#endregion
|
|
72
|
+
export { componentPagination };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@guardian/stand",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.73",
|
|
4
4
|
"repository": {
|
|
5
5
|
"url": "https://github.com/guardian/stand"
|
|
6
6
|
},
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
"default": "./dist/Badge.cjs"
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
|
+
"./Pagination": {
|
|
61
|
+
"import": {
|
|
62
|
+
"types": "./dist/Pagination.d.ts",
|
|
63
|
+
"default": "./dist/Pagination.js"
|
|
64
|
+
},
|
|
65
|
+
"require": {
|
|
66
|
+
"types": "./dist/Pagination.d.cts",
|
|
67
|
+
"default": "./dist/Pagination.cjs"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
60
70
|
"./Button": {
|
|
61
71
|
"import": {
|
|
62
72
|
"types": "./dist/Button.d.ts",
|
|
@@ -441,6 +451,7 @@
|
|
|
441
451
|
"./component/userMenu.css": "./dist/styleD/build/css/component/userMenu.css",
|
|
442
452
|
"./component/avatar.css": "./dist/styleD/build/css/component/avatar.css",
|
|
443
453
|
"./component/badge.css": "./dist/styleD/build/css/component/badge.css",
|
|
454
|
+
"./component/pagination.css": "./dist/styleD/build/css/component/pagination.css",
|
|
444
455
|
"./component/button.css": "./dist/styleD/build/css/component/button.css",
|
|
445
456
|
"./component/buttonGroup.css": "./dist/styleD/build/css/component/buttonGroup.css",
|
|
446
457
|
"./component/typography.css": "./dist/styleD/build/css/component/typography.css",
|
|
@@ -487,6 +498,9 @@
|
|
|
487
498
|
"Badge": [
|
|
488
499
|
"./dist/Badge.d.ts"
|
|
489
500
|
],
|
|
501
|
+
"Pagination": [
|
|
502
|
+
"./dist/Pagination.d.ts"
|
|
503
|
+
],
|
|
490
504
|
"Button": [
|
|
491
505
|
"./dist/Button.d.ts"
|
|
492
506
|
],
|
|
@@ -602,10 +616,10 @@
|
|
|
602
616
|
],
|
|
603
617
|
"devDependencies": {
|
|
604
618
|
"@arethetypeswrong/core": "0.18.5",
|
|
605
|
-
"@changesets/cli": "
|
|
619
|
+
"@changesets/cli": "3.0.1",
|
|
606
620
|
"@codesandbox/sandpack-react": "2.20.0",
|
|
607
621
|
"@emotion/react": "11.11.4",
|
|
608
|
-
"@figma/rest-api-spec": "0.
|
|
622
|
+
"@figma/rest-api-spec": "0.42.0",
|
|
609
623
|
"@guardian/eslint-config": "16.0.0",
|
|
610
624
|
"@guardian/prettier": "11.0.0",
|
|
611
625
|
"@guardian/prosemirror-invisibles": "3.1.1",
|
|
@@ -613,12 +627,12 @@
|
|
|
613
627
|
"@internationalized/date": "3.12.1",
|
|
614
628
|
"@material-design-icons/svg": "0.14.15",
|
|
615
629
|
"@playwright/experimental-ct-react17": "1.62.1",
|
|
616
|
-
"@storybook/addon-a11y": "10.5.
|
|
617
|
-
"@storybook/addon-docs": "10.5.
|
|
618
|
-
"@storybook/addon-themes": "10.5.
|
|
619
|
-
"@storybook/react-vite": "10.5.
|
|
630
|
+
"@storybook/addon-a11y": "10.5.10",
|
|
631
|
+
"@storybook/addon-docs": "10.5.10",
|
|
632
|
+
"@storybook/addon-themes": "10.5.10",
|
|
633
|
+
"@storybook/react-vite": "10.5.10",
|
|
620
634
|
"@testing-library/dom": "^10.4.1",
|
|
621
|
-
"@testing-library/jest-dom": "7.0.
|
|
635
|
+
"@testing-library/jest-dom": "7.0.1",
|
|
622
636
|
"@tsdown/css": "0.22.14",
|
|
623
637
|
"@types/jest": "30.0.0",
|
|
624
638
|
"@types/node": "24.10.1",
|
|
@@ -628,11 +642,12 @@
|
|
|
628
642
|
"change-case": "5.4.4",
|
|
629
643
|
"eslint": "9.39.3",
|
|
630
644
|
"eslint-plugin-check-file": "3.3.2",
|
|
631
|
-
"eslint-plugin-storybook": "10.5.
|
|
645
|
+
"eslint-plugin-storybook": "10.5.10",
|
|
632
646
|
"husky": "9.1.7",
|
|
633
|
-
"jest": "30.
|
|
634
|
-
"jest-environment-jsdom": "30.
|
|
635
|
-
"
|
|
647
|
+
"jest": "30.5.0",
|
|
648
|
+
"jest-environment-jsdom": "30.5.0",
|
|
649
|
+
"knip": "^6.33.0",
|
|
650
|
+
"lint-staged": "17.4.1",
|
|
636
651
|
"prettier": "3.9.6",
|
|
637
652
|
"prosemirror-dropcursor": "1.8.2",
|
|
638
653
|
"prosemirror-history": "1.4.1",
|
|
@@ -640,20 +655,19 @@
|
|
|
640
655
|
"prosemirror-model": "1.25.0",
|
|
641
656
|
"prosemirror-state": "1.4.3",
|
|
642
657
|
"prosemirror-view": "1.37.2",
|
|
643
|
-
"publint": "0.3.
|
|
658
|
+
"publint": "0.3.24",
|
|
644
659
|
"react": "17.0.2",
|
|
645
660
|
"react-aria-components": "1.14.0",
|
|
646
661
|
"react-dom": "17.0.2",
|
|
647
662
|
"remark-gfm": "4.0.1",
|
|
648
|
-
"rimraf": "6.1.3",
|
|
649
663
|
"sort-package-json": "4.0.0",
|
|
650
|
-
"storybook": "10.5.
|
|
651
|
-
"style-dictionary": "5.5.
|
|
664
|
+
"storybook": "10.5.10",
|
|
665
|
+
"style-dictionary": "5.5.2",
|
|
652
666
|
"ts-jest": "29.4.12",
|
|
653
667
|
"tsdown": "0.22.14",
|
|
654
668
|
"tslib": "2.8.1",
|
|
655
669
|
"typescript": "5.1.3",
|
|
656
|
-
"vite": "8.2.
|
|
670
|
+
"vite": "8.2.2",
|
|
657
671
|
"vite-plugin-svgr": "5.2.0"
|
|
658
672
|
},
|
|
659
673
|
"peerDependencies": {
|
|
@@ -721,6 +735,7 @@
|
|
|
721
735
|
"create-component": "npx ts-node ./scripts/create-component.ts",
|
|
722
736
|
"format:check": "prettier --check .",
|
|
723
737
|
"format:fix": "prettier --write .",
|
|
738
|
+
"knip": "knip",
|
|
724
739
|
"lint": "eslint . --ext .ts,.tsx",
|
|
725
740
|
"lint:fix": "eslint --fix . --ext .ts,.tsx",
|
|
726
741
|
"lint:staged": "lint-staged",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
:root {
|
|
6
|
-
--component-preview-frame-background-color: #545454;
|
|
7
|
-
--component-preview-frame-border-width: 0.0625rem;
|
|
8
|
-
--component-preview-frame-border-style: solid;
|
|
9
|
-
--component-preview-frame-border-color: #545454;
|
|
10
|
-
}
|