@pluralsight/react - npm Package Compare versions

Comparing version 0.4.1-next-8b575f to 0.4.1-next-8fa40f

npm/browser/index.js

@@ -5,2 +5,15 @@ export { Admonition as unsafe_Admonition, AdmonitionHeading as unsafe_AdmonitionHeading, AdmonitionText as unsafe_AdmonitionText } from './src/components/Admonition.js';
 export { Button as unsafe_Button } from './src/components/Button.js';
+export { CircularProgress as unsafe_CircularProgress } from './src/components/CircularProgress.js';
+export { ErrorMessage as unsafe_ErrorMessage } from './src/components/ErrorMessage.js';
+export { FieldMessage as unsafe_FieldMessage } from './src/components/FieldMessage.js';
+export { Grid as unsafe_Grid, GridItem as unsafe_GridItem } from './src/components/Grid.js';
+export { Icon as unsafe_Icon } from './src/components/Icon.js';
+export { IconButton as unsafe_IconButton } from './src/components/IconButton.js';
+export { ProgressBar as unsafe_ProgressBar } from './src/components/ProgressBar.js';
+export { Skeleton as unsafe_Skeleton } from './src/components/Skeleton.js';
+export { Caption as unsafe_Caption, TBody as unsafe_TBody, TD as unsafe_TD, TH as unsafe_TH, THead as unsafe_THead, TR as unsafe_TR, Table as unsafe_Table } from './src/components/Table.js';
+export { Tag as unsafe_Tag } from './src/components/Tag.js';
+export { TextLink as unsafe_TextLink } from './src/components/TextLink.js';
+export { FormControlProvider as unsafe_FormControlProvider, useFormControl as unsafe_useFormControl } from './src/context/FormControl.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/node/index.js

@@ -9,2 +9,15 @@ 'use strict';
 const Button = require('./src/components/Button.js');
+const CircularProgress = require('./src/components/CircularProgress.js');
+const ErrorMessage = require('./src/components/ErrorMessage.js');
+const FieldMessage = require('./src/components/FieldMessage.js');
+const Grid = require('./src/components/Grid.js');
+const Icon = require('./src/components/Icon.js');
+const IconButton = require('./src/components/IconButton.js');
+const ProgressBar = require('./src/components/ProgressBar.js');
+const Skeleton = require('./src/components/Skeleton.js');
+const Table = require('./src/components/Table.js');
+const Tag = require('./src/components/Tag.js');
+const TextLink = require('./src/components/TextLink.js');
+const FormControl = require('./src/context/FormControl.js');
+const reactUtils = require('@pluralsight/react-utils');
 
@@ -19,2 +32,26 @@
 exports.unsafe_Button = Button.Button;
+exports.unsafe_CircularProgress = CircularProgress.CircularProgress;
+exports.unsafe_ErrorMessage = ErrorMessage.ErrorMessage;
+exports.unsafe_FieldMessage = FieldMessage.FieldMessage;
+exports.unsafe_Grid = Grid.Grid;
+exports.unsafe_GridItem = Grid.GridItem;
+exports.unsafe_Icon = Icon.Icon;
+exports.unsafe_IconButton = IconButton.IconButton;
+exports.unsafe_ProgressBar = ProgressBar.ProgressBar;
+exports.unsafe_Skeleton = Skeleton.Skeleton;
+exports.unsafe_Caption = Table.Caption;
+exports.unsafe_TBody = Table.TBody;
+exports.unsafe_TD = Table.TD;
+exports.unsafe_TH = Table.TH;
+exports.unsafe_THead = Table.THead;
+exports.unsafe_TR = Table.TR;
+exports.unsafe_Table = Table.Table;
+exports.unsafe_Tag = Tag.Tag;
+exports.unsafe_TextLink = TextLink.TextLink;
+exports.unsafe_FormControlProvider = FormControl.FormControlProvider;
+exports.unsafe_useFormControl = FormControl.useFormControl;
+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/types/src/components/Badge.d.ts

