@arch-ui/layout - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

CHANGELOG.md

 # @arch-ui/layout
 
+## 0.2.0
+
+- [minor][e75c105c](https://github.com/keystonejs/keystone-5/commit/e75c105c):
+
+  - admin revamp
+
 ## 0.1.0
@@ -4,0 +10,0 @@

dist/layout.cjs.dev.js

@@ -36,4 +36,2 @@ 'use strict';
   return _defineProperty({
-    marginLeft: 'auto',
-    marginRight: 'auto',
     maxWidth: isFullWidth ? '100%' : CONTAINER_WIDTH,
@@ -77,2 +75,3 @@ paddingLeft: CONTAINER_GUTTER,
   var align = _ref3.align,
+      Tag = _ref3.as,
       children = _ref3.children,
@@ -87,4 +86,3 @@ growIndexes = _ref3.growIndexes,
       stretch = _ref3.stretch,
-      Tag = _ref3.tag,
-      props = _objectWithoutProperties(_ref3, ["align", "children", "growIndexes", "isContiguous", "isInline", "isVertical", "justify", "wrap", "spacing", "stretch", "tag"]);
+      props = _objectWithoutProperties(_ref3, ["align", "as", "children", "growIndexes", "isContiguous", "isInline", "isVertical", "justify", "wrap", "spacing", "stretch"]);
 
@@ -138,6 +136,6 @@ var gutter = spacing / 2;
   align: 'stretch',
+  as: 'div',
   growIndexes: [],
   justify: 'flex-start',
-  spacing: theme.gridSize,
-  tag: 'div'
+  spacing: theme.gridSize
 }; // ==============================
@@ -144,0 +142,0 @@ // Grid

dist/layout.cjs.prod.js

@@ -27,4 +27,2 @@ "use strict";
       {
-        marginLeft: "auto",
-        marginRight: "auto",
         maxWidth: isFullWidth ? "100%" : CONTAINER_WIDTH,
@@ -54,2 +52,3 @@ paddingLeft: CONTAINER_GUTTER,
   var align = _ref3.align,
+    Tag = _ref3.as,
     children = _ref3.children,
@@ -64,5 +63,5 @@ growIndexes = _ref3.growIndexes,
     stretch = _ref3.stretch,
-    Tag = _ref3.tag,
     props = _objectWithoutProperties(_ref3, [
       "align",
+      "as",
       "children",
@@ -76,4 +75,3 @@ "growIndexes",
       "spacing",
-      "stretch",
-      "tag"
+      "stretch"
     ]),
@@ -137,6 +135,6 @@ gutter = spacing / 2,
   align: "stretch",
+  as: "div",
   growIndexes: [],
   justify: "flex-start",
-  spacing: theme.gridSize,
-  tag: "div"
+  spacing: theme.gridSize
 };
@@ -143,0 +141,0 @@ var Grid = function(_ref4) {

dist/layout.esm.js

@@ -19,4 +19,2 @@ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread';
   return _defineProperty({
-    marginLeft: 'auto',
-    marginRight: 'auto',
     maxWidth: isFullWidth ? '100%' : CONTAINER_WIDTH,
@@ -60,2 +58,3 @@ paddingLeft: CONTAINER_GUTTER,
   var align = _ref3.align,
+      Tag = _ref3.as,
       children = _ref3.children,
@@ -70,4 +69,3 @@ growIndexes = _ref3.growIndexes,
       stretch = _ref3.stretch,
-      Tag = _ref3.tag,
-      props = _objectWithoutProperties(_ref3, ["align", "children", "growIndexes", "isContiguous", "isInline", "isVertical", "justify", "wrap", "spacing", "stretch", "tag"]);
+      props = _objectWithoutProperties(_ref3, ["align", "as", "children", "growIndexes", "isContiguous", "isInline", "isVertical", "justify", "wrap", "spacing", "stretch"]);
 
@@ -121,6 +119,6 @@ var gutter = spacing / 2;
   align: 'stretch',
+  as: 'div',
   growIndexes: [],
   justify: 'flex-start',
-  spacing: gridSize,
-  tag: 'div'
+  spacing: gridSize
 }; // ==============================
@@ -127,0 +125,0 @@ // Grid

package.json

 {
   "name": "@arch-ui/layout",
   "description": "Layout component as used in @keystone-alpha Admin UI.",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "author": "Jed Watson",
@@ -15,4 +15,4 @@ "license": "MIT",
   "dependencies": {
-    "@arch-ui/common": "0.0.2",
-    "@arch-ui/theme": "0.0.2",
+    "@arch-ui/common": "0.0.3",
+    "@arch-ui/theme": "0.0.3",
     "@babel/runtime": "^7.3.4",
@@ -23,2 +23,2 @@ "@emotion/core": "^10.0.9",
   "module": "dist/layout.esm.js"
-}
+}

src/index.js

@@ -19,4 +19,2 @@ // @flow
 export const Container = styled.div(({ isFullWidth }) => ({
-  marginLeft: 'auto',
-  marginRight: 'auto',
   maxWidth: isFullWidth ? '100%' : CONTAINER_WIDTH,
@@ -55,2 +53,3 @@ paddingLeft: CONTAINER_GUTTER,
   align: 'stretch' | 'center' | 'flex-start' | 'flex-start',
+  as: string,
   children: Array<Node>,
@@ -65,3 +64,2 @@ growIndexes: Array<number>,
   stretch?: boolean,
-  tag: string,
 };
@@ -72,2 +70,3 @@ export const FlexGroup = forwardRef<FlexGroupProps, any>(
       align,
+      as: Tag,
       children,
@@ -82,3 +81,2 @@ growIndexes,
       stretch,
-      tag: Tag,
       ...props
@@ -143,6 +141,6 @@ }: FlexGroupProps,
   align: 'stretch',
+  as: 'div',
   growIndexes: [],
   justify: 'flex-start',
   spacing: gridSize,
-  tag: 'div',
 };
@@ -149,0 +147,0 @@

New alerts

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

Improved metrics

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Total package byte prevSize

26749

-0.39%

Lines of code

796

-1%

Dependency changes

• + Added

  @arch-ui/common@0.0.3
  (transitive)

• + Added

  @arch-ui/theme@0.0.3
  (transitive)

• - Removed

  @arch-ui/common@0.0.2
  (transitive)

• - Removed

  @arch-ui/theme@0.0.2
  (transitive)

• Updated

  @arch-ui/common@0.0.3

• Updated

  @arch-ui/theme@0.0.3