@pingux/astro 2.121.0-alpha.0 → 2.121.0-alpha.2

package/lib/cjs/components/Footer/stories/NextGenFooterStory.chromatic.stories.js

@@ -0,0 +1,22 @@
+"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.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _FooterNextGenComponent = require("./FooterNextGenComponent");
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Chromatic Only Onyx Footer'
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    theme: _.NextGenTheme
+  }, (0, _react2.jsx)(_FooterNextGenComponent.FooterNextGenComponent, null));
+};
+exports.Default = Default;

package/lib/cjs/components/Icon/Icon.js

@@ -18,10 +18,12 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("../../hooks");
 var _Box = _interopRequireDefault(require("../Box"));
 var _react2 = require("@emotion/react");
+var _excluded = ["color", "icon", "sx", "size", "variant", "title"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -30,32 +32,33 @@ var Icon = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var color = props.color,
     IconComponent = props.icon,
     sx = props.sx,
-    size = props.size;
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'sm' : _props$size,
+    variant = props.variant,
+    title = props.title,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var theme = (0, _hooks.useGetTheme)();
   var _useTShirtSize = (0, _hooks.useTShirtSize)({
       size: size,
       sizes: theme.tShirtSizes
     }),
     sizeProps = _useTShirtSize.sizeProps;
-  var title = props.title || ((0, _typeof2["default"])(IconComponent) === 'object' && 'type' in IconComponent ? {
+  var resolvedTitle = title !== null && title !== void 0 ? title : (0, _typeof2["default"])(IconComponent) === 'object' && 'type' in IconComponent ? {
     name: IconComponent.type.name
-  } : '');
+  } : '';
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     as: IconComponent,
     ref: ref,
-    title: title
-  }, props, {
-    size: sizeProps.size,
     role: "img",
+    title: resolvedTitle,
+    variant: variant,
+    size: sizeProps.size,
     sx: _objectSpread({
       fill: color,
       minWidth: sizeProps.size
     }, sx)
-  }));
+  }, others));
 });
-Icon.defaultProps = {
-  size: 20
-};
 Icon.displayName = 'Icon';
 var _default = Icon;
 exports["default"] = _default;

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

@@ -638,5 +638,42 @@ declare const _default: {
         height: string;
         outline: string;
     };
+    searchClearButton: {
+        position: string;
+        right: number;
+        justifyContent: string;
+        appearance: string;
+        alignItems: string;
+        alignSelf: string;
+        display: string;
+        flexGrow: number;
+        flexShrink: number;
+        borderRadius: string;
+        cursor: string;
+        bg: string;
+        p: string;
+        width: string;
+        height: string;
+        path: {
+            fill: string;
+        };
+        outline: string;
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        '&.is-hovered': {
+            bg: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            path: {
+                fill: string;
+            };
+            bg: string;
+            boxShadow: string;
+        };
+    };
 };
 export default _default;

package/lib/cjs/components/IconButton/IconButton.styles.js

@@ -143,6 +143,10 @@ var applicationPortalPinned = _objectSpread(_objectSpread({}, base), {}, {
     }
   }
 });
+var searchClearButton = _objectSpread(_objectSpread({}, base), {}, {
+  position: 'absolute',
+  right: 10
+});
 var _default = {
   base: base,
   bidirectional: bidirectional,
@@ -168,6 +172,7 @@ var _default = {
   },
   // Recipe related variants
   applicationPortal: applicationPortal,
-  applicationPortalPinned: applicationPortalPinned
+  applicationPortalPinned: applicationPortalPinned,
+  searchClearButton: searchClearButton
 };
 exports["default"] = _default;

package/lib/cjs/components/IconWrapper/iconWrapperAttributes.js

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconWrapperArgTypes = void 0;
-var colorOptions = ['cyan', 'orange', 'red', 'green', 'purple', 'yellow', 'teal', 'pink'];
+var colorOptions = ['cyan', 'orange', 'red', 'green', 'purple', 'yellow', 'teal', 'pink', 'blue', 'indigo'];
 var sizes = ['sm', 'md', 'lg'];
 var iconWrapperArgTypes = {
   color: {

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

@@ -72,5 +72,42 @@ declare const _default: {
             pointerEvents: string;
         };
     };
+    copyRightLink: {
+        fontFamily: string;
+        color: string;
+        fontSize: string;
+        textDecoration: string;
+        borderRadius: string;
+        '&.is-hovered': {
+            color: string;
+        };
+    };
+    footerLink: {
+        fontFamily: string;
+        px: string;
+        py: string;
+        fontSize: string;
+        color: string;
+        textDecoration: string;
+        borderRadius: string;
+        '&.is-hovered': {
+            color: string;
+        };
+    };
+    footerEALink: {
+        display: string;
+        flexShrink: string;
+        justifyContent: string;
+        fontFamily: string;
+        px: string;
+        py: string;
+        fontSize: string;
+        color: string;
+        textDecoration: string;
+        borderRadius: string;
+        '&.is-hovered': {
+            color: string;
+        };
+    };
 };
 export default _default;

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

@@ -51,9 +51,39 @@ var popover = _objectSpread(_objectSpread({}, app), {}, {
     cursor: 'pointer'
   }
 });
+var copyRightLink = {
+  fontFamily: 'standard',
+  color: 'gray-100',
+  fontSize: 'md',
+  textDecoration: 'none',
+  borderRadius: '1px',
+  '&.is-hovered': {
+    color: '#c5d2df'
+  }
+};
+var footerLink = {
+  fontFamily: 'standard',
+  px: 'md',
+  py: 'sm',
+  fontSize: 'md',
+  color: 'gray-100',
+  textDecoration: 'none',
+  borderRadius: '1px',
+  '&.is-hovered': {
+    color: '#c5d2df'
+  }
+};
+var footerEALink = _objectSpread(_objectSpread({}, footerLink), {}, {
+  display: 'flex',
+  flexShrink: '0',
+  justifyContent: 'center'
+});
 var _default = {
   app: app,
   popover: popover,
-  web: web
+  web: web,
+  copyRightLink: copyRightLink,
+  footerLink: footerLink,
+  footerEALink: footerEALink
 };
 exports["default"] = _default;

package/lib/cjs/components/ListView/ListView.js

@@ -173,6 +173,11 @@ var ListView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onScroll: resetHoverState,
     tabIndex: isFocusable ? 0 : -1,
     shouldUseVirtualFocus: !isFocusable
+    // added to remove the outline when using keyboard navigation encountered during UIP-7501
+    ,
+    style: {
+      outline: 'none'
+    }
   }), function (type, item) {
     if (type === 'item') {
       if (props.selectionMode === 'expansion') {

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

@@ -1,4 +1,5 @@
 import React, { Key } from 'react';
+import { IconWrapperProps } from '../..';
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<import("../../types/listView").ListViewProps & React.RefAttributes<unknown>>;
@@ -139,10 +140,9 @@ export interface ExampleItemProps {
     subtext?: string;
     id: string | number;
     hasSeparator?: boolean;
+    icon?: React.ElementType;
+    iconWrapperProps?: IconWrapperProps;
 }
-export declare const animals: {
-    name: string;
-}[];
 export declare const Default: {
     ({ ...args }: {
         [x: string]: any;