@@ -1,7 +0,7 @@
-import { type HTMLAttributes, type ElementType } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BadgeOptions } from '@pluralsight/headless-styles/types';
-interface BadgeProps extends BadgeOptions, HTMLAttributes<HTMLSpanElement> {
-    icon?: ElementType;
+import type { UsesIconProps } from './shared/types.ts';
+interface BadgeProps extends BadgeOptions, UsesIconProps, HTMLAttributes<HTMLSpanElement> {
 }
 export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
 export {};

npm/types/src/index.d.ts

@@ -5,1 +5,14 @@ export { Admonition, AdmonitionHeading, AdmonitionText, } from './components/Admonition.tsx';
 export { Button } from './components/Button.tsx';
+export { CircularProgress } from './components/CircularProgress.tsx';
+export { ErrorMessage } from './components/ErrorMessage.tsx';
+export { FieldMessage } from './components/FieldMessage.tsx';
+export { Grid, GridItem } from './components/Grid.tsx';
+export { Icon } from './components/Icon.tsx';
+export { IconButton } from './components/IconButton.tsx';
+export { ProgressBar } from './components/ProgressBar.tsx';
+export { Skeleton } from './components/Skeleton.tsx';
+export { Table, TBody, Caption, THead, TH, TR, TD, } from './components/Table.tsx';
+export { Tag } from './components/Tag.tsx';
+export { TextLink } from './components/TextLink.tsx';
+export { FormControlProvider, useFormControl } from './context/FormControl.tsx';
+export { useTheme } from '@pluralsight/react-utils';

package.json

 {
   "name": "@pluralsight/react",
-  "version": "0.4.1-next-8b575f",
+  "version": "0.4.1-next-8fa40f",
   "description": "A React component library for Pando.",
@@ -51,5 +51,4 @@ "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-bd2e6b",
+    "@pluralsight/react-utils": "0.4.1-next-bd2e6b",
     "tslib": "latest"
@@ -63,10 +62,11 @@ },
     "@babel/runtime": "^7.20.13",
-    "@rollup/plugin-alias": "^4.0.0",
+    "@pluralsight/icons": "0.4.1-next-bd2e6b",
+    "@rollup/plugin-alias": "^5.0.0",
     "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^23.0.0",
+    "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-replace": "^5.0.0",
-    "@testing-library/dom": "^8.17.1",
+    "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.3.0",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
@@ -77,3 +77,3 @@ "@types/babel__core": "latest",
     "@types/jest": "^29.2.5",
-    "@types/node": "^18.11.18",
+    "@types/node": "^20.1.7",
     "@types/react": "latest",
@@ -84,2 +84,3 @@ "@types/react-dom": "latest",
     "@typescript-eslint/parser": "^5.59.2",
+    "core-js": "^3.30.2",
     "eslint": "^8.39.0",
@@ -99,6 +100,7 @@ "eslint-import-resolver-typescript": "^3.5.5",
     "rollup": "^3.2.2",
-    "rollup-plugin-node-externals": "^5.1.2",
-    "typescript": "5.0.2"
+    "rollup-plugin-node-externals": "^6.0.1",
+    "typescript": "5.0.4"
   },
   "peerDependencies": {
+    "@pluralsight/icons": "*",
     "react": "*",
@@ -105,0 +107,0 @@ "react-dom": "*"

No alert changes

Improved metrics

Total package byte prevSize

331966

increased by52.02%

Number of package files

94

increased by184.85%

Lines of code

1993

increased by100.5%

Worsened metrics

Dev dependency count

42

increased by5%

Dependency changes

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

• + Added@pluralsight/icons@0.7.1(transitive)

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

• + Addedcore-js@3.40.0(transitive)

• - Removed@pluralsight/icons@0.4.1-next-ca5e08

• - 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-bd2e6b

• Updated@pluralsight/react-utils@0.4.1-next-bd2e6b