@pluralsight/react - npm Package Compare versions

Comparing version 0.4.1-next-947c53 to 0.4.1-next-94b967

npm/browser/index.js

 export { Admonition as unsafe_Admonition, AdmonitionHeading as unsafe_AdmonitionHeading, AdmonitionText as unsafe_AdmonitionText } from './src/components/Admonition.js';
 export { Avatar as unsafe_Avatar } from './src/components/Avatar.js';
 export { Badge as unsafe_Badge } from './src/components/Badge.js';
+export { Button as unsafe_Button } from './src/components/Button.js';
+export { CircularProgress as unsafe_CircularProgress } from './src/components/CircularProgress.js';
+export { ProgressBar as unsafe_ProgressBar } from './src/components/ProgressBar.js';
+export { Skeleton as unsafe_Skeleton } from './src/components/Skeleton.js';
+export { useTheme } from '@pluralsight/react-utils';
 //# sourceMappingURL=index.js.map

npm/browser/src/components/Admonition.js

@@ -7,6 +7,5 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 
-var _excluded = ["className"],
-  _excluded2 = ["sentiment", "children", "className", "onClose"],
-  _excluded3 = ["children", "className"],
-  _excluded4 = ["children", "className"];
+var _excluded = ["sentiment", "children", "onClose"],
+  _excluded2 = ["children"],
+  _excluded3 = ["children"];
 function MatchIcon(props) {
@@ -28,8 +27,6 @@ var iconProps = getIconProps(getAdmonitionIconProps());
 function AdmonitionCloseButton(props) {
-  var className = props.className,
-    nativeProps = _objectWithoutProperties(props, _excluded);
-  var _getIconButtonProps = getIconButtonProps(getAdmonitionCloseButtonProps(splitClassNameProp(className))),
+  var _getIconButtonProps = getIconButtonProps(getAdmonitionCloseButtonProps(splitClassNameProp(props.className))),
     button = _getIconButtonProps.button,
     iconOptions = _getIconButtonProps.iconOptions;
-  return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2(_objectSpread2({}, button), nativeProps), {}, {
+  return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2(_objectSpread2({}, props), button), {}, {
     children: /*#__PURE__*/jsx(CloseIcon, _objectSpread2({}, getIconProps(iconOptions)))
@@ -44,10 +41,9 @@ }));
     children = props.children,
-    className = props.className,
     onClose = props.onClose,
-    nativeDivProps = _objectWithoutProperties(props, _excluded2);
+    nativeDivProps = _objectWithoutProperties(props, _excluded);
   var admonition = getAdmonitionProps({
-    classNames: splitClassNameProp(className),
+    classNames: splitClassNameProp(nativeDivProps.className),
     sentiment: sentiment
   });
-  return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, admonition.wrapper), nativeDivProps), {}, {
+  return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeDivProps), admonition.wrapper), {}, {
     ref: ref,
@@ -70,6 +66,5 @@ children: [/*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, admonition.iconWrapper), {}, {
   var children = props.children,
-    className = props.className,
-    nativeProps = _objectWithoutProperties(props, _excluded3);
-  var heading = getAdmonitionHeadingProps(splitClassNameProp(className));
-  return /*#__PURE__*/jsx("p", _objectSpread2(_objectSpread2(_objectSpread2({}, heading), nativeProps), {}, {
+    nativeProps = _objectWithoutProperties(props, _excluded2);
+  var heading = getAdmonitionHeadingProps(splitClassNameProp(nativeProps.className));
+  return /*#__PURE__*/jsx("p", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), heading), {}, {
     ref: ref,
@@ -86,6 +81,5 @@ children: /*#__PURE__*/jsx("strong", {
   var children = props.children,
-    className = props.className,
-    nativeProps = _objectWithoutProperties(props, _excluded4);
-  var text = getAdmonitionTextProps(splitClassNameProp(className));
-  return /*#__PURE__*/jsx("small", _objectSpread2(_objectSpread2(_objectSpread2({}, text), nativeProps), {}, {
+    nativeProps = _objectWithoutProperties(props, _excluded3);
+  var text = getAdmonitionTextProps(splitClassNameProp(nativeProps.className));
+  return /*#__PURE__*/jsx("small", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), text), {}, {
     ref: ref,
@@ -92,0 +86,0 @@ children: children

npm/browser/src/components/Avatar.js

@@ -19,7 +19,7 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck } from '../../_virtual/_rollupPluginBabelHelpers.js';
   var container = getAvatarProps({
-    classNames: splitClassNameProp(props.className),
+    classNames: splitClassNameProp(nativeProps.className),
     sentiment: sentiment,
     size: size
   });
-  return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, container), nativeProps));
+  return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, nativeProps), container));
 }
@@ -37,3 +37,3 @@ function AvatarLabel(props) {
     label = _objectWithoutProperties(_getAvatarLabelProps, _excluded3);
-  return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2(_objectSpread2({}, label), nativeProps), {}, {
+  return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), label), {}, {
     children: value
@@ -40,0 +40,0 @@ }));

