@pingux/astro 2.68.0-alpha.1 → 2.68.0-alpha.2

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 (6) hide show
  1. package/lib/cjs/components/PageHeader/PageHeader.stories.js +27 -8
  2. package/lib/cjs/utils/designUtils/figmaLinks.d.ts +5 -0
  3. package/lib/cjs/utils/designUtils/figmaLinks.js +5 -0
  4. package/lib/components/PageHeader/PageHeader.stories.js +25 -6
  5. package/lib/utils/designUtils/figmaLinks.js +5 -0
  6. package/package.json +1 -1
package/lib/cjs/components/PageHeader/PageHeader.stories.js CHANGED
@@ -5,11 +5,12 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
5
5
  _Object$defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports["default"] = exports.WithoutLink = exports.WithoutButton = exports.WithButtonProps = exports.Default = void 0;
8
+ exports["default"] = exports.WithoutLink = exports.WithoutButton = exports.Default = exports.Customization = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
12
12
  var _index = require("../../index");
13
+ var _figmaLinks = require("../../utils/designUtils/figmaLinks");
13
14
  var _PageHeader = _interopRequireDefault(require("./PageHeader.mdx"));
14
15
  var _react2 = require("@emotion/react");
15
16
  var _default = {
@@ -34,43 +35,61 @@ var _default = {
34
35
  }
35
36
  };
36
37
  exports["default"] = _default;
37
- var description = "The description of the page. The description of the page. The description of the page. The\n description of the page.The description of the page. The description of the page. The\n description of the page. The description of the page. The description of the page. ";
38
+ var description = "Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts \nand visual mockups.Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries\nfor previewing layouts and visual mockups. ";
38
39
  var Default = function Default(args) {
39
40
  return (0, _react2.jsx)(_index.PageHeader, (0, _extends2["default"])({
40
41
  buttonProps: {
41
42
  onPress: function onPress() {}
42
43
  },
43
- title: "Title of the Page"
44
+ title: "Lorem ipsum"
44
45
  }, args), description, (0, _react2.jsx)(_index.Link, {
45
46
  href: "https://uilibrary.ping-eng.com/"
46
47
  }, "Learn more"));
47
48
  };
48
49
  exports.Default = Default;
50
+ Default.parameters = {
51
+ design: {
52
+ type: 'figma',
53
+ url: _figmaLinks.FIGMA_LINKS.pageHeader["default"]
54
+ }
55
+ };
49
56
  var WithoutButton = function WithoutButton() {
50
57
  return (0, _react2.jsx)(_index.PageHeader, {
51
- title: "Title of the Page"
58
+ title: "Lorem ipsum"
52
59
  }, description, (0, _react2.jsx)(_index.Link, {
53
60
  href: "https://uilibrary.ping-eng.com/"
54
61
  }, "Learn more"));
55
62
  };
56
63
  exports.WithoutButton = WithoutButton;
64
+ WithoutButton.parameters = {
65
+ design: {
66
+ type: 'figma',
67
+ url: _figmaLinks.FIGMA_LINKS.pageHeader.withoutButton
68
+ }
69
+ };
57
70
  var WithoutLink = function WithoutLink() {
58
71
  return (0, _react2.jsx)(_index.PageHeader, {
59
72
  buttonProps: {
60
73
  onPress: function onPress() {}
61
74
  },
62
- title: "Title of the Page"
75
+ title: "Lorem ipsum"
63
76
  }, description);
64
77
  };
65
78
  exports.WithoutLink = WithoutLink;
66
- var WithButtonProps = function WithButtonProps() {
79
+ WithoutLink.parameters = {
80
+ design: {
81
+ type: 'figma',
82
+ url: _figmaLinks.FIGMA_LINKS.pageHeader.withoutLink
83
+ }
84
+ };
85
+ var Customization = function Customization() {
67
86
  return (0, _react2.jsx)(_index.PageHeader, {
68
87
  buttonProps: {
69
88
  bg: 'critical.bright'
70
89
  },
71
- title: "Title of the Page"
90
+ title: "Lorem ipsum"
72
91
  }, description, (0, _react2.jsx)(_index.Link, {
73
92
  href: "https://uilibrary.ping-eng.com/"
74
93
  }, "Learn more"));
75
94
  };
76
- exports.WithButtonProps = WithButtonProps;
95
+ exports.Customization = Customization;
package/lib/cjs/utils/designUtils/figmaLinks.d.ts CHANGED
@@ -166,4 +166,9 @@ export declare const FIGMA_LINKS: {
166
166
  noAccess: {
167
167
  default: string;
168
168
  };
169
+ pageHeader: {
170
+ default: string;
171
+ withoutButton: string;
172
+ withoutLink: string;
173
+ };
169
174
  };
package/lib/cjs/utils/designUtils/figmaLinks.js CHANGED
@@ -172,6 +172,11 @@ var FIGMA_LINKS = {
172
172
  },
173
173
  noAccess: {
174
174
  "default": 'https://www.figma.com/file/S1tRCG90PVgCJRCyDwxkBk/429-Error?type=design&node-id=9-940&mode=design&t=Z6pZWCsrvY0g6b2q-0'
175
+ },
176
+ pageHeader: {
177
+ "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-11051&t=OK8Fy4P3se6BKy0F-4',
178
+ withoutButton: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-16196&t=OK8Fy4P3se6BKy0F-4',
179
+ withoutLink: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-16201&t=OK8Fy4P3se6BKy0F-4'
175
180
  }
176
181
  };
