@pingux/astro 2.119.0-alpha.2 → 2.119.0-alpha.4

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.
Files changed (67) hide show
  1. package/lib/cjs/components/Button/Buttons.styles.d.ts +40 -0
  2. package/lib/cjs/components/Button/Buttons.styles.js +4 -0
  3. package/lib/cjs/components/ListView/ListView.stories.d.ts +3 -0
  4. package/lib/cjs/components/ListView/ListView.stories.js +2 -1
  5. package/lib/cjs/components/Pagination/Pagination.d.ts +4 -0
  6. package/lib/cjs/components/Pagination/Pagination.js +78 -0
  7. package/lib/cjs/components/Pagination/Pagination.mdx +68 -0
  8. package/lib/cjs/components/Pagination/Pagination.stories.d.ts +39 -0
  9. package/lib/cjs/components/Pagination/Pagination.stories.js +159 -0
  10. package/lib/cjs/components/Pagination/Pagination.styles.d.ts +17 -0
  11. package/lib/cjs/components/Pagination/Pagination.styles.js +27 -0
  12. package/lib/cjs/components/Pagination/Pagination.test.d.ts +1 -0
  13. package/lib/cjs/components/Pagination/Pagination.test.js +208 -0
  14. package/lib/cjs/components/Pagination/PaginationProvider.d.ts +4 -0
  15. package/lib/cjs/components/Pagination/PaginationProvider.js +38 -0
  16. package/lib/cjs/components/Pagination/index.d.ts +2 -0
  17. package/lib/cjs/components/Pagination/index.js +33 -0
  18. package/lib/cjs/context/PaginationContext/index.d.ts +10 -0
  19. package/lib/cjs/context/PaginationContext/index.js +20 -0
  20. package/lib/cjs/fonts.d.ts +2 -0
  21. package/lib/cjs/fonts.js +11 -0
  22. package/lib/cjs/hooks/index.d.ts +2 -0
  23. package/lib/cjs/hooks/index.js +14 -0
  24. package/lib/cjs/hooks/usePagination/index.d.ts +1 -0
  25. package/lib/cjs/hooks/usePagination/index.js +14 -0
  26. package/lib/cjs/hooks/usePagination/usePagination.d.ts +682 -0
  27. package/lib/cjs/hooks/usePagination/usePagination.js +178 -0
  28. package/lib/cjs/hooks/usePaginationState/index.d.ts +1 -0
  29. package/lib/cjs/hooks/usePaginationState/index.js +14 -0
  30. package/lib/cjs/hooks/usePaginationState/usePaginationState.d.ts +4 -0
  31. package/lib/cjs/hooks/usePaginationState/usePaginationState.js +18 -0
  32. package/lib/cjs/index.d.ts +3 -0
  33. package/lib/cjs/index.js +24 -0
  34. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts +3 -0
  35. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +3 -0
  36. package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +1 -1
  37. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +17 -0
  38. package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +17 -0
  39. package/lib/cjs/styles/themes/next-gen/variants/button.js +7 -1
  40. package/lib/cjs/styles/variants/variants.js +3 -1
  41. package/lib/cjs/types/pagination.d.ts +46 -0
  42. package/lib/cjs/types/pagination.js +6 -0
  43. package/lib/components/Button/Buttons.styles.js +4 -0
  44. package/lib/components/ListView/ListView.stories.js +1 -1
  45. package/lib/components/Pagination/Pagination.js +64 -0
  46. package/lib/components/Pagination/Pagination.mdx +68 -0
  47. package/lib/components/Pagination/Pagination.stories.js +141 -0
  48. package/lib/components/Pagination/Pagination.styles.js +19 -0
  49. package/lib/components/Pagination/Pagination.test.js +205 -0
  50. package/lib/components/Pagination/PaginationProvider.js +24 -0
  51. package/lib/components/Pagination/index.js +2 -0
  52. package/lib/context/PaginationContext/index.js +11 -0
  53. package/lib/fonts.js +2 -0
  54. package/lib/hooks/index.js +2 -0
  55. package/lib/hooks/usePagination/index.js +1 -0
  56. package/lib/hooks/usePagination/usePagination.js +170 -0
  57. package/lib/hooks/usePaginationState/index.js +1 -0
  58. package/lib/hooks/usePaginationState/usePaginationState.js +10 -0
  59. package/lib/index.js +3 -0
  60. package/lib/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +3 -0
  61. package/lib/styles/themes/next-gen/convertedComponentList.js +1 -1
  62. package/lib/styles/themes/next-gen/variants/button.js +7 -1
  63. package/lib/styles/variants/variants.js +3 -1
  64. package/lib/types/pagination.js +1 -0
  65. package/package.json +1 -1
  66. package/lib/cjs/fonts.jsx +0 -137
  67. package/lib/fonts.jsx +0 -137