npm/browser/src/components/Badge.js

 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef } from 'react';
-import { getBadgeProps, getBadgeIconProps, getIconProps } from '@pluralsight/headless-styles';
+import { getBadgeProps, splitClassNameProp, getBadgeIconProps, getIconProps } from '@pluralsight/headless-styles';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -15,2 +15,3 @@
   var badgeProps = getBadgeProps({
+    classNames: splitClassNameProp(nativeProps.className),
     sentiment: sentiment,
@@ -22,3 +23,3 @@ size: size,
   var Icon = icon;
-  return /*#__PURE__*/jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, badgeProps), nativeProps), {}, {
+  return /*#__PURE__*/jsxs("span", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), badgeProps), {}, {
     ref: ref,
@@ -25,0 +26,0 @@ children: [Icon && /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, iconProps.iconWrapper), {}, {

npm/node/index.js

@@ -8,2 +8,7 @@ 'use strict';
 const Badge = require('./src/components/Badge.js');
+const Button = require('./src/components/Button.js');
+const CircularProgress = require('./src/components/CircularProgress.js');
+const ProgressBar = require('./src/components/ProgressBar.js');
+const Skeleton = require('./src/components/Skeleton.js');
+const reactUtils = require('@pluralsight/react-utils');
 
@@ -17,2 +22,10 @@
 exports.unsafe_Badge = Badge.Badge;
+exports.unsafe_Button = Button.Button;
+exports.unsafe_CircularProgress = CircularProgress.CircularProgress;
+exports.unsafe_ProgressBar = ProgressBar.ProgressBar;
+exports.unsafe_Skeleton = Skeleton.Skeleton;
+Object.defineProperty(exports, 'useTheme', {
+  enumerable: true,
+  get: () => reactUtils.useTheme
+});
 //# sourceMappingURL=index.js.map

npm/node/src/components/Admonition.js

@@ -11,6 +11,5 @@ 'use strict';
 
-var _excluded = ["className"],
-  _excluded2 = ["sentiment", "children", "className", "onClose"],
-  _excluded3 = ["children", "className"],
-  _excluded4 = ["children", "className"];
+var _excluded = ["sentiment", "children", "onClose"],
+  _excluded2 = ["children"],
+  _excluded3 = ["children"];
 function MatchIcon(props) {
@@ -32,8 +31,6 @@ var iconProps = headlessStyles.getIconProps(headlessStyles.getAdmonitionIconProps());
 function AdmonitionCloseButton(props) {
-  var className = props.className,
-    nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-  var _getIconButtonProps = headlessStyles.getIconButtonProps(headlessStyles.getAdmonitionCloseButtonProps(headlessStyles.splitClassNameProp(className))),
+  var _getIconButtonProps = headlessStyles.getIconButtonProps(headlessStyles.getAdmonitionCloseButtonProps(headlessStyles.splitClassNameProp(props.className))),
     button = _getIconButtonProps.button,
     iconOptions = _getIconButtonProps.iconOptions;
-  return /*#__PURE__*/jsxRuntime.jsx("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, button), nativeProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), button), {}, {
     children: /*#__PURE__*/jsxRuntime.jsx(icons.CloseIcon, _rollupPluginBabelHelpers.objectSpread2({}, headlessStyles.getIconProps(iconOptions)))
@@ -48,10 +45,9 @@ }));
     children = props.children,
-    className = props.className,
     onClose = props.onClose,
-    nativeDivProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
+    nativeDivProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
   var admonition = headlessStyles.getAdmonitionProps({
-    classNames: headlessStyles.splitClassNameProp(className),
+    classNames: headlessStyles.splitClassNameProp(nativeDivProps.className),
     sentiment: sentiment
   });
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, admonition.wrapper), nativeDivProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeDivProps), admonition.wrapper), {}, {
     ref: ref,
@@ -74,6 +70,5 @@ children: [/*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, admonition.iconWrapper), {}, {
   var children = props.children,
-    className = props.className,
-    nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
-  var heading = headlessStyles.getAdmonitionHeadingProps(headlessStyles.splitClassNameProp(className));
-  return /*#__PURE__*/jsxRuntime.jsx("p", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, heading), nativeProps), {}, {
+    nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
+  var heading = headlessStyles.getAdmonitionHeadingProps(headlessStyles.splitClassNameProp(nativeProps.className));
+  return /*#__PURE__*/jsxRuntime.jsx("p", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), heading), {}, {
     ref: ref,
@@ -90,6 +85,5 @@ children: /*#__PURE__*/jsxRuntime.jsx("strong", {
   var children = props.children,
-    className = props.className,
-    nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
-  var text = headlessStyles.getAdmonitionTextProps(headlessStyles.splitClassNameProp(className));
-  return /*#__PURE__*/jsxRuntime.jsx("small", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, text), nativeProps), {}, {
+    nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
+  var text = headlessStyles.getAdmonitionTextProps(headlessStyles.splitClassNameProp(nativeProps.className));
+  return /*#__PURE__*/jsxRuntime.jsx("small", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), text), {}, {
     ref: ref,
@@ -96,0 +90,0 @@ children: children

npm/node/src/components/Avatar.js

@@ -23,7 +23,7 @@ 'use strict';
   var container = headlessStyles.getAvatarProps({
-    classNames: headlessStyles.splitClassNameProp(props.className),
+    classNames: headlessStyles.splitClassNameProp(nativeProps.className),
     sentiment: sentiment,
     size: size
   });
-  return /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, container), nativeProps));
+  return /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), container));
 }
