@pingux/astro 2.61.0-alpha.0 → 2.61.0-alpha.1

package/lib/cjs/recipes/NoAccess.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const Default: {
+    (): React.JSX.Element;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export declare const PageLevel: () => React.JSX.Element;
+export declare const RateLimit429: () => React.JSX.Element;

package/lib/cjs/recipes/NoAccess.stories.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RateLimit429 = exports.PageLevel = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _AlertCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertCircleIcon"));
+var _LockIcon = _interopRequireDefault(require("@pingux/mdi-react/LockIcon"));
+var _storybookAddonDesigns = require("storybook-addon-designs");
+var _index = require("../index");
+var _figmaLinks = require("../utils/designUtils/figmaLinks");
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Recipes/No Access',
+  decorators: [_storybookAddonDesigns.withDesign]
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_index.Box, {
+    isRow: true,
+    gap: "xs"
+  }, (0, _react2.jsx)(_index.Icon, {
+    icon: _LockIcon["default"],
+    color: "text.secondary",
+    size: "xs",
+    title: {
+      name: 'Lock Icon'
+    }
+  }), (0, _react2.jsx)(_index.Text, {
+    color: "text.secondary",
+    fontSize: "sm",
+    fontWeight: 1
+  }, "No access"));
+};
+exports.Default = Default;
+var PageLevel = function PageLevel() {
+  return (0, _react2.jsx)(_index.Box, {
+    gap: "sm",
+    alignItems: "center"
+  }, (0, _react2.jsx)(_index.Icon, {
+    icon: _LockIcon["default"],
+    color: "text.secondary",
+    size: 50,
+    title: {
+      name: 'Lock Icon'
+    }
+  }), (0, _react2.jsx)(_index.Text, {
+    color: "text.secondary",
+    fontSize: "lg",
+    fontWeight: 1
+  }, "No access"));
+};
+exports.PageLevel = PageLevel;
+var RateLimit429 = function RateLimit429() {
+  return (0, _react2.jsx)(_index.Box, {
+    gap: "sm",
+    alignItems: "center"
+  }, (0, _react2.jsx)(_index.Icon, {
+    icon: _AlertCircleIcon["default"],
+    color: "text.secondary",
+    size: 50,
+    title: {
+      name: 'Alert Circle Icon'
+    }
+  }), (0, _react2.jsx)(_index.Text, {
+    color: "text.secondary",
+    fontSize: "lg",
+    fontWeight: 1
+  }, "There was a problem loading this page.", ' ', (0, _react2.jsx)(_index.Link, {
+    href: "https://a.url.com"
+  }, "Reload")));
+};
+exports.RateLimit429 = RateLimit429;
+Default.parameters = {
+  design: {
+    type: 'figma',
+    url: _figmaLinks.FIGMA_LINKS.noAccess["default"]
+  }
+};

package/lib/cjs/utils/designUtils/figmaLinks.d.ts

@@ -163,4 +163,7 @@ export declare const FIGMA_LINKS: {
     listAndPanel: {
         listAndPanel: string;
     };
+    noAccess: {
+        default: string;
+    };
 };

package/lib/cjs/utils/designUtils/figmaLinks.js

@@ -169,6 +169,9 @@ var FIGMA_LINKS = {
   },
   listAndPanel: {
     listAndPanel: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=15251-33924'
+  },
+  noAccess: {
+    "default": 'https://www.figma.com/file/S1tRCG90PVgCJRCyDwxkBk/429-Error?type=design&node-id=9-940&mode=design&t=Z6pZWCsrvY0g6b2q-0'
   }
 };
 exports.FIGMA_LINKS = FIGMA_LINKS;

package/lib/recipes/NoAccess.stories.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import AlertCircle from '@pingux/mdi-react/AlertCircleIcon';
+import LockIcon from '@pingux/mdi-react/LockIcon';
+import { withDesign } from 'storybook-addon-designs';
+import { Box, Icon, Link, Text } from '../index';
+import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export default {
+  title: 'Recipes/No Access',
+  decorators: [withDesign]
+};
+export var Default = function Default() {
+  return ___EmotionJSX(Box, {
+    isRow: true,
+    gap: "xs"
+  }, ___EmotionJSX(Icon, {
+    icon: LockIcon,
+    color: "text.secondary",
+    size: "xs",
+    title: {
+      name: 'Lock Icon'
+    }
+  }), ___EmotionJSX(Text, {
+    color: "text.secondary",
+    fontSize: "sm",
+    fontWeight: 1
+  }, "No access"));
+};
+export var PageLevel = function PageLevel() {
+  return ___EmotionJSX(Box, {
+    gap: "sm",
+    alignItems: "center"
+  }, ___EmotionJSX(Icon, {
+    icon: LockIcon,
+    color: "text.secondary",
+    size: 50,
+    title: {
+      name: 'Lock Icon'
+    }
+  }), ___EmotionJSX(Text, {
+    color: "text.secondary",
+    fontSize: "lg",
+    fontWeight: 1
+  }, "No access"));
+};
+export var RateLimit429 = function RateLimit429() {
+  return ___EmotionJSX(Box, {
+    gap: "sm",
+    alignItems: "center"
+  }, ___EmotionJSX(Icon, {
+    icon: AlertCircle,
+    color: "text.secondary",
+    size: 50,
+    title: {
+      name: 'Alert Circle Icon'
+    }
+  }), ___EmotionJSX(Text, {
+    color: "text.secondary",
+    fontSize: "lg",
+    fontWeight: 1
+  }, "There was a problem loading this page.", ' ', ___EmotionJSX(Link, {
+    href: "https://a.url.com"
+  }, "Reload")));
+};
+Default.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.noAccess["default"]
+  }
+};

package/lib/utils/designUtils/figmaLinks.js

@@ -162,5 +162,8 @@ export var FIGMA_LINKS = {
   },
   listAndPanel: {
     listAndPanel: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=15251-33924'
+  },
+  noAccess: {
+    "default": 'https://www.figma.com/file/S1tRCG90PVgCJRCyDwxkBk/429-Error?type=design&node-id=9-940&mode=design&t=Z6pZWCsrvY0g6b2q-0'
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.61.0-alpha.0",
+  "version": "2.61.0-alpha.1",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",