@containous/faency - npm Package Compare versions

Comparing version 0.0.1-alpha.1 to 0.1.0

dist/components/Text.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 declare type TextProps = TextPrimitiveProps & {
-    fontWeight?: Prop<400 | 500>;
+    fontWeight?: Prop<400 | 600 | 700>;
     size?: Prop<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8>;
@@ -8,0 +8,0 @@ truncate?: Prop<boolean>;

dist/index.d.ts

@@ -5,6 +5,10 @@ export { Provider } from './Provider';
 export { Card } from './components/Card';
+export { Chip } from './components/Chip';
 export { Flex } from './components/Flex';
 export { Heading } from './components/Heading';
+export { Input } from './components/Input';
+export { Nav, NavItem, NavGroup } from './components/Nav';
+export { SubNav, SubNavItem } from './components/SubNav';
 export { Table, Thead, Tbody, Tfoot, Tr, Th, Td } from './components/Table';
 export { Text } from './components/Text';
 export { theme } from './theme';

dist/theme.d.ts

@@ -15,5 +15,6 @@ declare type Breakpoints<T> = Array<T> & {
     readonly lineHeights: readonly ["0", "8px", "16px", "24px", "32px", "40px", "48px", "54px", "62px", "70px"];
-    readonly radii: readonly ["0", "3px", "6px", "8px"];
+    readonly radii: readonly ["0", "3px", "6px", "8px", "12px"];
     colors: {
         readonly primary: "hsl(222, 67%, 51%)";
+        readonly dark: "hsl(223, 675%, 9%)";
         readonly black: "hsl(0, 0%, 0%)";
@@ -23,12 +24,18 @@ readonly blacks: readonly ["hsla(0, 0%, 0%, .9)", "hsla(0, 0%, 0%, .7)", "hsla(0, 0%, 0%, .5)", "hsla(0, 0%, 0%, .3)", "hsla(0, 0%, 0%, .1)"];
         readonly whites: readonly ["hsla(0, 0%, 100%, .9)", "hsla(0, 0%, 100%, .7)", "hsla(0, 0%, 100%, .5)", "hsla(0, 0%, 100%, .3)", "hsla(0, 0%, 100%, .1)"];
-        readonly gray: "hsl(208, 16%, 76%)";
-        readonly grays: readonly ["hsl(208, 32%, 99%)", "hsl(208, 28%, 97%)", "hsl(208, 24%, 93%)", "hsl(208, 20%, 86%)", "hsl(208, 16%, 76%)", "hsl(208, 12%, 46%)", "hsl(208, 16%, 15%)", "hsl(208, 20%, 10%)", "hsl(208, 24%, 7%)"];
-        readonly blue: "hsl(222, 67%, 51%)";
-        readonly blues: readonly ["hsl(222, 67%, 67%)", "hsl(222, 96%, 97%)", "hsl(222, 78%, 78%)", "hsl(222, 76%, 68%)", "hsl(222, 67%, 51%)", "hsl(222, 82%, 45%)", "hsl(222, 67%, 35%)", "hsl(222, 67%, 12%)", "hsl(222, 67%, 10%)"];
-        readonly green: "hsl(175, 100%, 33%)";
-        readonly greens: readonly ["hsl(175, 60%, 99%)", "hsl(175, 60%, 97%)", "hsl(175, 40%, 72%)", "hsl(175, 34%, 64%)", "hsl(175, 100%, 33%)", "hsl(175, 62%, 40%)", "hsl(175, 60%, 38%)", "hsl(175, 60%, 12%)", "hsl(175, 60%, 10%)"];
+        readonly gray: "hsl(0, 0%, 86%)";
+        readonly grays: readonly ["hsl(0, 0%, 99%)", "hsl(0, 0%, 93%)", "hsl(220, 6%, 90%)", "hsl(0, 0%, 86%)", "hsl(0, 0%, 76%)", "hsl(0, 0%, 46%)", "hsl(0, 0%, 15%)", "hsl(208, 20%, 10%)", "hsl(208, 24%, 7%)"];
+        readonly blue: "hsl(220, 91%, 45%)";
+        readonly blues: readonly ["hsl(220, 67%, 99%)", "hsl(220, 71%, 96%)", "hsl(222, 50%, 91%)", "hsl(220, 76%, 68%)", "hsl(220, 67%, 51%)", "hsl(220, 91%, 45%)", "hsl(220, 67%, 35%)", "hsl(226, 27%, 22%)", "hsl(223, 675%, 9%)"];
+        readonly lightBlue: "hsl(190, 100%, 39%)";
+        readonly lightBlues: readonly ["hsl(190, 82%, 99%)", "hsl(190, 80%, 97%)", "hsl(196, 42%, 90%)", "hsl(190, 76%, 68%)", "hsl(190, 100%, 39%)", "hsl(190, 82%, 35%)", "hsl(190, 67%, 25%)", "hsl(190, 67%, 12%)", "hsl(190, 67%, 10%)"];
+        readonly green: "hsl(120, 100%, 33%)";
+        readonly greens: readonly ["hsl(129, 60%, 99%)", "hsl(129, 60%, 97%)", "hsl(143, 34%, 88%)", "hsl(129, 34%, 64%)", "hsl(129, 93%, 33%)", "hsl(129, 62%, 30%)", "hsl(129, 60%, 20%)", "hsl(129, 60%, 12%)", "hsl(129, 60%, 10%)"];
         readonly red: "hsl(347, 100%, 50%)";
         readonly reds: readonly ["hsl(347, 100%, 99%)", "hsl(347, 100%, 97%)", "hsl(347, 85%, 92%)", "hsl(347, 85%, 78%)", "hsl(347, 100%, 65%)", "hsl(347, 100%, 50%)", "hsl(347, 100%, 40%)", "hsl(347, 100%, 12%)", "hsl(347, 100%, 10%)"];
+        readonly purple: "hsl(297, 100%, 36%)";
+        readonly purples: readonly ["hsl(297, 100%, 99%)", "hsl(297, 100%, 97%)", "hsl(291, 38%, 90%)", "hsl(297, 100%, 60%)", "hsl(297, 100%, 36%)", "hsl(297, 100%, 24%)", "hsl(297, 100%, 18%)", "hsl(297, 100%, 12%)", "hsl(297, 100%, 10%)"];
+        readonly orange: "hsl(31, 100%, 46%)";
+        readonly oranges: readonly ["hsl(32, 86%, 99%)", "hsl(32, 86%, 97%)", "hsl(30, 42%, 91%)", "hsl(32, 86%, 78%)", "hsl(32, 86%, 65%)", "hsl(31, 100%, 46%)", "hsl(32, 86%, 40%)", "hsl(32, 86%, 12%)", "hsl(32, 86%, 10%)"];
     };
 };
 export {};

package.json

 {
   "name": "@containous/faency",
   "description": "Containous React component library",
-  "version": "0.0.1-alpha.1",
+  "version": "0.1.0",
   "private": false,
@@ -54,6 +54,6 @@ "publishConfig": {
     "@modulz/radix-icons": "^0.8.2",
-    "@storybook/addon-options": "5.2.6",
-    "@storybook/addon-storysource": "5.2.6",
-    "@storybook/addons": "^5.2.6",
-    "@storybook/react": "5.2.6",
+    "@storybook/addon-options": "5.2.8",
+    "@storybook/addon-storysource": "5.2.8",
+    "@storybook/addons": "5.2.8",
+    "@storybook/react": "5.2.8",
     "@storybook/storybook-deployer": "^2.8.1",
@@ -74,3 +74,3 @@ "@types/node": "^12.0.10",
   "author": "",
-  "license": "MIT"
+  "license": "Apache-2.0"
 }

README.md

 # [Faency](https://containous.github.io/faency/)
 
 [![Build Status](https://travis-ci.com/containous/faency.svg?branch=master)](https://travis-ci.com/containous/faency)
+[![npm](https://img.shields.io/npm/v/@containous/faency)](https://www.npmjs.com/package/@containous/faency)
 
-Faency is the [Containous](https://containo.us/) React component library
+Faency is the [Containous](https://containo.us/) React component library.
 
-### Installation
+## Installation
 
@@ -21,3 +22,3 @@ Run the following command using [npm](https://www.npmjs.com/):
 
-### Usage
+## Usage
 
@@ -27,10 +28,10 @@ Import components from the lib and start using them:
 ```js
-  import React from 'react';
-  import { Button } from '@containous/faency';
+import React from 'react';
+import { Button } from '@containous/faency';
 
-  const Component = () => (
-    <>
-      <Button variant="primary">Click me</Button>
-    </>
-  );
+const Component = () => (
+  <>
+    <Button variant="primary">Click me</Button>
+  </>
+);
 ```
@@ -40,3 +41,3 @@
 
-
-We use Storybook to create a simple, hot-reloading playground for development on these components. You can edit/create a `*.story.tsx` file to preview and document usage of a component.
+We use Storybook to create a simple, hot-reloading playground for development on these components.
+You can edit/create a `*.story.tsx` file to preview and document usage of a component.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

1326594

increased by52.53%

Number of package files

22

increased by37.5%

Lines of code

6586

increased by53.34%

Number of lines in readme file

41

increased by5.13%

Worsened metrics

Number of low supply chain risk alerts

13

increased by44.44%

No dependency changes