@theme-ui/components - npm Package Compare versions

Comparing version 0.4.0-alpha.0 to 0.4.0-alpha.1

dist/index.esm.js

@@ -75,3 +75,3 @@ import { css, get } from '@theme-ui/css';
 
-var Text = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref }, props, { __themeKey: "text" })); });
+var Text = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref, variant: "default" }, props, { __themeKey: "text" })); });
 
@@ -78,0 +78,0 @@ var Heading = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref, as: "h2", variant: "heading" }, props, { __themeKey: "text", __css: {

dist/index.js

@@ -77,3 +77,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var Text = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref }, props, { __themeKey: "text" })); });
+var Text = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref, variant: "default" }, props, { __themeKey: "text" })); });
 
@@ -80,0 +80,0 @@ var Heading = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref, as: "h2", variant: "heading" }, props, { __themeKey: "text", __css: {

dist/index.umd.js

@@ -77,3 +77,3 @@ (function (global, factory) {
 
-  var Text = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref }, props, { __themeKey: "text" })); });
+  var Text = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref, variant: "default" }, props, { __themeKey: "text" })); });
 
@@ -80,0 +80,0 @@ var Heading = React.forwardRef(function (props, ref) { return React.createElement( Box, Object.assign({}, { ref: ref, as: "h2", variant: "heading" }, props, { __themeKey: "text", __css: {

package.json

 {
   "name": "@theme-ui/components",
-  "version": "0.4.0-alpha.0",
+  "version": "0.4.0-alpha.1",
   "main": "dist/index.js",
@@ -17,3 +17,3 @@ "module": "dist/index.esm.js",
     "@styled-system/space": "^5.1.2",
-    "@theme-ui/css": "^0.4.0-alpha.0"
+    "@theme-ui/css": "^0.4.0-alpha.1"
   },
@@ -28,3 +28,3 @@ "peerDependencies": {
   "license": "MIT",
-  "gitHead": "fbdd88ea280c0d9880d39a114cb6d19f0d4da2ca"
+  "gitHead": "3017092f4790b1f83259ce2f638619906840dd51"
 }

README.md

@@ -6,2 +6,4 @@
 
+**Note:** *This package is included in the main `theme-ui` package and a separate installation is not required.*
+
 ```sh
@@ -8,0 +10,0 @@ npm i @theme-ui/components

src/Text.js

@@ -5,3 +5,3 @@ import React from 'react'
 export const Text = React.forwardRef((props, ref) => (
-  <Box ref={ref} {...props} __themeKey="text" />
+  <Box ref={ref} variant="default" {...props} __themeKey="text" />
 ))

test/index.js

@@ -66,2 +66,5 @@ import React from 'react'
   text: {
+    default: {
+      fontSize: 3,
+    },
     heading: {
@@ -68,0 +71,0 @@ fontSize: 5,

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

Improved metrics

Total package byte prevSize

244901

increased by0.14%

Lines of code

3070

increased by0.1%

Number of lines in readme file

13

increased by18.18%

Dependency changes

• Updated@theme-ui/css@^0.4.0-alpha.1