@pluralsight/react - npm Package Compare versions

Comparing version 0.4.1-next-3b6a3d to 0.4.1-next-4362dd

npm/browser/index.js

@@ -6,2 +6,5 @@ export { Admonition as unsafe_Admonition, AdmonitionHeading as unsafe_AdmonitionHeading, AdmonitionText as unsafe_AdmonitionText } from './src/components/Admonition.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/browser/src/components/Button.js

 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef } from 'react';
-import { getButtonProps, getIconProps, getButtonIconOptions } from '@pluralsight/headless-styles';
+import { getButtonProps, splitClassNameProp, getIconProps, getButtonIconOptions } from '@pluralsight/headless-styles';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -17,2 +17,3 @@
   var btnProps = getButtonProps({
+    classNames: splitClassNameProp(nativeProps.className),
     disabled: disabled,
@@ -26,3 +27,3 @@ size: size,
   var EndIcon = endIcon;
-  return /*#__PURE__*/jsxs("button", _objectSpread2(_objectSpread2(_objectSpread2({}, btnProps), nativeProps), {}, {
+  return /*#__PURE__*/jsxs("button", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), btnProps), {}, {
     ref: ref,
@@ -29,0 +30,0 @@ children: [StartIcon && /*#__PURE__*/jsx(StartIcon, _objectSpread2({}, iconProps)), children, EndIcon && /*#__PURE__*/jsx(EndIcon, _objectSpread2({}, iconProps))]

npm/browser/src/components/CircularProgress.js

 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef } from 'react';
-import { getCircularProgressProps } from '@pluralsight/headless-styles';
+import { getCircularProgressProps, splitClassNameProp } from '@pluralsight/headless-styles';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -18,2 +18,3 @@
     ariaLabel: ariaLabel,
+    classNames: splitClassNameProp(props.className),
     kind: kind,
@@ -25,5 +26,4 @@ max: max,
   });
-  return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, progress.containerProps), {}, {
-    ref: ref
-  }, nativeProps), {}, {
+  return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2(_objectSpread2({}, nativeProps), progress.containerProps), {}, {
+    ref: ref,
     children: [/*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({}, progress.svgBoxProps), {}, {
@@ -30,0 +30,0 @@ children: [/*#__PURE__*/jsx("circle", _objectSpread2({}, progress.baseCircleProps)), /*#__PURE__*/jsx("circle", _objectSpread2({}, progress.nowCircleProps))]

npm/node/index.js

@@ -10,2 +10,5 @@ 'use strict';
 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');
 
@@ -21,2 +24,8 @@
 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/node/src/components/Button.js

@@ -21,2 +21,3 @@ 'use strict';
   var btnProps = headlessStyles.getButtonProps({
+    classNames: headlessStyles.splitClassNameProp(nativeProps.className),
     disabled: disabled,
@@ -30,3 +31,3 @@ size: size,
   var EndIcon = endIcon;
-  return /*#__PURE__*/jsxRuntime.jsxs("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, btnProps), nativeProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs("button", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), btnProps), {}, {
     ref: ref,
@@ -33,0 +34,0 @@ children: [StartIcon && /*#__PURE__*/jsxRuntime.jsx(StartIcon, _rollupPluginBabelHelpers.objectSpread2({}, iconProps)), children, EndIcon && /*#__PURE__*/jsxRuntime.jsx(EndIcon, _rollupPluginBabelHelpers.objectSpread2({}, iconProps))]

npm/node/src/components/CircularProgress.js

@@ -22,2 +22,3 @@ 'use strict';
     ariaLabel: ariaLabel,
+    classNames: headlessStyles.splitClassNameProp(props.className),
     kind: kind,
@@ -29,5 +30,4 @@ max: max,
   });
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, progress.containerProps), {}, {
-    ref: ref
-  }, nativeProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, nativeProps), progress.containerProps), {}, {
+    ref: ref,
     children: [/*#__PURE__*/jsxRuntime.jsxs("svg", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, progress.svgBoxProps), {}, {
@@ -34,0 +34,0 @@ children: [/*#__PURE__*/jsxRuntime.jsx("circle", _rollupPluginBabelHelpers.objectSpread2({}, progress.baseCircleProps)), /*#__PURE__*/jsxRuntime.jsx("circle", _rollupPluginBabelHelpers.objectSpread2({}, progress.nowCircleProps))]

npm/types/src/components/CircularProgress.d.ts

 import { type HTMLAttributes } from 'react';
 import type { CircularProgressOptions } from '@pluralsight/headless-styles/types';
-interface CircularProgressProps extends CircularProgressOptions, Exclude<HTMLAttributes<HTMLDivElement>, 'className'> {
+interface CircularProgressProps extends CircularProgressOptions, HTMLAttributes<HTMLDivElement> {
     displayValue?: boolean;
@@ -5,0 +5,0 @@ }

npm/types/src/index.d.ts

@@ -6,1 +6,4 @@ export { Admonition, AdmonitionHeading, AdmonitionText, } from './components/Admonition.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-3b6a3d",
+  "version": "0.4.1-next-4362dd",
   "description": "A React component library for Pando.",
@@ -51,5 +51,5 @@ "main": "npm/node/index.js",
   "dependencies": {
-    "@pluralsight/headless-styles": "0.4.1-next-635f81",
-    "@pluralsight/icons": "0.4.1-next-635f81",
-    "@pluralsight/react-utils": "0.4.1-next-635f81",
+    "@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"
@@ -56,0 +56,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 by6.66%

Number of package files

48

increased by26.32%

Lines of code

1202

increased by11.61%

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-635f81(transitive)

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

• - Removed@pluralsight/react-utils@0.4.1-next-635f81(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