@pingux/astro 2.40.1-alpha.1 → 2.41.0-alpha.0

package/lib/cjs/components/Link/Link.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LinkProps } from '../../types';
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/lib/cjs/components/Link/Link.js

@@ -14,7 +14,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-c
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _interactions = require("@react-aria/interactions");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _themeUi = require("theme-ui");
 var _hooks = require("../../hooks");
 var _react2 = require("@emotion/react");
@@ -27,7 +26,7 @@ var Link = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onPress = props.onPress,
     isSafariCompatible = props.isSafariCompatible,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var linkRef = (0, _react.useRef)();
+  var linkRef = (0, _react.useRef)(null);
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
   (0, _react.useImperativeHandle)(ref, function () {
@@ -68,26 +67,10 @@ var Link = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     role: "link"
   }, others, (0, _reactAria.mergeProps)(hoverProps, pressProps, linkProps, focusProps)));
 });
-Link.propTypes = {
-  /** Whether the link is disabled. */
-  isDisabled: _propTypes["default"].bool,
-  /**  The HTML element used to render the link, e.g. 'a', or 'span'. */
-  as: _propTypes["default"].string,
-  /**  Handler that is called when the press is released over the target. */
-  onPress: _propTypes["default"].func,
-  /**  Specifies the location of the URL */
-  href: _propTypes["default"].string,
-  /**  Specifies the window where the linked page is loaded */
-  target: _propTypes["default"].string,
-  /** The styling variation of the link. */
-  variant: _propTypes["default"].string,
-  /** Whether the link is clickable inside a popover in safari */
-  isSafariCompatible: _propTypes["default"].bool
-};
 Link.defaultProps = {
   isDisabled: false,
-  as: 'a',
-  variant: 'app'
+  variant: 'app',
+  as: 'a'
 };
 Link.displayName = 'Link';
 var _default = Link;

package/lib/cjs/components/Link/Link.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn } from '@storybook/react';
+import { LinkProps } from '../../types/link';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<LinkProps>;

package/lib/cjs/components/Link/Link.stories.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
 var _Link = _interopRequireDefault(require("./Link.mdx"));
 var _Link2 = _interopRequireDefault(require("./Link.styles"));

package/lib/cjs/components/Link/Link.styles.d.ts

@@ -0,0 +1,76 @@
+declare const _default: {
+    app: {
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        textDecoration: string;
+        outline: string;
+        '&.is-hovered': {
+            textDecoration: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-pressed': {
+            color: string;
+            textDecoration: string;
+        };
+        '&.is-disabled': {
+            pointerEvents: string;
+        };
+    };
+    popover: {
+        color: string;
+        fontSize: string;
+        fontWeight: number;
+        textDecoration: string;
+        '&.is-hovered': {
+            cursor: string;
+        };
+        fontFamily: string;
+        outline: string;
+        '&.is-focused': {
+            boxShadow: string;
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-pressed': {
+            color: string;
+            textDecoration: string;
+        };
+        '&.is-disabled': {
+            pointerEvents: string;
+        };
+    };
+    web: {
+        textDecoration: string;
+        '&:visited': {
+            color: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        outline: string;
+        '&.is-hovered': {
+            textDecoration: string;
+        };
+        '&.is-pressed': {
+            color: string;
+            textDecoration: string;
+        };
+        '&.is-disabled': {
+            pointerEvents: string;
+        };
+    };
+};
+export default _default;

package/lib/cjs/components/Link/Link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/Link/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Link';

package/lib/cjs/types/index.d.ts

@@ -3,6 +3,7 @@ export * from './box';
 export * from './button';
 export * from './icon';
 export * from './item';
+export * from './link';
 export * from './loader';
 export * from './popoverContainer';
 export * from './shared';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -62,8 +62,19 @@ _forEachInstanceProperty(_context5 = _Object$keys(_item)).call(_context5, functi
     }
   });
 });
+var _link = require("./link");
+_forEachInstanceProperty(_context6 = _Object$keys(_link)).call(_context6, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _link[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _link[key];
+    }
+  });
+});
 var _loader = require("./loader");
