@theme-ui/css - npm Package Compare versions

Comparing version 0.6.2--canary.17d24e3.0 to 0.6.2--canary.35641aa.0

dist/types.d.ts

@@ -349,14 +349,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`.
@@ -363,0 +351,0 @@ *

package.json

 {
   "name": "@theme-ui/css",
-  "version": "0.6.2--canary.17d24e3.0",
+  "version": "0.6.2--canary.35641aa.0",
   "source": "src/index.ts",
@@ -23,3 +23,3 @@ "main": "dist/index.js",
   },
-  "gitHead": "17d24e3ff931a99b2616cd495a871918edca7799"
+  "gitHead": "35641aae6322a10f0d660a971a4deca3dbf272cf"
 }

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/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',
+  })
+})

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

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

243194

decreased by-0.26%

Lines of code

4317

decreased by-0.25%

No dependency changes