brahma-ui - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

lib/index.esm.js

@@ -415,3 +415,3 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-var GlobalStyles = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 400;\n        font-display: swap;\n        src: local('Neue Montreal Regular'), local('Neue-Montreal-Regular'),\n            url('/fonts/NeueMontreal-Regular.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 500;\n        font-display: swap;\n        src: local('Neue Montreal Medium'), local('Neue-Montreal-Medium'),\n            url('/fonts/NeueMontreal-Medium.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 700;\n        font-display: swap;\n        src: local('Neue Montreal Bold'), local('Neue-Montreal-Bold'),\n            url('/fonts/NeueMontreal-Bold.woff2') format('woff2');\n    }\n    \n\n    @font-face {\n        font-family: 'Coanda';\n        font-style: normal;\n        font-weight: 400;\n        font-display: swap;\n        src: url('/fonts/Coanda-Regular.woff2') format('woff2');\n    }\n\n      * {\n          margin: 0;\n          padding: 0;\n          box-sizing: border-box;\n          -webkit-font-smoothing: antialiased;\n          -moz-osx-font-smoothing: grayscale;\n          &::before, &::after {\n            box-sizing: inherit;\n          }\n        }\n\n        html {\n            font-size: 62.5%;\n          }\n\n          body {\n            font-family: \"Neue Montreal, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif\";\n          }\n\n    \n  "], ["\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 400;\n        font-display: swap;\n        src: local('Neue Montreal Regular'), local('Neue-Montreal-Regular'),\n            url('/fonts/NeueMontreal-Regular.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 500;\n        font-display: swap;\n        src: local('Neue Montreal Medium'), local('Neue-Montreal-Medium'),\n            url('/fonts/NeueMontreal-Medium.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 700;\n        font-display: swap;\n        src: local('Neue Montreal Bold'), local('Neue-Montreal-Bold'),\n            url('/fonts/NeueMontreal-Bold.woff2') format('woff2');\n    }\n    \n\n    @font-face {\n        font-family: 'Coanda';\n        font-style: normal;\n        font-weight: 400;\n        font-display: swap;\n        src: url('/fonts/Coanda-Regular.woff2') format('woff2');\n    }\n\n      * {\n          margin: 0;\n          padding: 0;\n          box-sizing: border-box;\n          -webkit-font-smoothing: antialiased;\n          -moz-osx-font-smoothing: grayscale;\n          &::before, &::after {\n            box-sizing: inherit;\n          }\n        }\n\n        html {\n            font-size: 62.5%;\n          }\n\n          body {\n            font-family: \"Neue Montreal, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif\";\n          }\n\n    \n  "])));
+var GlobalStyles = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 400;\n        font-display: swap;\n        src: local('Neue Montreal Regular'), local('Neue-Montreal-Regular'),\n            url('/assets/fonts/NeueMontreal-Regular.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 500;\n        font-display: swap;\n        src: local('Neue Montreal Medium'), local('Neue-Montreal-Medium'),\n            url('/assets/fonts/NeueMontreal-Medium.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 700;\n        font-display: swap;\n        src: local('Neue Montreal Bold'), local('Neue-Montreal-Bold'),\n            url('/assets/fonts/NeueMontreal-Bold.woff2') format('woff2');\n    }\n    \n\n    @font-face {\n        font-family: 'Coanda';\n        font-style: normal;\n        font-weight: 400;\n        font-display: swap;\n        src: url('/assets/fonts/Coanda-Regular.woff2') format('woff2');\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        &::before, &::after {\n          box-sizing: inherit;\n        }\n      }\n\n    html {\n        font-size: 62.5%;\n      }\n\n    body {\n      font-family: \"Neue Montreal, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif\";\n    }\n\n    \n  "], ["\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 400;\n        font-display: swap;\n        src: local('Neue Montreal Regular'), local('Neue-Montreal-Regular'),\n            url('/assets/fonts/NeueMontreal-Regular.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 500;\n        font-display: swap;\n        src: local('Neue Montreal Medium'), local('Neue-Montreal-Medium'),\n            url('/assets/fonts/NeueMontreal-Medium.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Neue Montreal';\n        font-style: normal;\n        font-weight: 700;\n        font-display: swap;\n        src: local('Neue Montreal Bold'), local('Neue-Montreal-Bold'),\n            url('/assets/fonts/NeueMontreal-Bold.woff2') format('woff2');\n    }\n    \n\n    @font-face {\n        font-family: 'Coanda';\n        font-style: normal;\n        font-weight: 400;\n        font-display: swap;\n        src: url('/assets/fonts/Coanda-Regular.woff2') format('woff2');\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        &::before, &::after {\n          box-sizing: inherit;\n        }\n      }\n\n    html {\n        font-size: 62.5%;\n      }\n\n    body {\n      font-family: \"Neue Montreal, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif\";\n    }\n\n    \n  "])));
 var templateObject_1;
