@maker-ui/primitives - npm Package Compare versions

Comparing version 1.0.0-beta.10 to 1.0.0-beta.11

dist/index.d.ts

@@ -115,2 +115,3 @@ /// <reference types="react" />
 export declare const OList: import("react").ForwardRefExoticComponent<OListProps & import("react").RefAttributes<HTMLOListElement>>;
+export { OList as Ol };
 /**
@@ -128,2 +129,3 @@ * Alias for `UList` component props that includes all
 export declare const UList: import("react").ForwardRefExoticComponent<UListProps & import("react").RefAttributes<HTMLUListElement>>;
+export { UList as Ul };
 /**
@@ -141,2 +143,3 @@ * Alias for `ListItem` component props that includes all
 export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export { ListItem as Li };
 /**
@@ -180,2 +183,3 @@ * Alias for `SVG` component props that includes all
 export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export { Link as A };
 /**
@@ -195,2 +199,3 @@ * Alias for `Image` component props that includes all
 export declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;
+export { Image as Img };
 /**
@@ -249,2 +254,1 @@ * Alias for an the Paragraph component that includes all p tag attributes.
 export declare const H6: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
-export {};

dist/primitives.cjs.development.js

@@ -41,2 +41,13 @@ 'use strict';
 
+var _excluded = ["inline", "align", "justify", "column", "flex", "wrap", "css"],
+    _excluded2 = ["columns", "rows", "gap", "areas", "center", "css"],
+    _excluded3 = ["children"],
+    _excluded4 = ["src", "alt"],
+    _excluded5 = ["children"],
+    _excluded6 = ["children"],
+    _excluded7 = ["children"],
+    _excluded8 = ["children"],
+    _excluded9 = ["children"],
+    _excluded10 = ["children"],
+    _excluded11 = ["children"];
 /**
@@ -75,3 +86,3 @@ * A div that supports responsive css values and the breakpoints prop.
       css$1 = _ref.css,
-      props = _objectWithoutPropertiesLoose(_ref, ["inline", "align", "justify", "column", "flex", "wrap", "css"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
@@ -110,3 +121,3 @@ return css.jsx("div", Object.assign({
       css$1 = _ref2.css,
-      props = _objectWithoutPropertiesLoose(_ref2, ["columns", "rows", "gap", "areas", "center", "css"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
@@ -231,3 +242,3 @@ return css.jsx("div", Object.assign({
   var children = _ref3.children,
-      props = _objectWithoutPropertiesLoose(_ref3, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
 
@@ -248,3 +259,3 @@ return css.jsx("a", Object.assign({
       alt = _ref4.alt,
-      props = _objectWithoutPropertiesLoose(_ref4, ["src", "alt"]);
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
 
@@ -266,3 +277,3 @@ return css.jsx("img", Object.assign({
   var children = _ref5.children,
-      props = _objectWithoutPropertiesLoose(_ref5, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
 
@@ -282,3 +293,3 @@ return css.jsx("p", Object.assign({
   var children = _ref6.children,
-      props = _objectWithoutPropertiesLoose(_ref6, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref6, _excluded6);
 
@@ -298,3 +309,3 @@ return css.jsx("h1", Object.assign({
   var children = _ref7.children,
-      props = _objectWithoutPropertiesLoose(_ref7, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref7, _excluded7);
 
@@ -314,3 +325,3 @@ return css.jsx("h2", Object.assign({
   var children = _ref8.children,
-      props = _objectWithoutPropertiesLoose(_ref8, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref8, _excluded8);
 
@@ -330,3 +341,3 @@ return css.jsx("h3", Object.assign({
   var children = _ref9.children,
-      props = _objectWithoutPropertiesLoose(_ref9, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref9, _excluded9);
 
@@ -346,3 +357,3 @@ return css.jsx("h4", Object.assign({
   var children = _ref10.children,
-      props = _objectWithoutPropertiesLoose(_ref10, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref10, _excluded10);
 
@@ -362,3 +373,3 @@ return css.jsx("h5", Object.assign({
   var children = _ref11.children,
-      props = _objectWithoutPropertiesLoose(_ref11, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref11, _excluded11);
 
@@ -371,2 +382,3 @@ return css.jsx("h6", Object.assign({
 
+exports.A = Link;
 exports.Button = Button;
@@ -384,5 +396,8 @@ exports.Div = Div;
 exports.Image = Image;
+exports.Img = Image;
+exports.Li = ListItem;
 exports.Link = Link;
 exports.ListItem = ListItem;
 exports.OList = OList;
+exports.Ol = OList;
 exports.P = P;
@@ -393,2 +408,3 @@ exports.SVG = SVG;
 exports.UList = UList;
+exports.Ul = UList;
 //# sourceMappingURL=primitives.cjs.development.js.map

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 a(){return(a=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(r[s]=a[s])}return r}).apply(this,arguments)}function s(r,e){if(null==r)return{};var a,s,n={},t=Object.keys(r);for(s=0;s<t.length;s++)e.indexOf(a=t[s])>=0||(n[a]=r[a]);return n}var n=e.forwardRef((function(e,a){return r.jsx("div",Object.assign({ref:a},e))}));n.displayName="Div";var t=e.forwardRef((function(e,n){var t=e.inline,i=e.align,f=e.justify,o=e.column,c=e.flex,l=e.wrap,d=e.css,u=s(e,["inline","align","justify","column","flex","wrap","css"]);return r.jsx("div",Object.assign({ref:n,css:a({display:t?"inline-flex":"flex",alignItems:i,justifyContent:f,flexDirection:o?"column":void 0,flexWrap:l?"wrap":void 0,flex:c},d)},u))}));t.displayName="Flex";var i=e.forwardRef((function(e,n){var t=e.columns,i=e.rows,f=e.gap,o=e.areas,c=e.center,l=e.css,d=s(e,["columns","rows","gap","areas","center","css"]);return r.jsx("div",Object.assign({ref:n,css:a({display:"grid",gridTemplateColumns:t,gridTemplateRows:i,gridTemplateAreas:o,gap:f,placeItems:c?"center":void 0},l)},d))}));i.displayName="Grid";var f=e.forwardRef((function(e,a){return r.jsx("table",Object.assign({ref:a},e))}));f.displayName="Table";var o=e.forwardRef((function(e,a){return r.jsx("form",Object.assign({ref:a},e))}));o.displayName="Form";var c=e.forwardRef((function(e,a){return r.jsx("span",Object.assign({ref:a},e))}));c.displayName="Span";var l=e.forwardRef((function(e,a){return r.jsx("ol",Object.assign({ref:a},e))}));l.displayName="OList";var d=e.forwardRef((function(e,a){return r.jsx("ul",Object.assign({ref:a},e))}));d.displayName="UList";var u=e.forwardRef((function(e,a){return r.jsx("li",Object.assign({ref:a},e))}));u.displayName="ListItem";var p=e.forwardRef((function(e,a){return r.jsx("svg",Object.assign({ref:a,xmlns:"http://www.w3.org/2000/svg"},e))}));p.displayName="SVG";var x=e.forwardRef((function(e,a){return r.jsx("button",Object.assign({ref:a},e))}));x.displayName="Button";var j=e.forwardRef((function(e,a){var n=e.children,t=s(e,["children"]);return r.jsx("a",Object.assign({ref:a},t),n)}));j.displayName="Link";var v=e.forwardRef((function(e,a){var n=e.src,t=e.alt,i=s(e,["src","alt"]);return r.jsx("img",Object.assign({ref:a,alt:t,src:n},i))}));v.displayName="Image";var m=e.forwardRef((function(e,a){var n=e.children,t=s(e,["children"]);return r.jsx("p",Object.assign({ref:a},t),n)}));m.displayName="P";var g=e.forwardRef((function(e,a){var n=e.children,t=s(e,["children"]);return r.jsx("h1",Object.assign({ref:a},t),n)}));g.displayName="H1";var w=e.forwardRef((function(e,a){var n=e.children,t=s(e,["children"]);return r.jsx("h2",Object.assign({ref:a},t),n)}));w.displayName="H2";var y=e.forwardRef((function(e,a){var n=e.children,t=s(e,["children"]);return r.jsx("h3",Object.assign({ref:a},t),n)}));y.displayName="H3";var b=e.forwardRef((function(e,a){var n=e.children,t=s(e,["children"]);return r.jsx("h4",Object.assign({ref:a},t),n)}));b.displayName="H4";var O=e.forwardRef((function(e,a){var n=e.children,t=s(e,["children"]);return r.jsx("h5",Object.assign({ref:a},t),n)}));O.displayName="H5";var h=e.forwardRef((function(e,a){var n=e.children,t=s(e,["children"]);return r.jsx("h6",Object.assign({ref:a},t),n)}));h.displayName="H6",exports.Button=x,exports.Div=n,exports.Flex=t,exports.Form=o,exports.Grid=i,exports.H1=g,exports.H2=w,exports.H3=y,exports.H4=b,exports.H5=O,exports.H6=h,exports.Image=v,exports.Link=j,exports.ListItem=u,exports.OList=l,exports.P=m,exports.SVG=p,exports.Span=c,exports.Table=f,exports.UList=d;
+"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,n={},t=Object.keys(r);for(a=0;a<t.length;a++)e.indexOf(s=t[a])>=0||(n[s]=r[s]);return n}var n=["inline","align","justify","column","flex","wrap","css"],t=["columns","rows","gap","areas","center","css"],i=["children"],f=["src","alt"],o=["children"],c=["children"],l=["children"],d=["children"],p=["children"],u=["children"],x=["children"],j=e.forwardRef((function(e,s){return r.jsx("div",Object.assign({ref:s},e))}));j.displayName="Div";var v=e.forwardRef((function(e,t){var i=e.inline,f=e.align,o=e.justify,c=e.column,l=e.flex,d=e.wrap,p=e.css,u=a(e,n);return r.jsx("div",Object.assign({ref:t,css:s({display:i?"inline-flex":"flex",alignItems:f,justifyContent:o,flexDirection:c?"column":void 0,flexWrap:d?"wrap":void 0,flex:l},p)},u))}));v.displayName="Flex";var m=e.forwardRef((function(e,n){var i=e.columns,f=e.rows,o=e.gap,c=e.areas,l=e.center,d=e.css,p=a(e,t);return r.jsx("div",Object.assign({ref:n,css:s({display:"grid",gridTemplateColumns:i,gridTemplateRows:f,gridTemplateAreas:c,gap:o,placeItems:l?"center":void 0},d)},p))}));m.displayName="Grid";var g=e.forwardRef((function(e,s){return r.jsx("table",Object.assign({ref:s},e))}));g.displayName="Table";var w=e.forwardRef((function(e,s){return r.jsx("form",Object.assign({ref:s},e))}));w.displayName="Form";var y=e.forwardRef((function(e,s){return r.jsx("span",Object.assign({ref:s},e))}));y.displayName="Span";var O=e.forwardRef((function(e,s){return r.jsx("ol",Object.assign({ref:s},e))}));O.displayName="OList";var b=e.forwardRef((function(e,s){return r.jsx("ul",Object.assign({ref:s},e))}));b.displayName="UList";var h=e.forwardRef((function(e,s){return r.jsx("li",Object.assign({ref:s},e))}));h.displayName="ListItem";var R=e.forwardRef((function(e,s){return r.jsx("svg",Object.assign({ref:s,xmlns:"http://www.w3.org/2000/svg"},e))}));R.displayName="SVG";var N=e.forwardRef((function(e,s){return r.jsx("button",Object.assign({ref:s},e))}));N.displayName="Button";var H=e.forwardRef((function(e,s){var n=e.children,t=a(e,i);return r.jsx("a",Object.assign({ref:s},t),n)}));H.displayName="Link";var L=e.forwardRef((function(e,s){var n=e.src,t=e.alt,i=a(e,f);return r.jsx("img",Object.assign({ref:s,alt:t,src:n},i))}));L.displayName="Image";var I=e.forwardRef((function(e,s){var n=e.children,t=a(e,o);return r.jsx("p",Object.assign({ref:s},t),n)}));I.displayName="P";var T=e.forwardRef((function(e,s){var n=e.children,t=a(e,c);return r.jsx("h1",Object.assign({ref:s},t),n)}));T.displayName="H1";var k=e.forwardRef((function(e,s){var n=e.children,t=a(e,l);return r.jsx("h2",Object.assign({ref:s},t),n)}));k.displayName="H2";var F=e.forwardRef((function(e,s){var n=e.children,t=a(e,d);return r.jsx("h3",Object.assign({ref:s},t),n)}));F.displayName="H3";var G=e.forwardRef((function(e,s){var n=e.children,t=a(e,p);return r.jsx("h4",Object.assign({ref:s},t),n)}));G.displayName="H4";var P=e.forwardRef((function(e,s){var n=e.children,t=a(e,u);return r.jsx("h5",Object.assign({ref:s},t),n)}));P.displayName="H5";var S=e.forwardRef((function(e,s){var n=e.children,t=a(e,x);return r.jsx("h6",Object.assign({ref:s},t),n)}));S.displayName="H6",exports.A=H,exports.Button=N,exports.Div=j,exports.Flex=v,exports.Form=w,exports.Grid=m,exports.H1=T,exports.H2=k,exports.H3=F,exports.H4=G,exports.H5=P,exports.H6=S,exports.Image=L,exports.Img=L,exports.Li=h,exports.Link=H,exports.ListItem=h,exports.OList=O,exports.Ol=O,exports.P=I,exports.SVG=R,exports.Span=y,exports.Table=g,exports.UList=b,exports.Ul=b;
 //# sourceMappingURL=primitives.cjs.production.min.js.map

dist/primitives.esm.js

@@ -37,2 +37,13 @@ import { jsx } from '@maker-ui/css';
 
+var _excluded = ["inline", "align", "justify", "column", "flex", "wrap", "css"],
+    _excluded2 = ["columns", "rows", "gap", "areas", "center", "css"],
+    _excluded3 = ["children"],
+    _excluded4 = ["src", "alt"],
+    _excluded5 = ["children"],
+    _excluded6 = ["children"],
+    _excluded7 = ["children"],
+    _excluded8 = ["children"],
+    _excluded9 = ["children"],
+    _excluded10 = ["children"],
+    _excluded11 = ["children"];
 /**
@@ -71,3 +82,3 @@ * A div that supports responsive css values and the breakpoints prop.
       css = _ref.css,
-      props = _objectWithoutPropertiesLoose(_ref, ["inline", "align", "justify", "column", "flex", "wrap", "css"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
@@ -106,3 +117,3 @@ return jsx("div", Object.assign({
       css = _ref2.css,
-      props = _objectWithoutPropertiesLoose(_ref2, ["columns", "rows", "gap", "areas", "center", "css"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
@@ -227,3 +238,3 @@ return jsx("div", Object.assign({
   var children = _ref3.children,
-      props = _objectWithoutPropertiesLoose(_ref3, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
 
@@ -244,3 +255,3 @@ return jsx("a", Object.assign({
       alt = _ref4.alt,
-      props = _objectWithoutPropertiesLoose(_ref4, ["src", "alt"]);
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
 
@@ -262,3 +273,3 @@ return jsx("img", Object.assign({
   var children = _ref5.children,
-      props = _objectWithoutPropertiesLoose(_ref5, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
 
@@ -278,3 +289,3 @@ return jsx("p", Object.assign({
   var children = _ref6.children,
-      props = _objectWithoutPropertiesLoose(_ref6, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref6, _excluded6);
 
@@ -294,3 +305,3 @@ return jsx("h1", Object.assign({
   var children = _ref7.children,
-      props = _objectWithoutPropertiesLoose(_ref7, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref7, _excluded7);
 
@@ -310,3 +321,3 @@ return jsx("h2", Object.assign({
   var children = _ref8.children,
-      props = _objectWithoutPropertiesLoose(_ref8, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref8, _excluded8);
 
@@ -326,3 +337,3 @@ return jsx("h3", Object.assign({
   var children = _ref9.children,
-      props = _objectWithoutPropertiesLoose(_ref9, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref9, _excluded9);
 
@@ -342,3 +353,3 @@ return jsx("h4", Object.assign({
   var children = _ref10.children,
-      props = _objectWithoutPropertiesLoose(_ref10, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref10, _excluded10);
 
@@ -358,3 +369,3 @@ return jsx("h5", Object.assign({
   var children = _ref11.children,
-      props = _objectWithoutPropertiesLoose(_ref11, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref11, _excluded11);
 
@@ -367,3 +378,3 @@ return jsx("h6", Object.assign({
 
-export { Button, Div, Flex, Form, Grid, H1, H2, H3, H4, H5, H6, Image, Link, ListItem, OList, P, SVG, Span, Table, UList };
+export { Link as A, Button, Div, Flex, Form, Grid, H1, H2, H3, H4, H5, H6, Image, Image as Img, ListItem as Li, Link, ListItem, OList, OList as Ol, P, SVG, Span, Table, UList, UList as Ul };
 //# sourceMappingURL=primitives.esm.js.map

package.json

 {
   "name": "@maker-ui/primitives",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.11",
   "author": "Mike Darche <[e-mail]>",
@@ -17,3 +17,3 @@ "license": "MIT",
   "dependencies": {
-    "@maker-ui/css": "1.0.0-beta.10",
+    "@maker-ui/css": "1.0.0-beta.11",
     "csstype": "^3.0.6"
@@ -20,0 +20,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

97477

increased by1.65%

Lines of code

1501

increased by2.46%

Dependency changes

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

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

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