@devseed-ui/collecticons - npm Package Compare versions

Comparing version 0.11.1 to 0.11.2

CHANGELOG.md

@@ -8,3 +8,3 @@ # @devseed-ui/collecticons
 - upgrades button
-- Updated dependencies [undefined]
+- Updated dependencies
   - @devseed-ui/button@2.3.2
@@ -21,3 +21,2 @@
 - 662326e: Adds button groups and adds tests to other packages
-- Updated dependencies [undefined]
 - Updated dependencies [662326e]
@@ -24,0 +23,0 @@ - @devseed-ui/button@2.3.0

package.json

 {
   "name": "@devseed-ui/collecticons",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "devseed UI Kit Collecticons",
   "browser": "./dist/index.web.js",
   "main": "./dist/index.node.js",
-  "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "../../node_modules/.bin/webpack --config ../../webpack.config.js"
+    "build": "yarn webpack --config ../../webpack.config.js",
+    "watch": "yarn webpack --watch --config ../../webpack.config.js"
   },
@@ -16,5 +16,4 @@ "license": "MIT",
   "dependencies": {
-    "@devseed-ui/button": "^2.3.2",
     "collecticons-lib": "^2.1.0"
   }
 }

README.md

@@ -0,12 +1,19 @@
+### Import
 
-# New Package
+## Guidelines and examples
 
-## Example
+#### Variation
 
-**Output HTML**
+## API Documentation
 
-## Properties
-
-| Prop | Type | Description | Default |
-| ---- | ---- | ----------- | ------- |
-
+```table
+rows:
+  - Prop name: ""
+    Type: ""
+    Description: ""
+    Default value: ""
+  - Prop name: ""
+    Type: "oneOf []"
+    Description: ""
+    Default value: ""
+```

src/Collecticon.spec.js

 import React from 'react';
-import { mountWithTheme } from '../../../test/_setup-theme-provider';
-import toJson from 'enzyme-to-json';
+import { cleanup } from '@testing-library/react';
+
+import { renderWithTheme } from '../../../test/_setup-theme-provider';
+
 import styled from 'styled-components';
-import { Button } from '@devseed-ui/button';
 
@@ -10,3 +11,3 @@ import collecticon from '.';
 let wrapper;
-const IconButton = styled(Button)`
+const Icon = styled.span`
   ::before {
@@ -17,10 +18,12 @@ ${collecticon('trash-bin')}
 
+afterAll(cleanup);
+
 beforeEach(() => {
-  wrapper = mountWithTheme(<IconButton />);
+  wrapper = renderWithTheme(<Icon />);
 });
 
-describe('<IconButton />', () => {
-  it('renders <IconButton />', () => {
-    expect(toJson(wrapper)).toMatchSnapshot();
+describe('<Icon />', () => {
+  it('renders <Icon />', () => {
+    expect(wrapper.asFragment()).toMatchSnapshot();
   });
 });

src/Collecticon.stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import styled from 'styled-components';
-import { Button } from '@devseed-ui/button';
 
 import collecticon from '.';
 
-const RemoveButton = styled(Button)`
+const Icon = styled.span`
   ::before {
@@ -14,2 +13,4 @@ ${collecticon('trash-bin')}
 
-storiesOf('Collecticons', module).add('Default', () => <RemoveButton />);
+storiesOf('Collecticons', module).add('Default', () => (
+  <Icon>Icon before the text</Icon>
+));

No alert changes

Improved metrics

Dependency count

1

decreased by-50%

Lines of code

1526

increased by0.07%

Number of lines in readme file

20

increased by53.85%

Worsened metrics

Total package byte prevSize

271951

decreased by-4.34%

Dependency changes

• - Removed@devseed-ui/button@^2.3.2

• - Removed@babel/runtime@7.26.9(transitive)

• - Removed@devseed-ui/button@2.4.5(transitive)

• - Removed@devseed-ui/collecticons@1.0.0(transitive)

• - Removed@devseed-ui/theme-provider@2.4.0(transitive)

• - Removedlodash.get@4.4.2(transitive)

• - Removedpolished@3.7.2(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)