177
182
  exports.FIGMA_LINKS = FIGMA_LINKS;
package/lib/components/PageHeader/PageHeader.stories.js CHANGED
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
2
  import React from 'react';
3
3
  import DocsLayout from '../../../.storybook/storybookDocsLayout';
4
4
  import { Link, PageHeader } from '../../index';
5
+ import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
5
6
  import PageHeaderReadMe from './PageHeader.mdx';
6
7
  import { jsx as ___EmotionJSX } from "@emotion/react";
7
8
  export default {
@@ -25,38 +26,56 @@ export default {
25
26
  }
26
27
  }
27
28
  };
28
- var description = "The description of the page. The description of the page. The description of the page. The\n description of the page.The description of the page. The description of the page. The\n description of the page. The description of the page. The description of the page. ";
29
+ var description = "Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts \nand visual mockups.Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries\nfor previewing layouts and visual mockups. ";
29
30
  export var Default = function Default(args) {
30
31
  return ___EmotionJSX(PageHeader, _extends({
31
32
  buttonProps: {
32
33
  onPress: function onPress() {}
33
34
  },
34
- title: "Title of the Page"
35
+ title: "Lorem ipsum"
35
36
  }, args), description, ___EmotionJSX(Link, {
36
37
  href: "https://uilibrary.ping-eng.com/"
37
38
  }, "Learn more"));
38
39
  };
40
+ Default.parameters = {
41
+ design: {
42
+ type: 'figma',
43
+ url: FIGMA_LINKS.pageHeader["default"]
44
+ }
45
+ };
39
46
  export var WithoutButton = function WithoutButton() {
40
47
  return ___EmotionJSX(PageHeader, {
41
- title: "Title of the Page"
48
+ title: "Lorem ipsum"
42
49
  }, description, ___EmotionJSX(Link, {
43
50
  href: "https://uilibrary.ping-eng.com/"
44
51
  }, "Learn more"));
45
52
  };
53
+ WithoutButton.parameters = {
54
+ design: {
55
+ type: 'figma',
56
+ url: FIGMA_LINKS.pageHeader.withoutButton
57
+ }
58
+ };
46
59
  export var WithoutLink = function WithoutLink() {
47
60
  return ___EmotionJSX(PageHeader, {
48
61
  buttonProps: {
49
62
  onPress: function onPress() {}
50
63
  },
51
- title: "Title of the Page"
64
+ title: "Lorem ipsum"
52
65
  }, description);
53
66
  };
54
- export var WithButtonProps = function WithButtonProps() {
67
+ WithoutLink.parameters = {
68
+ design: {
69
+ type: 'figma',
70
+ url: FIGMA_LINKS.pageHeader.withoutLink
71
+ }
72
+ };
73
+ export var Customization = function Customization() {
55
74
  return ___EmotionJSX(PageHeader, {
56
75
  buttonProps: {
57
76
  bg: 'critical.bright'
58
77
  },
59
- title: "Title of the Page"
78
+ title: "Lorem ipsum"
60
79
  }, description, ___EmotionJSX(Link, {
61
80
  href: "https://uilibrary.ping-eng.com/"
62
81
  }, "Learn more"));
package/lib/utils/designUtils/figmaLinks.js CHANGED
@@ -165,5 +165,10 @@ export var FIGMA_LINKS = {
165
165
  },
166
166
  noAccess: {
167
167
  "default": 'https://www.figma.com/file/S1tRCG90PVgCJRCyDwxkBk/429-Error?type=design&node-id=9-940&mode=design&t=Z6pZWCsrvY0g6b2q-0'
168
+ },
169
+ pageHeader: {
170
+ "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-11051&t=OK8Fy4P3se6BKy0F-4',
171
+ withoutButton: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-16196&t=OK8Fy4P3se6BKy0F-4',
172
+ withoutLink: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-16201&t=OK8Fy4P3se6BKy0F-4'
168
173
  }
169
174
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.68.0-alpha.1",
3
+ "version": "2.68.0-alpha.2",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",