@theme-ui/css - npm Package Compare versions

Comparing version 0.6.1-canary.1808020.0 to 0.6.2--canary.1423.38300b4995bb271ee158504673022f57a6e14703.0

package.json

 {
   "name": "@theme-ui/css",
-  "version": "0.6.1-canary.1808020.0",
+  "version": "0.6.2--canary.1423.38300b4995bb271ee158504673022f57a6e14703.0",
   "source": "src/index.ts",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/theme-ui-css.cjs.js",
+  "module": "dist/theme-ui-css.esm.js",
   "sideEffects": false,
-  "scripts": {
-    "prepare": "microbundle --no-compress --tsconfig tsconfig.json",
-    "watch": "microbundle watch --no-compress --tsconfig tsconfig.json",
-    "typecheck": "tsc --noEmit"
-  },
+  "scripts": {},
   "author": "Brent Jackson",
@@ -23,3 +18,3 @@ "license": "MIT",
   },
-  "gitHead": "18080204725f8ac489f0ad5ab8b68435812d041b"
+  "gitHead": "38300b4995bb271ee158504673022f57a6e14703"
 }

src/types.ts

@@ -365,14 +365,2 @@ import * as CSS from 'csstype'
   /**
-   * The **`border-top-width`** CSS property sets the width of the top border of an element.
-   *
-   * **Initial value**: `medium`
-   *
-   * | Chrome | Firefox | Safari |  Edge  |  IE   |
-   * | :----: | :-----: | :----: | :----: | :---: |
-   * | **1**  |  **1**  | **1**  | **12** | **4** |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/border-top-width
-   */
-  borderTopWidth?: CSS.Property.BorderTopWidth<never> | string
-  /**
    * The **`border-bottom-style`** CSS property sets the line style of an element's bottom `border`.
@@ -379,0 +367,0 @@ *

test/errors-and-inference.ts

@@ -75,3 +75,3 @@ import { expecter } from '@theme-ui/test-utils'
         interface Theme {
-          syntaxHighlighting: MySyntaxHighlightingTheme
+          syntaxHighlighting?: MySyntaxHighlightingTheme
         }
@@ -86,3 +86,3 @@ }
 
-      const syntaxHighlighting = theme.syntaxHighlighting
+      const syntaxHighlighting = theme.syntaxHighlighting!
     `).toInfer('syntaxHighlighting', 'MySyntaxHighlightingTheme')
@@ -89,0 +89,0 @@ })

test/index.ts

@@ -1,2 +0,2 @@
-import { css, NestedScale, NestedScaleDict, Theme } from '../src'
+import { css, NestedScale, NestedScaleDict, Theme, ThemeUIExtendedCSSProperties } from '../src'
 
@@ -679,1 +679,18 @@ const theme: Theme = {
 })
+
+
+test('borderTopWidth accepts number', () => {
+  expect(css({
+    borderTopWidth: 7,
+  })(theme)).toEqual({
+    borderTopWidth: 7,
+  })
+
+  expect(css({
+    borderTopWidth: 1,
+  })({
+    borderWidths: ['10px', '20px']
+  })).toEqual({
+    borderTopWidth: '20px',
+  })
+})

test/internal.ts

@@ -32,3 +32,3 @@ import { Theme, __internalGetUseRootStyles } from '../src'
         useBodyStyles: value,
-        useRootStyles: null,
+        useRootStyles: null as any as undefined,
       }
@@ -35,0 +35,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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

Worsened metrics

Total package byte prevSize

142829

decreased by-41.42%

Number of package files

20

decreased by-13.04%

Lines of code

4167

decreased by-3.72%

Number of low supply chain risk alerts

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes