@pingux/astro 1.44.0-alpha.4 → 1.44.0-alpha.5

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 (5) hide show
  1. package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +8 -4
  2. package/lib/cjs/recipes/PageHeader.stories.js +16 -32
  3. package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +8 -4
  4. package/lib/recipes/PageHeader.stories.js +17 -33
  5. package/package.json +1 -1
package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js CHANGED
@@ -254,13 +254,17 @@ var CollapsiblePanelWithBadge = function CollapsiblePanelWithBadge(args) {
254
254
  }), (0, _react2.jsx)(_index.Breadcrumbs, {
255
255
  icon: _ChevronRightIcon["default"]
256
256
  }, (0, _react2.jsx)(_index.Item, {
257
+ "aria-label": "Ed Nepomuceno",
258
+ "data-id": "home",
259
+ href: "https://www.pingidentity.com",
257
260
  key: "home",
258
- variant: "link",
259
- "data-id": "home"
261
+ variant: "buttons.link"
260
262
  }, "Ed Nepomuceno"), (0, _react2.jsx)(_index.Item, {
263
+ "aria-label": "edit groups",
264
+ "data-id": "editGroups",
265
+ href: "https://www.pingidentity.com",
261
266
  key: "editGroups",
262
- variant: "neutralText",
263
- "data-id": "editGroups"
267
+ variant: "buttons.link"
264
268
  }, "Edit Groups"))), (0, _react2.jsx)(_index.Box, {
265
269
  isRow: true
266
270
  }, (0, _react2.jsx)(_index.IconButton, {
package/lib/cjs/recipes/PageHeader.stories.js CHANGED
@@ -24,50 +24,34 @@ var _default = {
24
24
  exports["default"] = _default;
25
25
 
26
26
  var Default = function Default() {
27
- var heading = 'Title of the Page';
28
- var description = 'The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.';
29
- return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, {
27
+ return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Box, {
30
28
  align: "center",
31
29
  isRow: true,
32
30
  mb: "xs",
33
31
  role: "heading",
34
32
  "aria-level": "1"
35
33
  }, (0, _react2.jsx)(_index.Text, {
36
- variant: "title",
37
- fontWeight: 3
38
- }, heading), (0, _react2.jsx)(_index.Button, {
39
- variant: "inlinePrimary",
40
- ml: "sm"
41
- }, (0, _react2.jsx)(_index.Icon, {
42
- icon: _PlusIcon["default"],
43
- color: "white",
44
- size: 13,
45
- mr: "4px"
46
- }), "\xA0", "Add")), (0, _react2.jsx)(_index.Text, {
47
- variant: "bodyWeak"
48
- }, description)), (0, _react2.jsx)(_index.Box, {
49
- mt: "xl"
50
- }, (0, _react2.jsx)(_index.Box, {
51
- align: "center",
52
- isRow: true,
53
- mb: "xs",
54
- role: "heading",
55
- "aria-level": "1"
56
- }, (0, _react2.jsx)(_index.Text, {
57
- variant: "title",
58
- fontWeight: 3
59
- }, heading), (0, _react2.jsx)(_index.IconButton, {
34
+ fontSize: "xx",
35
+ fontWeight: "3",
36
+ fontColor: "text.primary"
37
+ }, "Title of the Page"), (0, _react2.jsx)(_index.IconButton, {
60
38
  "aria-label": "icon button",
61
39
  ml: "sm",
62
- mt: "3px",
63
40
  variant: "inverted"
64
41
  }, (0, _react2.jsx)(_index.Icon, {
65
42
  icon: _PlusIcon["default"],
66
- color: "white",
67
- size: "xs"
43
+ size: "sm"
68
44
  }))), (0, _react2.jsx)(_index.Text, {
69
- variant: "bodyWeak"
70
- }, description)));
45
+ fontSize: "sm",
46
+ color: "text.secondary",
47
+ fontWeight: "0",
48
+ width: "800px"
49
+ }, "The description of the page. The description of the page. The description of the page. The description of the page.The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.\xA0", (0, _react2.jsx)(_index.Link, {
50
+ href: "https://uilibrary.ping-eng.com/",
51
+ sx: {
52
+ fontSize: 'sm'
53
+ }
54
+ }, "Learn more")));
71
55
  };
72
56
 
73
57
  exports.Default = Default;