-_forEachInstanceProperty(_context6 = _Object$keys(_loader)).call(_context6, function (key) {
+_forEachInstanceProperty(_context7 = _Object$keys(_loader)).call(_context7, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -74,7 +85,7 @@ _forEachInstanceProperty(_context6 = _Object$keys(_loader)).call(_context6, func
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context7 = _Object$keys(_popoverContainer)).call(_context7, function (key) {
+_forEachInstanceProperty(_context8 = _Object$keys(_popoverContainer)).call(_context8, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -85,7 +96,7 @@ _forEachInstanceProperty(_context7 = _Object$keys(_popoverContainer)).call(_cont
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context8 = _Object$keys(_shared)).call(_context8, function (key) {
+_forEachInstanceProperty(_context9 = _Object$keys(_shared)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -96,7 +107,7 @@ _forEachInstanceProperty(_context8 = _Object$keys(_shared)).call(_context8, func
   });
 });
 var _tableCell = require("./tableCell");
-_forEachInstanceProperty(_context9 = _Object$keys(_tableCell)).call(_context9, function (key) {
+_forEachInstanceProperty(_context10 = _Object$keys(_tableCell)).call(_context10, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tableCell[key]) return;
   _Object$defineProperty(exports, key, {
@@ -107,7 +118,7 @@ _forEachInstanceProperty(_context9 = _Object$keys(_tableCell)).call(_context9, f
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context10 = _Object$keys(_text)).call(_context10, function (key) {
+_forEachInstanceProperty(_context11 = _Object$keys(_text)).call(_context11, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/link.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TestingAttributes } from './shared/test';
+type AS = Extract<keyof JSX.IntrinsicElements, 'a' | 'span'> | undefined;
+export interface LinkProps extends TestingAttributes {
+    /** Whether the link is disabled. */
+    isDisabled?: boolean;
+    /**  Handler that is called when the press is released over the target. */
+    onPress?: () => void;
+    /**  Specifies the HTML Element */
+    as?: AS;
+    /**  Specifies the location of the URL */
+    href?: string;
+    /**  Specifies the window where the linked page is loaded */
+    target?: string;
+    /** The styling variation of the link. */
+    variant?: string;
+    /** Whether the link is clickable inside a popover in safari */
+    isSafariCompatible?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export {};

package/lib/cjs/types/link.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Link/Link.js

@@ -4,7 +4,6 @@ var _excluded = ["className", "isDisabled", "onPress", "isSafariCompatible"];
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { mergeProps, useFocusRing, useLink } from 'react-aria';
 import { useHover, usePress } from '@react-aria/interactions';
-import PropTypes from 'prop-types';
 import { Link as ThemeUILink } from 'theme-ui';
 import { usePropWarning, useStatusClasses } from '../../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -14,7 +13,7 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
     onPress = props.onPress,
     isSafariCompatible = props.isSafariCompatible,
     others = _objectWithoutProperties(props, _excluded);
-  var linkRef = useRef();
+  var linkRef = useRef(null);
   usePropWarning(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
   useImperativeHandle(ref, function () {
@@ -55,26 +54,10 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
     role: "link"
   }, others, mergeProps(hoverProps, pressProps, linkProps, focusProps)));
 });
-Link.propTypes = {
-  /** Whether the link is disabled. */
-  isDisabled: PropTypes.bool,
-  /**  The HTML element used to render the link, e.g. 'a', or 'span'. */
-  as: PropTypes.string,
-  /**  Handler that is called when the press is released over the target. */
-  onPress: PropTypes.func,
-  /**  Specifies the location of the URL */
-  href: PropTypes.string,
-  /**  Specifies the window where the linked page is loaded */
-  target: PropTypes.string,
-  /** The styling variation of the link. */
-  variant: PropTypes.string,
-  /** Whether the link is clickable inside a popover in safari */
-  isSafariCompatible: PropTypes.bool
-};
 Link.defaultProps = {
   isDisabled: false,
-  as: 'a',
-  variant: 'app'
+  variant: 'app',
+  as: 'a'
 };
 Link.displayName = 'Link';
 export default Link;

package/lib/components/Link/Link.stories.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Link } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import { htmlElements } from '../../utils/devUtils/constants/htmlElements';
 import LinkReadme from './Link.mdx';
 import variants from './Link.styles';

package/lib/types/index.js

@@ -3,6 +3,7 @@ export * from './box';
 export * from './button';
 export * from './icon';
 export * from './item';
+export * from './link';
 export * from './loader';
 export * from './popoverContainer';
 export * from './shared';

package/lib/types/link.js

@@ -0,0 +1 @@
+export {};

package/package.json

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