@@ -418,0 +418,0 @@

lib/styles/global.d.ts

@@ -1,3 +0,2 @@
-import { DefaultTheme, GlobalStyleComponent } from 'styled-components';
-declare const GlobalStyles: GlobalStyleComponent<{}, DefaultTheme>;
+declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export default GlobalStyles;

package.json

 {
   "name": "brahma-ui",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "storybook": "start-storybook -s ./public -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "start-storybook -s ./src -p 6006",
+    "build-storybook": "build-storybook -s ./src",
     "lint": "eslint src",
@@ -27,2 +27,3 @@ "build": "rollup -c"
     "@rollup/plugin-typescript": "^8.3.2",
+    "@rollup/plugin-url": "^7.0.0",
     "@storybook/addon-actions": "^6.4.20",
@@ -29,0 +30,0 @@ "@storybook/addon-essentials": "^6.4.20",

README.md

@@ -11,1 +11,5 @@ # Creating new components
 # Publishing
+
+- Login with your npm account
+- Bump version on package.json
+- Run npm publish

rollup.config.js

@@ -7,2 +7,4 @@ import peerDepsExternal from 'rollup-plugin-peer-deps-external'
 import image from '@rollup/plugin-image'
+import url from '@rollup/plugin-url'
+
 import packageJson from './package.json'
@@ -35,5 +37,10 @@
     }),
-    image()
+    image(),
+    url({
+      include: ['**/*.woff2'],
+      limit: Infinity,
+      fileName: '[dirname][name][extname]'
+    })
   ],
   external: ['react', 'react-dom']
 }

src/styles/global.ts

@@ -1,12 +0,3 @@
-import {
-  createGlobalStyle,
-  css,
-  DefaultTheme,
-  GlobalStyleComponent
-} from 'styled-components'
+import { createGlobalStyle } from 'styled-components'
 
-type GlobalStylesProps = {
-  removeBg?: boolean
-}
-
 const GlobalStyles = createGlobalStyle`
@@ -20,3 +11,3 @@
         src: local('Neue Montreal Regular'), local('Neue-Montreal-Regular'),
-            url('/fonts/NeueMontreal-Regular.woff2') format('woff2');
+            url('/assets/fonts/NeueMontreal-Regular.woff2') format('woff2');
     }
@@ -30,3 +21,3 @@
         src: local('Neue Montreal Medium'), local('Neue-Montreal-Medium'),
-            url('/fonts/NeueMontreal-Medium.woff2') format('woff2');
+            url('/assets/fonts/NeueMontreal-Medium.woff2') format('woff2');
     }
@@ -40,3 +31,3 @@
         src: local('Neue Montreal Bold'), local('Neue-Montreal-Bold'),
-            url('/fonts/NeueMontreal-Bold.woff2') format('woff2');
+            url('/assets/fonts/NeueMontreal-Bold.woff2') format('woff2');
     }
@@ -50,23 +41,23 @@
         font-display: swap;
-        src: url('/fonts/Coanda-Regular.woff2') format('woff2');
+        src: url('/assets/fonts/Coanda-Regular.woff2') format('woff2');
     }
 
-      * {
-          margin: 0;
-          padding: 0;
-          box-sizing: border-box;
-          -webkit-font-smoothing: antialiased;
-          -moz-osx-font-smoothing: grayscale;
-          &::before, &::after {
-            box-sizing: inherit;
-          }
+    * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        &::before, &::after {
+          box-sizing: inherit;
         }
+      }
 
-        html {
-            font-size: 62.5%;
-          }
+    html {
+        font-size: 62.5%;
+      }
 
-          body {
-            font-family: "Neue Montreal, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif";
-          }
+    body {
+      font-family: "Neue Montreal, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif";
+    }
 
@@ -73,0 +64,0 @@

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

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 4 instances 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

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

Improved metrics

Total package byte prevSize

378640

increased by19.19%

Number of package files

172

increased by2.38%

Number of lines in readme file

15

increased by36.36%

Worsened metrics

Dev dependency count

31

increased by3.33%

Lines of code

4115

decreased by-0.07%

Number of medium supply chain risk alerts

8

increased by100%

No dependency changes