package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js CHANGED
@@ -203,13 +203,17 @@ export var CollapsiblePanelWithBadge = function CollapsiblePanelWithBadge(args)
203
203
  }), ___EmotionJSX(Breadcrumbs, {
204
204
  icon: ChevronRightIcon
205
205
  }, ___EmotionJSX(Item, {
206
+ "aria-label": "Ed Nepomuceno",
207
+ "data-id": "home",
208
+ href: "https://www.pingidentity.com",
206
209
  key: "home",
207
- variant: "link",
208
- "data-id": "home"
210
+ variant: "buttons.link"
209
211
  }, "Ed Nepomuceno"), ___EmotionJSX(Item, {
212
+ "aria-label": "edit groups",
213
+ "data-id": "editGroups",
214
+ href: "https://www.pingidentity.com",
210
215
  key: "editGroups",
211
- variant: "neutralText",
212
- "data-id": "editGroups"
216
+ variant: "buttons.link"
213
217
  }, "Edit Groups"))), ___EmotionJSX(Box, {
214
218
  isRow: true
215
219
  }, ___EmotionJSX(IconButton, {
package/lib/recipes/PageHeader.stories.js CHANGED
@@ -1,53 +1,37 @@
1
1
  import React from 'react';
2
2
  import PlusIcon from 'mdi-react/PlusIcon';
3
- import { Box, Button, IconButton, Icon, Text } from '../index';
3
+ import { Box, Link, IconButton, Icon, Text } from '../index';
4
4
  import { jsx as ___EmotionJSX } from "@emotion/react";
5
5
  export default {
6
6
  title: 'Recipes/Page Header'
7
7
  };
8
8
  export var Default = function Default() {
9
- var heading = 'Title of the Page';
10
- var description = 'The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.';
11
- return ___EmotionJSX(Box, null, ___EmotionJSX(Box, null, ___EmotionJSX(Box, {
9
+ return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Box, {
12
10
  align: "center",
13
11
  isRow: true,
14
12
  mb: "xs",
15
13
  role: "heading",
16
14
  "aria-level": "1"
17
15
  }, ___EmotionJSX(Text, {
18
- variant: "title",
19
- fontWeight: 3
20
- }, heading), ___EmotionJSX(Button, {
21
- variant: "inlinePrimary",
22
- ml: "sm"
23
- }, ___EmotionJSX(Icon, {
24
- icon: PlusIcon,
25
- color: "white",
26
- size: 13,
27
- mr: "4px"
28
- }), "\xA0", "Add")), ___EmotionJSX(Text, {
29
- variant: "bodyWeak"
30
- }, description)), ___EmotionJSX(Box, {
31
- mt: "xl"
32
- }, ___EmotionJSX(Box, {
33
- align: "center",
34
- isRow: true,
35
- mb: "xs",
36
- role: "heading",
37
- "aria-level": "1"
38
- }, ___EmotionJSX(Text, {
39
- variant: "title",
40
- fontWeight: 3
41
- }, heading), ___EmotionJSX(IconButton, {
16
+ fontSize: "xx",
17
+ fontWeight: "3",
18
+ fontColor: "text.primary"
19
+ }, "Title of the Page"), ___EmotionJSX(IconButton, {
42
20
  "aria-label": "icon button",
43
21
  ml: "sm",
44
- mt: "3px",
45
22
  variant: "inverted"
46
23
  }, ___EmotionJSX(Icon, {
47
24
  icon: PlusIcon,
48
- color: "white",
49
- size: "xs"
25
+ size: "sm"
50
26
  }))), ___EmotionJSX(Text, {
51
- variant: "bodyWeak"
52
- }, description)));
27
+ fontSize: "sm",
28
+ color: "text.secondary",
29
+ fontWeight: "0",
30
+ width: "800px"
31
+ }, "The description of the page. The description of the page. The description of the page. The description of the page.The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.\xA0", ___EmotionJSX(Link, {
32
+ href: "https://uilibrary.ping-eng.com/",
33
+ sx: {
34
+ fontSize: 'sm'
35
+ }
36
+ }, "Learn more")));
53
37
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.44.0-alpha.4",
3
+ "version": "1.44.0-alpha.5",
4
4
  "description": "PingUX themeable React component library",
5
5
  "repository": {
6
6
  "type": "git",