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

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

dist/index.esm.js

@@ -51,2 +51,4 @@ import { jsx, useThemeUI, ThemeProvider } from '@theme-ui/core';
   borderColor: 'colors',
+  caretColor: 'colors',
+  opacity: 'opacities',
   margin: 'space',
@@ -59,2 +61,8 @@ marginTop: 'space',
   marginY: 'space',
+  marginBlock: 'space',
+  marginBlockEnd: 'space',
+  marginBlockStart: 'space',
+  marginInline: 'space',
+  marginInlineEnd: 'space',
+  marginInlineStart: 'space',
   padding: 'space',
@@ -67,2 +75,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',
@@ -107,2 +128,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',
@@ -120,2 +163,8 @@ boxShadow: 'shadows',
   size: 'sizes',
+  blockSize: 'sizes',
+  inlineSize: 'sizes',
+  maxBlockSize: 'sizes',
+  maxInlineSize: 'sizes',
+  minBlockSize: 'sizes',
+  minInlineSize: 'sizes',
   // svg
@@ -128,2 +177,8 @@ fill: 'colors',
   if (typeof value !== 'number' || value >= 0) {
+    if (typeof value === 'string' && value.startsWith('-')) {
+      var valueWithoutMinus = value.substring(1);
+      var n$1 = get(scale, valueWithoutMinus, valueWithoutMinus);
+      return "-" + n$1;
+    }
+
     return get(scale, value, value);
@@ -142,3 +197,3 @@ }
 
-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;
@@ -145,0 +200,0 @@ return Object.assign({}, acc, (obj = {}, obj[curr] = positiveOrNegative, obj));

dist/index.js

@@ -51,2 +51,4 @@ var core = require('@theme-ui/core');
   borderColor: 'colors',
+  caretColor: 'colors',
+  opacity: 'opacities',
   margin: 'space',
@@ -59,2 +61,8 @@ marginTop: 'space',
   marginY: 'space',
+  marginBlock: 'space',
+  marginBlockEnd: 'space',
+  marginBlockStart: 'space',
+  marginInline: 'space',
+  marginInlineEnd: 'space',
+  marginInlineStart: 'space',
   padding: 'space',
@@ -67,2 +75,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',
@@ -107,2 +128,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',
@@ -120,2 +163,8 @@ boxShadow: 'shadows',
   size: 'sizes',
+  blockSize: 'sizes',
+  inlineSize: 'sizes',
+  maxBlockSize: 'sizes',
+  maxInlineSize: 'sizes',
+  minBlockSize: 'sizes',
+  minInlineSize: 'sizes',
   // svg
@@ -128,2 +177,8 @@ fill: 'colors',
   if (typeof value !== 'number' || value >= 0) {
+    if (typeof value === 'string' && value.startsWith('-')) {
+      var valueWithoutMinus = value.substring(1);
+      var n$1 = get(scale, valueWithoutMinus, valueWithoutMinus);
+      return "-" + n$1;
+    }
+
     return get(scale, value, value);
@@ -142,3 +197,3 @@ }
 
-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;
@@ -145,0 +200,0 @@ return Object.assign({}, acc, (obj = {}, obj[curr] = positiveOrNegative, obj));

dist/index.umd.js

@@ -51,2 +51,4 @@ (function (global, factory) {
     borderColor: 'colors',
+    caretColor: 'colors',
+    opacity: 'opacities',
     margin: 'space',
@@ -59,2 +61,8 @@ marginTop: 'space',
     marginY: 'space',
+    marginBlock: 'space',
+    marginBlockEnd: 'space',
+    marginBlockStart: 'space',
+    marginInline: 'space',
+    marginInlineEnd: 'space',
+    marginInlineStart: 'space',
     padding: 'space',
@@ -67,2 +75,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',
@@ -107,2 +128,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',
@@ -120,2 +163,8 @@ boxShadow: 'shadows',
     size: 'sizes',
+    blockSize: 'sizes',
+    inlineSize: 'sizes',
+    maxBlockSize: 'sizes',
+    maxInlineSize: 'sizes',
+    minBlockSize: 'sizes',
+    minInlineSize: 'sizes',
     // svg
@@ -128,2 +177,8 @@ fill: 'colors',
     if (typeof value !== 'number' || value >= 0) {
+      if (typeof value === 'string' && value.startsWith('-')) {
+        var valueWithoutMinus = value.substring(1);
+        var n$1 = get(scale, valueWithoutMinus, valueWithoutMinus);
+        return "-" + n$1;
+      }
+
       return get(scale, value, value);
@@ -142,3 +197,3 @@ }
 
-  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;
@@ -145,0 +200,0 @@ return Object.assign({}, acc, (obj = {}, obj[curr] = positiveOrNegative, obj));

package.json

 {
   "name": "@theme-ui/theme-provider",
-  "version": "0.4.0-alpha.0",
+  "version": "0.4.0-alpha.1",
   "main": "dist/index.js",
@@ -13,5 +13,5 @@ "module": "dist/index.esm.js",
     "@emotion/core": "^10.0.0",
-    "@theme-ui/color-modes": "^0.4.0-alpha.0",
-    "@theme-ui/core": "^0.4.0-alpha.0",
-    "@theme-ui/mdx": "^0.4.0-alpha.0"
+    "@theme-ui/color-modes": "^0.4.0-alpha.1",
+    "@theme-ui/core": "^0.4.0-alpha.1",
+    "@theme-ui/mdx": "^0.4.0-alpha.1"
   },
@@ -24,3 +24,3 @@ "repository": "system-ui/theme-ui",
   },
-  "gitHead": "fbdd88ea280c0d9880d39a114cb6d19f0d4da2ca"
+  "gitHead": "3017092f4790b1f83259ce2f638619906840dd51"
 }

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

93601

increased by24.26%

Lines of code

1119

increased by17.3%

Dependency changes

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

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

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