@theme-ui/theme-provider - npm Package Compare versions

Comparing version 0.4.0-highlight.0 to 0.4.0-rc.1

dist/index.esm.js

@@ -60,2 +60,8 @@ import { jsx, useThemeUI, ThemeProvider } from '@theme-ui/core';
   marginY: 'space',
+  marginBlock: 'space',
+  marginBlockEnd: 'space',
+  marginBlockStart: 'space',
+  marginInline: 'space',
+  marginInlineEnd: 'space',
+  marginInlineStart: 'space',
   padding: 'space',
@@ -68,2 +74,15 @@ paddingTop: 'space',
   paddingY: 'space',
+  paddingBlock: 'space',
+  paddingBlockEnd: 'space',
+  paddingBlockStart: 'space',
+  paddingInline: 'space',
+  paddingInlineEnd: 'space',
+  paddingInlineStart: 'space',
+  inset: 'space',
+  insetBlock: 'space',
+  insetBlockEnd: 'space',
+  insetBlockStart: 'space',
+  insetInline: 'space',
+  insetInlineEnd: 'space',
+  insetInlineStart: 'space',
   top: 'space',
@@ -108,2 +127,24 @@ right: 'space',
   borderRightStyle: 'borderStyles',
+  borderBlock: 'borders',
+  borderBlockEnd: 'borders',
+  borderBlockEndStyle: 'borderStyles',
+  borderBlockEndWidth: 'borderWidths',
+  borderBlockStart: 'borders',
+  borderBlockStartStyle: 'borderStyles',
+  borderBlockStartWidth: 'borderWidths',
+  borderBlockStyle: 'borderStyles',
+  borderBlockWidth: 'borderWidths',
+  borderEndEndRadius: 'radii',
+  borderEndStartRadius: 'radii',
+  borderInline: 'borders',
+  borderInlineEnd: 'borders',
+  borderInlineEndStyle: 'borderStyles',
+  borderInlineEndWidth: 'borderWidths',
+  borderInlineStart: 'borders',
+  borderInlineStartStyle: 'borderStyles',
+  borderInlineStartWidth: 'borderWidths',
+  borderInlineStyle: 'borderStyles',
+  borderInlineWidth: 'borderWidths',
+  borderStartEndRadius: 'radii',
+  borderStartStartRadius: 'radii',
   outlineColor: 'colors',
@@ -121,2 +162,8 @@ boxShadow: 'shadows',
   size: 'sizes',
+  blockSize: 'sizes',
+  inlineSize: 'sizes',
+  maxBlockSize: 'sizes',
+  maxInlineSize: 'sizes',
+  minBlockSize: 'sizes',
+  minInlineSize: 'sizes',
   // svg
@@ -148,3 +195,3 @@ fill: 'colors',
 