package/lib/styles/themes/next-gen/variants/button.js CHANGED
@@ -146,6 +146,11 @@ var link = {
146
146
  outline: 'none'
147
147
  }
148
148
  };
149
+ var paginationMenu = _objectSpread(_objectSpread({}, link), {}, {
150
+ px: '0px',
151
+ py: '0px',
152
+ color: 'text.primary'
153
+ });
149
154
  var withIcon = _objectSpread(_objectSpread({}, secondary), {}, {
150
155
  display: 'inline-flex'
151
156
  });
@@ -343,6 +348,7 @@ var buttons = {
343
348
  primaryWithIcon: primaryWithIcon,
344
349
  iconButtons: iconButtons,
345
350
  modalCloseButton: modalCloseButton,
346
- aiChat: aiChat
351
+ aiChat: aiChat,
352
+ paginationMenu: paginationMenu
347
353
  };
348
354
  export default buttons;
package/lib/styles/variants/variants.js CHANGED
@@ -38,6 +38,7 @@ import message from '../../components/Messages/Message.styles';
38
38
  import modal from '../../components/Modal/Modal.styles';
39
39
  import navBar from '../../components/NavBar/NavBar.styles';
40
40
  import overlayPanel from '../../components/OverlayPanel/OverlayPanel.styles';
41
+ import pagination from '../../components/Pagination/Pagination.styles';
41
42
  import panelHeader from '../../components/PanelHeader/PanelHeader.styles';
42
43
  import popoverMenu from '../../components/PopoverMenu/PopoverMenu.styles';
43
44
  import progressBar from '../../components/ProgressBar/ProgressBar.styles';
