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

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

@@ -8,6 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 var _react = _interopRequireDefault(require("react"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
@@ -18,6 +19,7 @@ var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
 var _Link = _interopRequireDefault(require("./Link.mdx"));
 var _Link2 = _interopRequireDefault(require("./Link.styles"));
 var _react2 = require("@emotion/react");
+var _context;
 var _default = {
   title: 'Components/Link',
   component: _index.Link,
@@ -55,7 +57,7 @@ var _default = {
     variant: {
       control: {
         type: 'select',
-        options: (0, _keys["default"])(_Link2["default"])
+        options: (0, _concat["default"])(_context = []).call(_context, (0, _keys["default"])(_Link2["default"]), ['button'])
       }
     }
   },

package/lib/cjs/styles/themes/next-gen/next-gen.d.ts

@@ -1827,6 +1827,88 @@ declare const _default: {
                 color: string;
             };
         };
+        button: {
+            textDecoration: string;
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+                color: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        primaryButton: {
+            textDecoration: string;
+            color: string;
+            backgroundColor: string;
+            borderColor: string;
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
     };
     cards: {
         interactive: {

package/lib/cjs/styles/themes/next-gen/variants/links.d.ts

@@ -147,5 +147,87 @@ declare const _default: {
             color: string;
         };
     };
+    button: {
+        textDecoration: string;
+        backgroundColor: string;
+        borderColor: string;
+        color: string;
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+            color: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: string;
+        fontWeight: number;
+        textAlign: string;
+        verticalAlign: string;
+        lineHeight: number;
+        borderRadius: string;
+        border: string;
+        px: string;
+        py: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        transition: string;
+    };
+    primaryButton: {
+        textDecoration: string;
+        color: string;
+        backgroundColor: string;
+        borderColor: string;
+        '&.is-pressed': {
+            backgroundColor: string;
+            borderColor: string;
+        };
+        '&.is-hovered': {
+            backgroundColor: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        minWidth: string;
+        cursor: string;
+        display: string;
+        maxWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        flexGrow: string;
+        fontWeight: number;
+        textAlign: string;
+        verticalAlign: string;
+        lineHeight: number;
+        borderRadius: string;
+        border: string;
+        px: string;
+        py: string;
+        height: string;
+        '&.is-disabled': {
+            opacity: number;
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        transition: string;
+    };
 };
 export default _default;

package/lib/cjs/styles/themes/next-gen/variants/links.js

@@ -14,6 +14,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _button = _interopRequireDefault(require("./button"));
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var nextGen = {
@@ -62,11 +63,19 @@ var footerLinks = _objectSpread({}, sideNav);
 var footerHeader = _objectSpread(_objectSpread({}, footerLinks), {}, {
   fontWeight: '2'
 });
+var button = _objectSpread(_objectSpread({}, _button["default"]["default"]), {}, {
+  textDecoration: 'none'
+});
+var primaryButton = _objectSpread(_objectSpread({}, _button["default"].primary), {}, {
+  textDecoration: 'none'
+});
 var _default = {
   nextGen: nextGen,
   onyx: onyx,
   sideNav: sideNav,
   footerLinks: footerLinks,
-  footerHeader: footerHeader
+  footerHeader: footerHeader,
+  button: button,
+  primaryButton: primaryButton
 };
 exports["default"] = _default;

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

@@ -1,5 +1,7 @@
 import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+var _context;
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
@@ -47,7 +49,7 @@ export default {
     variant: {
       control: {
         type: 'select',
-        options: _Object$keys(variants)
+        options: _concatInstanceProperty(_context = []).call(_context, _Object$keys(variants), ['button'])
       }
     }
   },

package/lib/styles/themes/next-gen/variants/links.js

@@ -9,6 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import buttons from './button';
 var nextGen = {
   color: 'gray-800',
   fontSize: 'md',
@@ -55,10 +56,18 @@ var footerLinks = _objectSpread({}, sideNav);
 var footerHeader = _objectSpread(_objectSpread({}, footerLinks), {}, {
   fontWeight: '2'
 });
+var button = _objectSpread(_objectSpread({}, buttons["default"]), {}, {
+  textDecoration: 'none'
+});
+var primaryButton = _objectSpread(_objectSpread({}, buttons.primary), {}, {
+  textDecoration: 'none'
+});
 export default {
   nextGen: nextGen,
   onyx: onyx,
   sideNav: sideNav,
   footerLinks: footerLinks,
-  footerHeader: footerHeader
+  footerHeader: footerHeader,
+  button: button,
+  primaryButton: primaryButton
 };

package/package.json

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