-var transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'top', 'bottom', 'left', 'right'].reduce(function (acc, curr) {
+var transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginBlock', 'marginBlockEnd', 'marginBlockStart', 'marginInline', 'marginInlineEnd', 'marginInlineStart', 'top', 'bottom', 'left', 'right'].reduce(function (acc, curr) {
   var obj;
@@ -242,5 +289,10 @@ return Object.assign({}, acc, (obj = {}, obj[curr] = positiveOrNegative, obj));
 var BodyStyles = function () { return jsx(Global, {
-  styles: function (theme) {
-    if (theme.useBodyStyles === false || theme.styles && !theme.styles.root) { return false; }
-    var boxSizing = theme.useBorderBox === false ? null : 'border-box';
+  styles: function (emotionTheme) {
+    var theme = emotionTheme;
+
+    if (theme.useBodyStyles === false || theme.styles && !theme.styles.root) {
+      return false;
+    }
+
+    var boxSizing = theme.useBorderBox === false ? undefined : 'border-box';
     return css({
@@ -247,0 +299,0 @@ '*': {

dist/index.js

@@ -60,2 +60,8 @@ var core = require('@theme-ui/core');
   marginY: 'space',
+  marginBlock: 'space',
+  marginBlockEnd: 'space',
+  marginBlockStart: 'space',
+  marginInline: 'space',
+  marginInlineEnd: 'space',
+  marginInlineStart: 'space',
   padding: 'space',
@@ -68,2 +74,15 @@ paddingTop: 'space',
   paddingY: 'space',
+  paddingBlock: 'space',
+  paddingBlockEnd: 'space',
+  paddingBlockStart: 'space',
+  paddingInline: 'space',
+  paddingInlineEnd: 'space',
+  paddingInlineStart: 'space',
+  inset: 'space',
+  insetBlock: 'space',
+  insetBlockEnd: 'space',
+  insetBlockStart: 'space',
+  insetInline: 'space',
+  insetInlineEnd: 'space',
+  insetInlineStart: 'space',
   top: 'space',
@@ -108,2 +127,24 @@ right: 'space',
   borderRightStyle: 'borderStyles',
+  borderBlock: 'borders',
+  borderBlockEnd: 'borders',
+  borderBlockEndStyle: 'borderStyles',
+  borderBlockEndWidth: 'borderWidths',
+  borderBlockStart: 'borders',
+  borderBlockStartStyle: 'borderStyles',
+  borderBlockStartWidth: 'borderWidths',
+  borderBlockStyle: 'borderStyles',
+  borderBlockWidth: 'borderWidths',
+  borderEndEndRadius: 'radii',
+  borderEndStartRadius: 'radii',
+  borderInline: 'borders',
+  borderInlineEnd: 'borders',
+  borderInlineEndStyle: 'borderStyles',
+  borderInlineEndWidth: 'borderWidths',
+  borderInlineStart: 'borders',
+  borderInlineStartStyle: 'borderStyles',
+  borderInlineStartWidth: 'borderWidths',
+  borderInlineStyle: 'borderStyles',
+  borderInlineWidth: 'borderWidths',
+  borderStartEndRadius: 'radii',
+  borderStartStartRadius: 'radii',
   outlineColor: 'colors',
@@ -121,2 +162,8 @@ boxShadow: 'shadows',
   size: 'sizes',
+  blockSize: 'sizes',
+  inlineSize: 'sizes',
+  maxBlockSize: 'sizes',
+  maxInlineSize: 'sizes',
+  minBlockSize: 'sizes',
+  minInlineSize: 'sizes',
   // svg
@@ -148,3 +195,3 @@ fill: 'colors',
 
-var transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'top', 'bottom', 'left', 'right'].reduce(function (acc, curr) {
+var transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginBlock', 'marginBlockEnd', 'marginBlockStart', 'marginInline', 'marginInlineEnd', 'marginInlineStart', 'top', 'bottom', 'left', 'right'].reduce(function (acc, curr) {
   var obj;
@@ -242,5 +289,10 @@ return Object.assign({}, acc, (obj = {}, obj[curr] = positiveOrNegative, obj));
 var BodyStyles = function () { return core.jsx(core$1.Global, {
-  styles: function (theme) {
-    if (theme.useBodyStyles === false || theme.styles && !theme.styles.root) { return false; }
-    var boxSizing = theme.useBorderBox === false ? null : 'border-box';
+  styles: function (emotionTheme) {
+    var theme = emotionTheme;
+
+    if (theme.useBodyStyles === false || theme.styles && !theme.styles.root) {
+      return false;
+    }
+
+    var boxSizing = theme.useBorderBox === false ? undefined : 'border-box';
     return css({
@@ -247,0 +299,0 @@ '*': {

dist/index.umd.js

@@ -60,2 +60,8 @@ (function (global, factory) {
     marginY: 'space',
+    marginBlock: 'space',
+    marginBlockEnd: 'space',
+    marginBlockStart: 'space',
+    marginInline: 'space',
+    marginInlineEnd: 'space',
+    marginInlineStart: 'space',
     padding: 'space',
@@ -68,2 +74,15 @@ paddingTop: 'space',
     paddingY: 'space',
+    paddingBlock: 'space',
+    paddingBlockEnd: 'space',
+    paddingBlockStart: 'space',
+    paddingInline: 'space',
+    paddingInlineEnd: 'space',
+    paddingInlineStart: 'space',
+    inset: 'space',
+    insetBlock: 'space',
+    insetBlockEnd: 'space',
+    insetBlockStart: 'space',
+    insetInline: 'space',
+    insetInlineEnd: 'space',
+    insetInlineStart: 'space',
     top: 'space',
@@ -108,2 +127,24 @@ right: 'space',
     borderRightStyle: 'borderStyles',
+    borderBlock: 'borders',
+    borderBlockEnd: 'borders',
+    borderBlockEndStyle: 'borderStyles',
+    borderBlockEndWidth: 'borderWidths',
+    borderBlockStart: 'borders',
+    borderBlockStartStyle: 'borderStyles',
+    borderBlockStartWidth: 'borderWidths',
+    borderBlockStyle: 'borderStyles',
+    borderBlockWidth: 'borderWidths',
+    borderEndEndRadius: 'radii',
+    borderEndStartRadius: 'radii',
+    borderInline: 'borders',
+    borderInlineEnd: 'borders',
+    borderInlineEndStyle: 'borderStyles',
+    borderInlineEndWidth: 'borderWidths',
+    borderInlineStart: 'borders',
+    borderInlineStartStyle: 'borderStyles',
+    borderInlineStartWidth: 'borderWidths',
+    borderInlineStyle: 'borderStyles',
+    borderInlineWidth: 'borderWidths',
+    borderStartEndRadius: 'radii',
+    borderStartStartRadius: 'radii',
     outlineColor: 'colors',
@@ -121,2 +162,8 @@ boxShadow: 'shadows',
     size: 'sizes',
+    blockSize: 'sizes',
+    inlineSize: 'sizes',
+    maxBlockSize: 'sizes',
+    maxInlineSize: 'sizes',
+    minBlockSize: 'sizes',
+    minInlineSize: 'sizes',
     // svg
@@ -148,3 +195,3 @@ fill: 'colors',
 
-  var transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'top', 'bottom', 'left', 'right'].reduce(function (acc, curr) {
+  var transforms = ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginBlock', 'marginBlockEnd', 'marginBlockStart', 'marginInline', 'marginInlineEnd', 'marginInlineStart', 'top', 'bottom', 'left', 'right'].reduce(function (acc, curr) {
     var obj;
@@ -242,5 +289,10 @@ return Object.assign({}, acc, (obj = {}, obj[curr] = positiveOrNegative, obj));
   var BodyStyles = function () { return core.jsx(core$1.Global, {
-    styles: function (theme) {
-      if (theme.useBodyStyles === false || theme.styles && !theme.styles.root) { return false; }
-      var boxSizing = theme.useBorderBox === false ? null : 'border-box';
+    styles: function (emotionTheme) {
+      var theme = emotionTheme;
+
+      if (theme.useBodyStyles === false || theme.styles && !theme.styles.root) {
+        return false;
+      }
+
+      var boxSizing = theme.useBorderBox === false ? undefined : 'border-box';
       return css({
@@ -247,0 +299,0 @@ '*': {

package.json

 {
   "name": "@theme-ui/theme-provider",
-  "version": "0.4.0-highlight.0",
+  "version": "0.4.0-rc.1",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
+  "source": "src/index.ts",
+  "types": "dist/index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "prepare": "microbundle --no-compress",
-    "watch": "microbundle watch --no-compress"
+    "prepare": "microbundle --no-compress --tsconfig tsconfig.json",
+    "watch": "microbundle watch --no-compress --tsconfig tsconfig.json"
   },
   "dependencies": {
     "@emotion/core": "^10.0.0",
-    "@theme-ui/color-modes": "^0.4.0-highlight.0",
-    "@theme-ui/core": "^0.4.0-highlight.0",
-    "@theme-ui/mdx": "^0.4.0-highlight.0"
+    "@theme-ui/color-modes": "^0.4.0-rc.1",
+    "@theme-ui/core": "^0.4.0-rc.1",
+    "@theme-ui/mdx": "^0.4.0-rc.1"
   },
@@ -23,3 +25,3 @@ "repository": "system-ui/theme-ui",
   },
-  "gitHead": "cff2e5f6d9ce1658de5ba1a81d10fdd5bbcf9d1e"
+  "gitHead": "66281f5681031ae26f80fbaef007e0b28ba07142"
 }

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

105329

increased by35.46%

Number of package files

657

increased by5375%

Lines of code

1172

increased by20.21%

Dependency changes

• Updated@theme-ui/color-modes@^0.4.0-rc.1

• Updated@theme-ui/core@^0.4.0-rc.1

• Updated@theme-ui/mdx@^0.4.0-rc.1