@@ -85,8 +86,9 @@ export default _objectSpread({
85
86
  modal: modal,
86
87
  navBar: navBar,
87
88
  overlayPanel: overlayPanel,
88
- popoverMenu: popoverMenu,
89
+ pagination: pagination,
89
90
  panelHeader: panelHeader,
91
+ popoverMenu: popoverMenu,
90
92
  progressBar: progressBar,
91
93
  rockerButton: rockerButton,
92
94
  scrollBox: scrollBox,
package/lib/types/pagination.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.119.0-alpha.2",
3
+ "version": "2.119.0-alpha.4",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",
package/lib/cjs/fonts.jsx DELETED
@@ -1,137 +0,0 @@
1
- export const pingitoFont = `
2
- @font-face {
3
- font-weight: 200;
4
- font-family: "pingito";
5
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-Light.ttf");
6
- size-adjust: 100%;
7
- }
8
-
9
- @font-face {
10
- font-weight: 400;
11
- font-family: "pingito";
12
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-Regular.ttf");
13
- size-adjust: 100%;
14
- }
15
-
16
- @font-face {
17
- font-weight: 600;
18
- font-family: "pingito";
19
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-SemiBold.ttf");
20
- size-adjust: 100%;
21
- }
22
-
23
- @font-face {
24
- font-weight: 700;
25
- font-family: "pingito";
26
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-Bold.ttf");
27
- size-adjust: 100%;
28
- }
29
-
30
- @font-face {
31
- font-weight: 900;
32
- font-family: "pingito";
33
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-ExtraBold.ttf");
34
- size-adjust: 100%;
35
- }
36
-
37
- @font-face {
38
- font-weight: 200;
39
- font-style: italic;
40
- font-family: "pingito";
41
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-ItalicLight.ttf");
42
- size-adjust: 100%;
43
- }
44
-
45
- @font-face {
46
- font-weight: 400;
47
- font-style: italic;
48
- font-family: "pingito";
49
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-Italic.ttf");
50
- size-adjust: 100%;
51
- }
52
-
53
- @font-face {
54
- font-weight: 600;
55
- font-style: italic;
56
- font-family: "pingito";
57
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-ItalicSemiBold.ttf");
58
- size-adjust: 100%;
59
- }
60
-
61
- @font-face {
62
- font-weight: 700;
63
- font-style: italic;
64
- font-family: "pingito";
65
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-ItalicBold.ttf");
66
- size-adjust: 100%;
67
- }
68
- `;
69
-
70
- export const openSansFont = `
71
- @font-face {
72
- font-weight: 200;
73
- font-family: "Open Sans";
74
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-Light.ttf");
75
- size-adjust: 100%;
76
- }
77
-
78
- @font-face {
79
- font-weight: 400;
80
- font-family: "Open Sans";
81
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-Regular.ttf");
82
- size-adjust: 100%;
83
- }
84
-
85
- @font-face {
86
- font-weight: 600;
87
- font-family: "Open Sans";
88
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-SemiBold.ttf");
89
- size-adjust: 100%;
90
- }
91
-
92
- @font-face {
93
- font-weight: 700;
94
- font-family: "Open Sans";
95
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-Bold.ttf");
96
- size-adjust: 100%;
97
- }
98
-
99
- @font-face {
100
- font-weight: 900;
101
- font-family: "Open Sans";
102
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-ExtraBold.ttf");
103
- size-adjust: 100%;
104
- }
105
-
106
- @font-face {
107
- font-weight: 200;
108
- font-style: italic;
109
- font-family: "Open Sans";
110
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-LightItalic.ttf");
111
- size-adjust: 100%;
112
- }
113
-
114
- @font-face {
115
- font-weight: 400;
116
- font-style: italic;
117
- font-family: "Open Sans";
118
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-Italic.ttf");
119
- size-adjust: 100%;
120
- }
121
-
122
- @font-face {
123
- font-weight: 600;
124
- font-style: italic;
125
- font-family: "Open Sans";
126
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-SemiBoldItalic.ttf");
127
- size-adjust: 100%;
128
- }
129
-
130
- @font-face {
131
- font-weight: 700;
132
- font-style: italic;
133
- font-family: "Open Sans";
134
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-BoldItalic.ttf");
135
- size-adjust: 100%;
136
- }
137
- `;
package/lib/fonts.jsx DELETED
@@ -1,137 +0,0 @@
1
- export const pingitoFont = `
2
- @font-face {
3
- font-weight: 200;
4
- font-family: "pingito";
5
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-Light.ttf");
6
- size-adjust: 100%;
7
- }
8
-
9
- @font-face {
10
- font-weight: 400;
11
- font-family: "pingito";
12
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-Regular.ttf");
13
- size-adjust: 100%;
14
- }
15
-
16
- @font-face {
17
- font-weight: 600;
18
- font-family: "pingito";
19
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-SemiBold.ttf");
20
- size-adjust: 100%;
21
- }
22
-
23
- @font-face {
24
- font-weight: 700;
25
- font-family: "pingito";
26
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-Bold.ttf");
27
- size-adjust: 100%;
28
- }
29
-
30
- @font-face {
31
- font-weight: 900;
32
- font-family: "pingito";
33
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-ExtraBold.ttf");
34
- size-adjust: 100%;
35
- }
36
-
37
- @font-face {
38
- font-weight: 200;
39
- font-style: italic;
40
- font-family: "pingito";
41
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-ItalicLight.ttf");
42
- size-adjust: 100%;
43
- }
44
-
45
- @font-face {
46
- font-weight: 400;
47
- font-style: italic;
48
- font-family: "pingito";
49
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-Italic.ttf");
50
- size-adjust: 100%;
51
- }
52
-
53
- @font-face {
54
- font-weight: 600;
55
- font-style: italic;
56
- font-family: "pingito";
57
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-ItalicSemiBold.ttf");
58
- size-adjust: 100%;
59
- }
60
-
61
- @font-face {
62
- font-weight: 700;
63
- font-style: italic;
64
- font-family: "pingito";
65
- src: url("https://assets.pingone.com/ux/end-user/2.19.0/css/fonts/Pingito-ItalicBold.ttf");
66
- size-adjust: 100%;
67
- }
68
- `;
69
-
70
- export const openSansFont = `
71
- @font-face {
72
- font-weight: 200;
73
- font-family: "Open Sans";
74
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-Light.ttf");
75
- size-adjust: 100%;
76
- }
77
-
78
- @font-face {
79
- font-weight: 400;
80
- font-family: "Open Sans";
81
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-Regular.ttf");
82
- size-adjust: 100%;
83
- }
84
-
85
- @font-face {
86
- font-weight: 600;
87
- font-family: "Open Sans";
88
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-SemiBold.ttf");
89
- size-adjust: 100%;
90
- }
91
-
92
- @font-face {
93
- font-weight: 700;
94
- font-family: "Open Sans";
95
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-Bold.ttf");
96
- size-adjust: 100%;
97
- }
98
-
99
- @font-face {
100
- font-weight: 900;
101
- font-family: "Open Sans";
102
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-ExtraBold.ttf");
103
- size-adjust: 100%;
104
- }
105
-
106
- @font-face {
107
- font-weight: 200;
108
- font-style: italic;
109
- font-family: "Open Sans";
110
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-LightItalic.ttf");
111
- size-adjust: 100%;
112
- }
113
-
114
- @font-face {
115
- font-weight: 400;
116
- font-style: italic;
117
- font-family: "Open Sans";
118
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-Italic.ttf");
119
- size-adjust: 100%;
120
- }
121
-
122
- @font-face {
123
- font-weight: 600;
124
- font-style: italic;
125
- font-family: "Open Sans";
126
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-SemiBoldItalic.ttf");
127
- size-adjust: 100%;
128
- }
129
-
130
- @font-face {
131
- font-weight: 700;
132
- font-style: italic;
133
- font-family: "Open Sans";
134
- src: url("https://assets.pingone.com/ux/end-user/2.19.1/fonts/OpenSans-BoldItalic.ttf");
135
- size-adjust: 100%;
136
- }
137
- `;