@core-design/components-react - npm Package Compare versions

Comparing version 2.0.7 to 2.1.0

dist/index.esm.js

 import React from 'react';
-import { applyPolyfills, defineCustomElements } from '@core-design/components/loader';
+import { applyPolyfills, defineCustomElements } from '@core-design/components-web/loader';
 
@@ -153,5 +153,7 @@ function attachEventProps(node, newProps, oldProps = {}) {
 const CoreCheckbox = /*@__PURE__*/ createReactComponent('core-checkbox');
+const CoreColorGrid = /*@__PURE__*/ createReactComponent('core-color-grid');
 const CoreDropdown = /*@__PURE__*/ createReactComponent('core-dropdown');
 const CoreDropdownItem = /*@__PURE__*/ createReactComponent('core-dropdown-item');
 const CoreIcon = /*@__PURE__*/ createReactComponent('core-icon');
+const CoreIconGrid = /*@__PURE__*/ createReactComponent('core-icon-grid');
 const CoreInput = /*@__PURE__*/ createReactComponent('core-input');
@@ -163,2 +165,4 @@ const CoreLabel = /*@__PURE__*/ createReactComponent('core-label');
 const CoreSpinner = /*@__PURE__*/ createReactComponent('core-spinner');
+const CoreTab = /*@__PURE__*/ createReactComponent('core-tab');
+const CoreTabGroup = /*@__PURE__*/ createReactComponent('core-tab-group');
 const CoreTag = /*@__PURE__*/ createReactComponent('core-tag');
@@ -170,3 +174,3 @@ const CoreTextarea = /*@__PURE__*/ createReactComponent('core-textarea');
 
-export { CoreAlert, CoreBadge, CoreButton, CoreCheckbox, CoreDropdown, CoreDropdownItem, CoreIcon, CoreInput, CoreLabel, CorePopover, CoreProgress, CoreRadio, CoreSpinner, CoreTag, CoreTextarea, CoreToast, CoreToggle, CoreTooltip };
+export { CoreAlert, CoreBadge, CoreButton, CoreCheckbox, CoreColorGrid, CoreDropdown, CoreDropdownItem, CoreIcon, CoreIconGrid, CoreInput, CoreLabel, CorePopover, CoreProgress, CoreRadio, CoreSpinner, CoreTab, CoreTabGroup, CoreTag, CoreTextarea, CoreToast, CoreToggle, CoreTooltip };
 //# sourceMappingURL=index.esm.js.map

dist/index.js

@@ -8,3 +8,3 @@ 'use strict';
 const React = _interopDefault(require('react'));
-const loader = require('@core-design/components/loader');
+const loader = require('@core-design/components-web/loader');
 
@@ -160,5 +160,7 @@ function attachEventProps(node, newProps, oldProps = {}) {
 const CoreCheckbox = /*@__PURE__*/ createReactComponent('core-checkbox');
+const CoreColorGrid = /*@__PURE__*/ createReactComponent('core-color-grid');
 const CoreDropdown = /*@__PURE__*/ createReactComponent('core-dropdown');
 const CoreDropdownItem = /*@__PURE__*/ createReactComponent('core-dropdown-item');
 const CoreIcon = /*@__PURE__*/ createReactComponent('core-icon');
+const CoreIconGrid = /*@__PURE__*/ createReactComponent('core-icon-grid');
 const CoreInput = /*@__PURE__*/ createReactComponent('core-input');
@@ -170,2 +172,4 @@ const CoreLabel = /*@__PURE__*/ createReactComponent('core-label');
 const CoreSpinner = /*@__PURE__*/ createReactComponent('core-spinner');
+const CoreTab = /*@__PURE__*/ createReactComponent('core-tab');
+const CoreTabGroup = /*@__PURE__*/ createReactComponent('core-tab-group');
 const CoreTag = /*@__PURE__*/ createReactComponent('core-tag');
@@ -181,5 +185,7 @@ const CoreTextarea = /*@__PURE__*/ createReactComponent('core-textarea');
 exports.CoreCheckbox = CoreCheckbox;
+exports.CoreColorGrid = CoreColorGrid;
 exports.CoreDropdown = CoreDropdown;
 exports.CoreDropdownItem = CoreDropdownItem;
 exports.CoreIcon = CoreIcon;
+exports.CoreIconGrid = CoreIconGrid;
 exports.CoreInput = CoreInput;
@@ -191,2 +197,4 @@ exports.CoreLabel = CoreLabel;
 exports.CoreSpinner = CoreSpinner;
+exports.CoreTab = CoreTab;
+exports.CoreTabGroup = CoreTabGroup;
 exports.CoreTag = CoreTag;
@@ -193,0 +201,0 @@ exports.CoreTextarea = CoreTextarea;

dist/types/index.d.ts

@@ -1,1 +0,1 @@
-export * from './generated/components';
+export * from "./generated/core-design";

package.json

 {
   "name": "@core-design/components-react",
-  "version": "2.0.7",
+  "version": "2.1.0",
   "description": "React wrappers for Core Design System Components",
-  "homepage": "https://github.com/Dozuki/core-components#readme",
+  "homepage": "https://github.com/iFixit/core-design#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Dozuki/core-components.git"
+    "url": "git+https://github.com/iFixit/core-design.git"
   },
@@ -32,3 +32,3 @@ "publishConfig": {
     "@types/react-dom": "^16.9.0",
-    "np": "^3.1.0",
+    "np": "^6.5.0",
     "react": "^16.9.0",
@@ -41,3 +41,3 @@ "react-dom": "^16.9.0",
   "dependencies": {
-    "@core-design/components": "^2.0.7"
+    "@core-design/components-web": "^2.1.0"
   },
@@ -48,3 +48,3 @@ "peerDependencies": {
   },
-  "gitHead": "8e217f900b705a57f5e05ba6d3da8a7e7d22a89f"
+  "gitHead": "f73c260ea4cede4ede54c612eee57e3f3527331f"
 }

README.md

@@ -1,4 +0,4 @@
-# Core Components - React
+# React Components
 
-This package contains wrappers to easily use core-components in React.
+This package contains Stencil's `core-design`, but in pre-compiled React wrappers.
 
@@ -8,17 +8,23 @@ ## Usage
 ```javascript
-import { CoreButton } from '@core-design/components-react';
+import React from "react";
+import { CoreButton } from "@core-design/components-react";
+
+export default function App() {
+  return (
+    <div className="App">
+      <CoreButton>Button</CoreButton>
+    </div>
+  );
+}
 ```
 
-## Development
+...just add props 😁
 
-All code in `./src/generated` is automatically generated by stencil. See [`packages/components`](https://github.com/Dozuki/core-design/tree/master/packages/components#generating-react-components) for more info.
+[Play with an example](https://codesandbox.io/s/core-button-example-dk8su)
 
 ### Package Management
 
-To compile and build this package, run the `build` npm script.
+To compile and build packages, head to the `core-design` root and run:
 
-From `root`:
-
 ```bash
-# This will run the `build` script in any package that has it defined in its package.json
 lerna run build
@@ -29,2 +35,2 @@ ```
 
-Lerna provides a simple CLI interface for publishing to NPM. See the [root readme](https://github.com/Dozuki/core-design/blob/master/readme.md) for more info.
+Lerna provides a simple CLI interface for publishing to NPM. See the [root readme](https://github.com/iFixit/core-design#core-design) for more info.

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

61856

increased by5.22%

Lines of code

496

increased by3.55%

Number of lines in readme file

35

increased by20.69%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@core-design/components-web@^2.1.0

• + Added@core-design/components-web@2.6.1(transitive)

• - Removed@core-design/components@^2.0.7

• - Removed@core-design/components@2.0.7(transitive)