@pingux/astro 1.1.0 → 1.1.1-alpha.3

package/lib/cjs/components/CodeView/CodeView.js

@@ -50,6 +50,8 @@ var _utils = require("@react-aria/utils");
 
 var _prismReactRenderer = _interopRequireWildcard(require("prism-react-renderer"));
 
+var _github = _interopRequireDefault(require("prism-react-renderer/themes/github"));
+
 var _hooks = require("../../hooks");
 
 var _ = require("../..");
@@ -61,10 +63,8 @@ function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(obje
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
 
 /**
- * A text block that shows syntax highlighting code sample.
- * Built on top of the [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer).
- *
- * A list of all supported languages that can be passed to `language` prop is [here](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/vendor/prism/includeLangs.js).
+ * Component for code syntax highlighting.
+ * Built on top of [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer).
  */
 var CodeView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
@@ -96,7 +96,7 @@ var CodeView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
 
   var content = (0, _react2.jsx)(_prismReactRenderer["default"], (0, _extends2["default"])({}, _prismReactRenderer.defaultProps, {
-    theme: undefined,
+    theme: _github["default"],
     code: (children === null || children === void 0 ? void 0 : (0, _trim["default"])(children).call(children)) || '',
     language: language
   }), function (_ref) {
@@ -152,8 +152,18 @@ var CodeView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, content);
 });
 CodeView.propTypes = {
+  /** Whether the CodeView displays line numbers. */
   hasLineNumbers: _propTypes["default"].bool,
+
+  /** Whether the CodeView hides the copy button.  */
   hasNoCopyButton: _propTypes["default"].bool,
+
+  /**
+   * Which programming language the CodeView should use for highlighting. A list of default languages is listed [here](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/vendor/prism/includeLangs.js).
+   *
+   *
+   * Additional languages may be added, see [this guidance](https://github.com/FormidableLabs/prism-react-renderer#faq) for more information.
+  */
   language: _propTypes["default"].string
 };
 CodeView.defaultProps = {

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

@@ -81,7 +81,7 @@ WithLineNumbers.story = {
 
 var WithCustomSize = function WithCustomSize() {
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_CodeView["default"], {
-    language: "javascript",
+    language: "jsx",
     sx: {
       width: '100%',
       height: 300

package/lib/cjs/components/PopoverMenu/PopoverMenu.js

@@ -166,9 +166,7 @@ PopoverMenu.propTypes = {
    */
   isNotFlippable: _propTypes["default"].bool,
 
-  /**
-   * Allows to add an arrow to popover container
-   */
+  /** Whether the PopoverMenu hides the arrow. */
   hasNoArrow: _propTypes["default"].bool,
 
   /**

package/lib/cjs/styles/variants/codeView.js

@@ -7,9 +7,6 @@ _Object$defineProperty(exports, "__esModule", {
 });
 
 exports["default"] = void 0;
-
-require("a11y-syntax-highlighting/dist/prism/a11y-light.min.css");
-
 var wrapper = {
   bg: 'accent.99',
   border: '1px solid',

package/lib/components/CodeView/CodeView.js

@@ -22,13 +22,12 @@ import { useFocusRing } from '@react-aria/focus';
 import { useHover } from '@react-aria/interactions';
 import { mergeProps } from '@react-aria/utils';
 import Highlight, { defaultProps } from 'prism-react-renderer';
+import github from 'prism-react-renderer/themes/github';
 import { useStatusClasses } from '../../hooks';
 import { Box, CopyText } from '../..';
 /**
- * A text block that shows syntax highlighting code sample.
- * Built on top of the [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer).
- *
- * A list of all supported languages that can be passed to `language` prop is [here](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/vendor/prism/includeLangs.js).
+ * Component for code syntax highlighting.
+ * Built on top of [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer).
  */
 
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -62,7 +61,7 @@ var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
   };
 
   var content = ___EmotionJSX(Highlight, _extends({}, defaultProps, {
-    theme: undefined,
+    theme: github,
     code: (children === null || children === void 0 ? void 0 : _trimInstanceProperty(children).call(children)) || '',
     language: language
   }), function (_ref) {
@@ -118,8 +117,18 @@ var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
   }, content);
 });
 CodeView.propTypes = {
+  /** Whether the CodeView displays line numbers. */
   hasLineNumbers: PropTypes.bool,
+
+  /** Whether the CodeView hides the copy button.  */
   hasNoCopyButton: PropTypes.bool,
+
+  /**
+   * Which programming language the CodeView should use for highlighting. A list of default languages is listed [here](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/vendor/prism/includeLangs.js).
+   *
+   *
+   * Additional languages may be added, see [this guidance](https://github.com/FormidableLabs/prism-react-renderer#faq) for more information.
+  */
   language: PropTypes.string
 };
 CodeView.defaultProps = {

package/lib/components/CodeView/CodeView.stories.js

@@ -57,7 +57,7 @@ WithLineNumbers.story = {
 };
 export var WithCustomSize = function WithCustomSize() {
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CodeView, {
-    language: "javascript",
+    language: "jsx",
     sx: {
       width: '100%',
       height: 300

package/lib/components/PopoverMenu/PopoverMenu.js

@@ -133,9 +133,7 @@ PopoverMenu.propTypes = {
    */
   isNotFlippable: PropTypes.bool,
 
-  /**
-   * Allows to add an arrow to popover container
-   */
+  /** Whether the PopoverMenu hides the arrow. */
   hasNoArrow: PropTypes.bool,
 
   /**

package/lib/styles/variants/codeView.js

@@ -1,4 +1,3 @@
-import 'a11y-syntax-highlighting/dist/prism/a11y-light.min.css';
 var wrapper = {
   bg: 'accent.99',
   border: '1px solid',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.1.0",
+  "version": "1.1.1-alpha.3",
   "description": "PingUX themeable React component library",
   "author": "uxdev@pingidentity.com",
   "license": "Apache-2.0",
@@ -126,7 +126,6 @@
     "@styled-system/props": "^5.1.5",
     "@styled-system/theme-get": "^5.1.2",
     "@tippyjs/react": "4.2.0",
-    "a11y-syntax-highlighting": "0.2.0",
     "chroma-js": "^2.1.0",
     "classnames": "^2.2.6",
     "emotion-normalize": "^11.0.1",