@pluralsight/react - npm Package Compare versions

Comparing version 0.4.1-next-61e490 to 0.4.1-next-62ea0f

npm/browser/index.js

@@ -6,5 +6,10 @@ 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 { 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 { Label as unsafe_Label } from './src/components/Label.js';
 export { ProgressBar as unsafe_ProgressBar } from './src/components/ProgressBar.js';
+export { Show as unsafe_Show } from './src/components/Show.js';
 export { Skeleton as unsafe_Skeleton } from './src/components/Skeleton.js';
@@ -14,3 +19,4 @@ 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 { 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/Icon.js

@@ -6,8 +6,9 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 
-var _excluded = ["ariaLabel", "ariaHidden", "customSize", "size"];
+var _excluded = ["ariaHidden", "ariaLabel", "customSize", "icon", "size"];
 function IconEl(props, ref) {
-  var _props$icon;
-  var ariaLabel = props.ariaLabel,
-    ariaHidden = props.ariaHidden,
+  // @ts-expect-error ariaLabel only exists if ariaHidden is false
+  var ariaHidden = props.ariaHidden,
+    ariaLabel = props.ariaLabel,
     customSize = props.customSize,
+    icon = props.icon,
     size = props.size,
@@ -22,3 +23,3 @@ nativeProps = _objectWithoutProperties(props, _excluded);
   });
-  var Icon = (_props$icon = props.icon) !== null && _props$icon !== void 0 ? _props$icon : null;
+  var Icon = icon !== null && icon !== void 0 ? icon : null;
   if (!Icon) {
@@ -25,0 +26,0 @@ return null;

npm/node/index.js

@@ -10,5 +10,10 @@ 'use strict';
 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 Label = require('./src/components/Label.js');
 const ProgressBar = require('./src/components/ProgressBar.js');
+const Show = require('./src/components/Show.js');
 const Skeleton = require('./src/components/Skeleton.js');
@@ -18,2 +23,3 @@ const Table = require('./src/components/Table.js');
 const TextLink = require('./src/components/TextLink.js');
+const FormControl = require('./src/context/FormControl.js');
 const reactUtils = require('@pluralsight/react-utils');
@@ -30,5 +36,11 @@
 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_Label = Label.Label;
 exports.unsafe_ProgressBar = ProgressBar.ProgressBar;
+exports.unsafe_Show = Show.Show;
 exports.unsafe_Skeleton = Skeleton.Skeleton;
@@ -44,2 +56,4 @@ exports.unsafe_Caption = Table.Caption;
 exports.unsafe_TextLink = TextLink.TextLink;
+exports.unsafe_FormControlProvider = FormControl.FormControlProvider;
+exports.unsafe_useFormControl = FormControl.useFormControl;
 Object.defineProperty(exports, 'useTheme', {
@@ -46,0 +60,0 @@ enumerable: true,

npm/node/src/components/Icon.js

@@ -10,8 +10,9 @@ 'use strict';
 
-var _excluded = ["ariaLabel", "ariaHidden", "customSize", "size"];
+var _excluded = ["ariaHidden", "ariaLabel", "customSize", "icon", "size"];
 function IconEl(props, ref) {
-  var _props$icon;
-  var ariaLabel = props.ariaLabel,
-    ariaHidden = props.ariaHidden,
+  // @ts-expect-error ariaLabel only exists if ariaHidden is false
+  var ariaHidden = props.ariaHidden,
+    ariaLabel = props.ariaLabel,
     customSize = props.customSize,
+    icon = props.icon,
     size = props.size,
@@ -26,3 +27,3 @@ nativeProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
   });
-  var Icon = (_props$icon = props.icon) !== null && _props$icon !== void 0 ? _props$icon : null;
+  var Icon = icon !== null && icon !== void 0 ? icon : null;
   if (!Icon) {
@@ -29,0 +30,0 @@ return null;

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

 import { type SVGAttributes } from 'react';
 import type { IconOptions } from '@pluralsight/headless-styles/types';
 import type { UsesIconProps } from './shared/types.ts';
-interface IconProps extends IconOptions, Required<UsesIconProps>, SVGAttributes<SVGSVGElement> {
-}
+type IconProps = IconOptions & Required<UsesIconProps> & SVGAttributes<SVGSVGElement>;
 export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
 export {};

npm/types/src/index.d.ts

@@ -6,5 +6,10 @@ export { Admonition, AdmonitionHeading, AdmonitionText, } from './components/Admonition.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 { Label } from './components/Label.tsx';
 export { ProgressBar } from './components/ProgressBar.tsx';
+export { Show } from './components/Show.tsx';
 export { Skeleton } from './components/Skeleton.tsx';
@@ -14,2 +19,3 @@ export { Table, TBody, Caption, THead, TH, TR, TD, } from './components/Table.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-61e490",
+  "version": "0.4.1-next-62ea0f",
   "description": "A React component library for Pando.",
@@ -19,3 +19,3 @@ "main": "npm/node/index.js",
       "import": "./src/index.ts",
-      "types": "./src/types/src/index.d.ts"
+      "types": "./src/types.d.ts"
     }
@@ -52,6 +52,11 @@ },
   "dependencies": {
-    "@pluralsight/headless-styles": "0.4.1-next-b3c10f",
-    "@pluralsight/react-utils": "0.4.1-next-b3c10f",
+    "@pluralsight/react-utils": "0.4.1-next-f09736",
     "tslib": "latest"
   },
+  "peerDependencies": {
+    "@pluralsight/headless-styles": "*",
+    "@pluralsight/icons": "*",
+    "react": "*",
+    "react-dom": "*"
+  },
   "devDependencies": {
@@ -63,3 +68,4 @@ "@babel/core": "^7.21.5",
     "@babel/runtime": "^7.20.13",
-    "@pluralsight/icons": "0.4.1-next-b3c10f",
+    "@pluralsight/headless-styles": "0.4.1-next-f09736",
+    "@pluralsight/icons": "0.4.1-next-f09736",
     "@rollup/plugin-alias": "^5.0.0",
@@ -84,2 +90,3 @@ "@rollup/plugin-babel": "^6.0.3",
     "@typescript-eslint/parser": "^5.59.2",
+    "core-js": "^3.30.2",
     "eslint": "^8.39.0",
@@ -102,7 +109,2 @@ "eslint-import-resolver-typescript": "^3.5.5",
   },
-  "peerDependencies": {
-    "@pluralsight/icons": "*",
-    "react": "*",
-    "react-dom": "*"
-  },
   "keywords": [
@@ -109,0 +111,0 @@ "pluralsight",

No alert changes

Improved metrics

Total package byte prevSize

343964

13.75%

Number of package files

104

40.54%

Lines of code

2095

23.82%

Worsened metrics

Dev dependency count

43

4.88%

Dependency changes

• + Added

  @pluralsight/headless-styles@0.7.1
  (transitive)

• + Added

  @pluralsight/react-utils@0.4.1-next-f09736
  (transitive)

• + Added

  core-js@3.41.0
  (transitive)

• - Removed

  @pluralsight/headless-styles@0.4.1-next-b3c10f

• - Removed

  @pluralsight/headless-styles@0.4.1-next-b3c10f
  (transitive)

• - Removed

  @pluralsight/react-utils@0.4.1-next-b3c10f
  (transitive)

• Updated

  @pluralsight/react-utils@0.4.1-next-f09736