@maker-ui/primitives - npm Package Compare versions

Comparing version 1.0.0-beta.8 to 1.0.0-beta.9

dist/index.d.ts

@@ -25,3 +25,3 @@ /// <reference types="react" />
     align?: ResponsiveType<CSS.Properties['alignItems']>;
-    direction?: ResponsiveType<CSS.Properties['flexDirection']>;
+    column?: boolean;
     flex?: ResponsiveType<CSS.Properties['flex']>;
@@ -132,4 +132,5 @@ inline?: boolean;
  */
-export interface ButtonProps extends MakerProps, React.HTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends MakerProps, Omit<React.HTMLAttributes<HTMLButtonElement>, 'type'> {
     disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset' | undefined;
 }
@@ -136,0 +137,0 @@ /**

dist/primitives.cjs.development.js

@@ -70,7 +70,7 @@ 'use strict';
       justify = _ref.justify,
-      direction = _ref.direction,
+      column = _ref.column,
       flex = _ref.flex,
       wrap = _ref.wrap,
       css$1 = _ref.css,
-      props = _objectWithoutPropertiesLoose(_ref, ["inline", "align", "justify", "direction", "flex", "wrap", "css"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["inline", "align", "justify", "column", "flex", "wrap", "css"]);
 
@@ -83,3 +83,3 @@ return css.jsx("div", Object.assign({
       justifyContent: justify,
-      flexDirection: direction,
+      flexDirection: column ? 'column' : undefined,
       flexWrap: wrap ? 'wrap' : undefined,
@@ -86,0 +86,0 @@ flex: flex

dist/primitives.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@maker-ui/css"),e=require("react");function s(){return(s=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(r[a]=s[a])}return r}).apply(this,arguments)}function a(r,e){if(null==r)return{};var s,a,t={},n=Object.keys(r);for(a=0;a<n.length;a++)e.indexOf(s=n[a])>=0||(t[s]=r[s]);return t}var t=e.forwardRef((function(e,s){return r.jsx("div",Object.assign({ref:s},e))}));t.displayName="Div";var n=e.forwardRef((function(e,t){var n=e.inline,i=e.align,f=e.justify,o=e.direction,c=e.flex,l=e.wrap,p=e.css,u=a(e,["inline","align","justify","direction","flex","wrap","css"]);return r.jsx("div",Object.assign({ref:t,css:s({display:n?"inline-flex":"flex",alignItems:i,justifyContent:f,flexDirection:o,flexWrap:l?"wrap":void 0,flex:c},p)},u))}));n.displayName="Flex";var i=e.forwardRef((function(e,t){var n=e.columns,i=e.rows,f=e.gap,o=e.areas,c=e.center,l=e.css,p=a(e,["columns","rows","gap","areas","center","css"]);return r.jsx("div",Object.assign({ref:t,css:s({display:"grid",gridTemplateColumns:n,gridTemplateRows:i,gridTemplateAreas:o,gap:f,placeItems:c?"center":void 0},l)},p))}));i.displayName="Grid";var f=e.forwardRef((function(e,s){return r.jsx("span",Object.assign({ref:s},e))}));f.displayName="Span";var o=e.forwardRef((function(e,s){return r.jsx("ol",Object.assign({ref:s},e))}));o.displayName="OList";var c=e.forwardRef((function(e,s){return r.jsx("ul",Object.assign({ref:s},e))}));c.displayName="UList";var l=e.forwardRef((function(e,s){return r.jsx("li",Object.assign({ref:s},e))}));l.displayName="ListItem";var p=e.forwardRef((function(e,s){return r.jsx("svg",Object.assign({ref:s,xmlns:"http://www.w3.org/2000/svg"},e))}));p.displayName="SVG";var u=e.forwardRef((function(e,s){return r.jsx("button",Object.assign({ref:s},e))}));u.displayName="Button";var d=e.forwardRef((function(e,s){var t=e.children,n=a(e,["children"]);return r.jsx("a",Object.assign({ref:s},n),t)}));d.displayName="Link";var x=e.forwardRef((function(e,s){var t=e.src,n=e.alt,i=a(e,["src","alt"]);return r.jsx("img",Object.assign({ref:s,alt:n,src:t},i))}));x.displayName="Image",exports.Button=u,exports.Div=t,exports.Flex=n,exports.Grid=i,exports.Image=x,exports.Link=d,exports.ListItem=l,exports.OList=o,exports.SVG=p,exports.Span=f,exports.UList=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@maker-ui/css"),e=require("react");function s(){return(s=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(r[a]=s[a])}return r}).apply(this,arguments)}function a(r,e){if(null==r)return{};var s,a,t={},n=Object.keys(r);for(a=0;a<n.length;a++)e.indexOf(s=n[a])>=0||(t[s]=r[s]);return t}var t=e.forwardRef((function(e,s){return r.jsx("div",Object.assign({ref:s},e))}));t.displayName="Div";var n=e.forwardRef((function(e,t){var n=e.inline,i=e.align,o=e.justify,f=e.column,l=e.flex,c=e.wrap,u=e.css,p=a(e,["inline","align","justify","column","flex","wrap","css"]);return r.jsx("div",Object.assign({ref:t,css:s({display:n?"inline-flex":"flex",alignItems:i,justifyContent:o,flexDirection:f?"column":void 0,flexWrap:c?"wrap":void 0,flex:l},u)},p))}));n.displayName="Flex";var i=e.forwardRef((function(e,t){var n=e.columns,i=e.rows,o=e.gap,f=e.areas,l=e.center,c=e.css,u=a(e,["columns","rows","gap","areas","center","css"]);return r.jsx("div",Object.assign({ref:t,css:s({display:"grid",gridTemplateColumns:n,gridTemplateRows:i,gridTemplateAreas:f,gap:o,placeItems:l?"center":void 0},c)},u))}));i.displayName="Grid";var o=e.forwardRef((function(e,s){return r.jsx("span",Object.assign({ref:s},e))}));o.displayName="Span";var f=e.forwardRef((function(e,s){return r.jsx("ol",Object.assign({ref:s},e))}));f.displayName="OList";var l=e.forwardRef((function(e,s){return r.jsx("ul",Object.assign({ref:s},e))}));l.displayName="UList";var c=e.forwardRef((function(e,s){return r.jsx("li",Object.assign({ref:s},e))}));c.displayName="ListItem";var u=e.forwardRef((function(e,s){return r.jsx("svg",Object.assign({ref:s,xmlns:"http://www.w3.org/2000/svg"},e))}));u.displayName="SVG";var p=e.forwardRef((function(e,s){return r.jsx("button",Object.assign({ref:s},e))}));p.displayName="Button";var d=e.forwardRef((function(e,s){var t=e.children,n=a(e,["children"]);return r.jsx("a",Object.assign({ref:s},n),t)}));d.displayName="Link";var x=e.forwardRef((function(e,s){var t=e.src,n=e.alt,i=a(e,["src","alt"]);return r.jsx("img",Object.assign({ref:s,alt:n,src:t},i))}));x.displayName="Image",exports.Button=p,exports.Div=t,exports.Flex=n,exports.Grid=i,exports.Image=x,exports.Link=d,exports.ListItem=c,exports.OList=f,exports.SVG=u,exports.Span=o,exports.UList=l;
 //# sourceMappingURL=primitives.cjs.production.min.js.map

dist/primitives.esm.js

@@ -66,7 +66,7 @@ import { jsx } from '@maker-ui/css';
       justify = _ref.justify,
-      direction = _ref.direction,
+      column = _ref.column,
       flex = _ref.flex,
       wrap = _ref.wrap,
       css = _ref.css,
-      props = _objectWithoutPropertiesLoose(_ref, ["inline", "align", "justify", "direction", "flex", "wrap", "css"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["inline", "align", "justify", "column", "flex", "wrap", "css"]);
 
@@ -79,3 +79,3 @@ return jsx("div", Object.assign({
       justifyContent: justify,
-      flexDirection: direction,
+      flexDirection: column ? 'column' : undefined,
       flexWrap: wrap ? 'wrap' : undefined,
@@ -82,0 +82,0 @@ flex: flex

package.json

 {
   "name": "@maker-ui/primitives",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "author": "Mike Darche <[e-mail]>",
@@ -17,8 +17,8 @@ "license": "MIT",
   "dependencies": {
-    "@maker-ui/css": "1.0.0-beta.8",
+    "@maker-ui/css": "1.0.0-beta.9",
     "csstype": "^3.0.6"
   },
   "peerDependencies": {
-    "react": "^16.14.0"
+    "react": "^16.x"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

64244

increased by0.41%

Lines of code

965

increased by0.21%

Dependency changes

• + Added@maker-ui/css@1.0.0-beta.9(transitive)

• - Removed@maker-ui/css@1.0.0-beta.8(transitive)

• Updated@maker-ui/css@1.0.0-beta.9