@@ -41,3 +41,3 @@ function AvatarLabel(props) {
     label = _rollupPluginBabelHelpers.objectWithoutProperties(_getAvatarLabelProps, _excluded3);
-  return /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, label), nativeProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), label), {}, {
     children: value
@@ -44,0 +44,0 @@ }));

npm/node/src/components/Badge.js

@@ -19,2 +19,3 @@ 'use strict';
   var badgeProps = headlessStyles.getBadgeProps({
+    classNames: headlessStyles.splitClassNameProp(nativeProps.className),
     sentiment: sentiment,
@@ -26,3 +27,3 @@ size: size,
   var Icon = icon;
-  return /*#__PURE__*/jsxRuntime.jsxs("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, badgeProps), nativeProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), badgeProps), {}, {
     ref: ref,
@@ -29,0 +30,0 @@ children: [Icon && /*#__PURE__*/jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, iconProps.iconWrapper), {}, {

npm/types/src/index.d.ts

 export { Admonition, AdmonitionHeading, AdmonitionText, } from './components/Admonition.tsx';
 export { Avatar } from './components/Avatar.tsx';
 export { Badge } from './components/Badge.tsx';
+export { Button } from './components/Button.tsx';
+export { CircularProgress } from './components/CircularProgress.tsx';
+export { ProgressBar } from './components/ProgressBar.tsx';
+export { Skeleton } from './components/Skeleton.tsx';
+export { useTheme } from '@pluralsight/react-utils';

package.json

 {
   "name": "@pluralsight/react",
-  "version": "0.4.1-next-947c53",
+  "version": "0.4.1-next-94b967",
   "description": "A React component library for Pando.",
@@ -51,5 +51,5 @@ "main": "npm/node/index.js",
   "dependencies": {
-    "@pluralsight/headless-styles": "0.4.1-next-ca5e08",
-    "@pluralsight/icons": "0.4.1-next-ca5e08",
-    "@pluralsight/react-utils": "0.4.1-next-ca5e08",
+    "@pluralsight/headless-styles": "0.4.1-next-5f1cec",
+    "@pluralsight/icons": "0.4.1-next-5f1cec",
+    "@pluralsight/react-utils": "0.4.1-next-5f1cec",
     "tslib": "latest"
@@ -96,3 +96,3 @@ },
     "rollup": "^3.2.2",
-    "rollup-plugin-node-externals": "^5.1.2",
+    "rollup-plugin-node-externals": "^6.0.1",
     "typescript": "5.0.2"
@@ -99,0 +99,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

244282

increased by16.86%

Number of package files

48

increased by71.43%

Lines of code

1202

increased by30.94%

Dependency changes

• + Added@pluralsight/headless-styles@0.4.1-next-5f1cec(transitive)

• + Added@pluralsight/icons@0.4.1-next-5f1cec(transitive)

• + Added@pluralsight/react-utils@0.4.1-next-5f1cec(transitive)

• - Removed@pluralsight/headless-styles@0.4.1-next-ca5e08(transitive)

• - Removed@pluralsight/icons@0.4.1-next-ca5e08(transitive)

• - Removed@pluralsight/react-utils@0.4.1-next-ca5e08(transitive)

• Updated@pluralsight/headless-styles@0.4.1-next-5f1cec

• Updated@pluralsight/icons@0.4.1-next-5f1cec

• Updated@pluralsight/react-utils@0.4.1-next-5f1cec