@devseed-ui/button - npm Package Compare versions

Comparing version 2.4.3 to 2.4.5

CHANGELOG.md

 # @devseed-ui/button
 
+## 2.4.5
+
+### Patch Changes
+
+- Add SSR related test
+- Updated dependencies [undefined]
+  - @devseed-ui/collecticons@1.0.0
+
 ## 2.4.4
@@ -4,0 +12,0 @@

package.json

 {
   "name": "@devseed-ui/button",
-  "version": "2.4.3",
+  "version": "2.4.5",
   "description": "devseed UI Kit Button",
@@ -12,2 +12,14 @@ "browser": "./dist/index.web.js",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/developmentseed/ui-library-seed.git"
+  },
+  "keywords": [
+    "css",
+    "framework",
+    "front-end",
+    "responsive",
+    "styled-components",
+    "web"
+  ],
   "publishConfig": {
@@ -18,4 +30,4 @@ "access": "public"
     "@devseed-ui/theme-provider": "^2.4.0",
-    "@devseed-ui/collecticons": "0.11.2"
+    "@devseed-ui/collecticons": "1.0.0"
   }
 }

README.md

@@ -1,11 +0,7 @@
-### Import
+# @devseed-ui/button
 
-```code
-  import Button from '@devseed-ui/button';
-```
+Button is a default component to display action in a page.
 
 ## Guidelines and examples
 
-Button is a default component to display action in a page.
-
 #### Variation
@@ -85,9 +81,37 @@
   - Prop name: "variant"
-    Type: "oneOf ['default', 'primary', 'info', 'danger', 'dark']"
+    Type: "combination of primary/base/danger/success-raised/plain-light/semidark/dark"
     Description: "Sets the style variant of the button"
-    Default value: "default"
+    Default value: "base-plain"
   - Prop name: "size"
-    Type: "oneOf ['small', 'medium', 'large']"
+    Type: "oneOf ['small', 'medium', 'large', 'xlarge']"
     Description: "Sets the size of the button"
     Default value: "medium"
+  - Prop name: "radius"
+    Type: "oneOf ['ellipsoid','square', 'rounded']"
+    Description: "The value for the radius"
+    Default value: "rounded"
+  - Prop name: "box"
+    Type: "oneOf ['block','semi-fluid', 'null']"
+    Description: "The value for the box."
+    Default value: "null"
+  - Prop name: "active"
+    Type: "bool"
+    Description: "Whether the button is in an active state."
+    Default value: "false"
+  - Prop name: "hideText"
+    Type: "bool"
+    Description: "Whether the button text should be hidden"
+    Default value: "false"
+  - Prop name: "disabled"
+    Type: "bool"
+    Description: "Whether the button should be disabled."
+    Default value: "false"
+  - Prop name: "visuallyDisabled"
+    Type: "bool"
+    Description: "Whether the button should be visually disabled. A visually disabled button looks disabled but retains the mouse events. This is useful to trigger tooltips on hover."
+    Default value: "false"
+  - Prop name: "useIcon"
+    Type: "oneOf [array, string]"
+    Description: "The value for the icon. Has to be the name of a collecticon. If an array is used instead of a string, the first position is the name of the icon, and the second the position ('before' | 'after')."
+    Default value: "null"
   - Prop name: "onClick"
@@ -94,0 +118,0 @@ Type: "func"

src/Button.spec.js

 import React from 'react';
+import { renderToString } from 'react-dom/server';
 import { cleanup } from '@testing-library/react';
+import { DevseedUiThemeProvider } from '@devseed-ui/theme-provider';
 
@@ -68,2 +70,12 @@ import { Button } from '.';
   });
+
+  it('renders SSR compatible <Button />', () => {
+    const renderOnServer = () =>
+      renderToString(
+        <DevseedUiThemeProvider>
+          <Button>Some button</Button>
+        </DevseedUiThemeProvider>,
+      );
+    expect(renderOnServer).not.toThrow();
+  });
 });

New alerts

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

Fixed alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

122084

2.24%

Lines of code

845

1.32%

Number of lines in readme file

121

24.74%

Number of low supply chain risk alerts

1

-50%

Worsened metrics

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• + Added

  @devseed-ui/collecticons@1.0.0
  (transitive)

• - Removed

  @devseed-ui/collecticons@0.11.2
  (transitive)

• - Removed

  collecticons-lib@2.2.0
  (transitive)

• Updated

  @devseed-ui/collecticons@1.0.0