krowdy-ui - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14-dev

dist/krowdy-ui.cjs.development.js

@@ -257,15 +257,16 @@ 'use strict';
 makeStyles(function (_ref) {
-  var krowdy = _ref.palette.krowdy;
+  var palette = _ref.palette;
+  console.log('Grover: palette', palette);
   return {
     textKrowdy: {
       '&:hover': {
-        backgroundColor: krowdy['A14']
+        backgroundColor: palette.primary['A14']
       },
-      color: krowdy[500]
+      color: palette.primary[500]
     },
     containedKrowdy: {
       '&:hover': {
-        backgroundColor: krowdy[400]
+        backgroundColor: palette.primary[400]
       },
-      backgroundColor: krowdy[500],
+      backgroundColor: palette.primary[500],
       color: 'white'
@@ -275,8 +276,8 @@ },
       '&:hover': {
-        backgroundColor: krowdy['A14'],
-        borderColor: krowdy[400],
-        color: krowdy[400]
+        backgroundColor: palette.primary['A14'],
+        borderColor: palette.primary[400],
+        color: palette.primary[400]
       },
-      borderColor: krowdy[500],
-      color: krowdy[500]
+      borderColor: palette.primary[500],
+      color: palette.primary[500]
     }
@@ -283,0 +284,0 @@ };

dist/krowdy-ui.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=e(require("@material-ui/core/AppBar")),o=e(require("@material-ui/core/Toolbar")),t=e(require("@material-ui/core/Typography")),a=e(require("@material-ui/core/Divider")),n=e(require("@material-ui/styles/useTheme")),i=e(require("@material-ui/styles/makeStyles")),l=e(require("@material-ui/styles/withStyles")),c=e(require("react")),d=e(require("@material-ui/styles/ThemeProvider")),s=e(require("@material-ui/core/styles/createMuiTheme")),u=e(require("@material-ui/core/List")),m=e(require("@material-ui/core/ListItem")),b=e(require("@material-ui/core/ListItemIcon")),p=e(require("@material-ui/core/ListItemText")),y=e(require("clsx")),v=e(require("@material-ui/core/Button")),F=e(require("@material-ui/core/IconButton")),h=e(require("@material-ui/core/Fab")),g=e(require("@material-ui/core/Chip")),C=e(require("@material-ui/core/Drawer"));function f(){return(f=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}function x(e,r){if(null==e)return{};var o,t,a={},n=Object.keys(e);for(t=0;t<n.length;t++)r.indexOf(o=n[t])>=0||(a[o]=e[o]);return a}var k={50:"#FFFFFF",100:"#F5F5F5",200:"#EFEFEF",300:"#E8E8E8",400:"#D9D9D9",500:"#BFBFBF",600:"#8C8C8C",700:"#595959",800:"#262626",A14:"#BFBFBF40",A40:"#26262640"},B={50:"#E6F7FF",100:"#BAE7FF",200:"#91D5FF",300:"#69C0FF",400:"#40A9FF",500:"#1890FF",600:"#096DD9",700:"#0050B3",800:"#003A8C",900:"#002766",A14:"#1890FF14"},E={50:"#E6E9F0",100:"#CCD4E0",200:"#99A9C2",300:"#667DA3",400:"#335285",500:"#002766",600:"#00235C",700:"#001F52",800:"#001B47",900:"#00173D",A14:"#00276614",light:"#335285",main:"#002766",dark:"#00235C"},q=s({palette:{primary:B,secondary:E,krowdy:{50:"#FFF7E6",100:"#FFE3AB",200:"#FFD182",300:"#FFBD59",400:"#FFA530",500:"#FF8B08",600:"#D96C00",700:"#B35300",800:"#8C3D00",900:"#662900",A14:"#FF8B0814"},grey:f({},k)},overrides:{MuiButton:{root:{textTransform:"inherit"},sizeSmall:{padding:"5px 8px"},textPrimary:{"&:hover":{backgroundColor:B.A14,color:B[400]}},textSecondary:{"&:hover":{backgroundColor:E.A14,color:E[400]}},contained:{"&:hover":{boxShadow:"none",backgroundColor:k.A40},boxShadow:"none",backgroundColor:k[500]},containedPrimary:{"&:hover":{backgroundColor:B[400]},backgroundColor:B[500]},containedSecondary:{"&:hover":{backgroundColor:E[400]},backgroundColor:E[500]},outlined:{"&:hover":{borderColor:k[400]},borderColor:k[500]},outlinedPrimary:{"&:hover":{borderColor:B[400],color:B[400]},borderColor:B[500]},outlinedSecondary:{"&:hover":{borderColor:E[400],color:E[400]},borderColor:E[500]}},MuiSvgIcon:{fontSizeSmall:{fontSize:"1.125rem"}},MuiIconButton:{root:{padding:11},sizeSmall:{padding:7}},MuiFab:{}}}),w=function(e){return c.createElement(u,Object.assign({},e),e.children)};w.defaultProps={dense:!1,disablePadding:!1,component:"ul"};var S=function(e){var r=e.button,o=x(e,["button"]);return c.createElement(m,Object.assign({button:r},o),o.children)};S.defaultProps={ContainerComponent:"li",alignItems:"center",autoFocus:!1,button:!1,disabled:!1,disableGutters:!1,divider:!1,selected:!1};var A=i(function(e){var r=e.palette.krowdy;return{textKrowdy:{"&:hover":{backgroundColor:r.A14},color:r[500]},containedKrowdy:{"&:hover":{backgroundColor:r[400]},backgroundColor:r[500],color:"white"},outlinedKrowdy:{"&:hover":{backgroundColor:r.A14,borderColor:r[400],color:r[400]},borderColor:r[500],color:r[500]}}},{name:"KrowdyButton"}),D=function(e){var r,o=e.children,t=e.color,a=e.variant,n=e.classes,i=e.className,l=x(e,["children","color","variant","classes","className"]),d=A(),s=y(i,((r={})[d.textKrowdy]="krowdy"===t&&"text"===a,r[d.containedKrowdy]="krowdy"===t&&"contained"===a,r[d.outlinedKrowdy]="krowdy"===t&&"outlined"===a,r));return"krowdy"===t&&(t="default"),c.createElement(v,Object.assign({classes:f({},n),className:s,variant:a,color:t},l),o)};D.defaultProps={variant:"text",color:"default",disabled:!1,size:"medium"};var P=i(function(e){var r=e.palette,o=r.primary,t=r.secondary,a=r.grey;return{disabled:{},sizeSmall:{},square:{borderRadius:4},contained:{"&:hover":{backgroundColor:a[400]},backgroundColor:a[500],color:(0,r.getContrastText)(a[600])},containedPrimary:{"&:hover":{backgroundColor:o[400]},backgroundColor:o[500],color:o.contrastText},containedSecondary:{"&:hover":{backgroundColor:t[400]},backgroundColor:t[500],color:t.contrastText},containedDisabled:{"&$disabled":{backgroundColor:a[100]}},outlined:{border:"1px solid "+a[500],padding:function(e){return"small"===e.size?6:10}},outlinedPrimary:{border:"1px solid "+o[500]},outlinedSecondary:{border:"1px solid "+t[500]}}},{name:"KrowdyIconButton"}),T=function(e){var r,o=e.children,t=e.classes,a=e.className,n=e.color,i=e.variant,l=e.rounded,d=e.disabled,s=e.size,u=x(e,["children","classes","className","color","variant","rounded","disabled","size"]),m=P({size:s}),b=y(a,((r={})[m.square]=!l,r[m.contained]="contained"===i,r[m.containedPrimary]="contained"===i&&"primary"===n,r[m.containedSecondary]="contained"===i&&"secondary"===n,r[m.disabled]="contained"===i&&d,r[m.containedDisabled]="contained"===i&&d,r[m.outlined]="outlined"===i,r[m.outlinedPrimary]="outlined"===i&&"primary"===n,r[m.outlinedSecondary]="outlined"===i&&"secondary"===n,r));return c.createElement(F,Object.assign({classes:f({},t),color:n,disabled:d,className:b,size:s},u),o)};T.defaultProps={color:"default",variant:"text",rounded:!1,disabled:!1,size:"medium"};var z=function(e){var r=e.children,o=e.color,t=e.variant,a=e.classes,n=x(e,["children","color","variant","classes","className"]);return c.createElement(h,Object.assign({classes:f({},a),variant:t,color:o},n),r)};z.defaultProps={variant:"round",color:"default",disabled:!1,size:"large"};var I=function(e){var r=e.children,o=e.color,t=e.variant,a=e.classes,n=x(e,["children","color","variant","classes","className"]);return c.createElement(g,Object.assign({classes:f({},a),variant:t,color:o},n),r)};I.defaultProps={variant:"default",color:"default",disabled:!1,size:"medium"},exports.AppBar=r,exports.Toolbar=o,exports.Typography=t,exports.Divider=a,exports.useTheme=n,exports.makeStyles=i,exports.withStyles=l,exports.Button=D,exports.Chip=I,exports.Drawer=function(e){return c.createElement(C,Object.assign({},e),e.children)},exports.Fab=z,exports.IconButton=T,exports.List=w,exports.ListItem=S,exports.ListItemIcon=function(e){return c.createElement(b,Object.assign({},e),e.children)},exports.ListItemText=function(e){return c.createElement(p,Object.assign({},e),e.children)},exports.ThemeProvider=function(e){return c.createElement(d,{theme:q},e.children)};
+"use strict";function r(r){return r&&"object"==typeof r&&"default"in r?r.default:r}var e=r(require("@material-ui/core/AppBar")),o=r(require("@material-ui/core/Toolbar")),a=r(require("@material-ui/core/Typography")),t=r(require("@material-ui/core/Divider")),i=r(require("@material-ui/styles/useTheme")),n=r(require("@material-ui/styles/makeStyles")),l=r(require("@material-ui/styles/withStyles")),c=r(require("react")),d=r(require("@material-ui/styles/ThemeProvider")),s=r(require("@material-ui/core/styles/createMuiTheme")),u=r(require("@material-ui/core/List")),m=r(require("@material-ui/core/ListItem")),b=r(require("@material-ui/core/ListItemIcon")),p=r(require("@material-ui/core/ListItemText")),y=r(require("clsx")),v=r(require("@material-ui/core/Button")),F=r(require("@material-ui/core/IconButton")),h=r(require("@material-ui/core/Fab")),g=r(require("@material-ui/core/Chip")),C=r(require("@material-ui/core/Drawer"));function f(){return(f=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(r[a]=o[a])}return r}).apply(this,arguments)}function x(r,e){if(null==r)return{};var o,a,t={},i=Object.keys(r);for(a=0;a<i.length;a++)e.indexOf(o=i[a])>=0||(t[o]=r[o]);return t}var k={50:"#FFFFFF",100:"#F5F5F5",200:"#EFEFEF",300:"#E8E8E8",400:"#D9D9D9",500:"#BFBFBF",600:"#8C8C8C",700:"#595959",800:"#262626",A14:"#BFBFBF40",A40:"#26262640"},B={50:"#E6F7FF",100:"#BAE7FF",200:"#91D5FF",300:"#69C0FF",400:"#40A9FF",500:"#1890FF",600:"#096DD9",700:"#0050B3",800:"#003A8C",900:"#002766",A14:"#1890FF14"},E={50:"#E6E9F0",100:"#CCD4E0",200:"#99A9C2",300:"#667DA3",400:"#335285",500:"#002766",600:"#00235C",700:"#001F52",800:"#001B47",900:"#00173D",A14:"#00276614",light:"#335285",main:"#002766",dark:"#00235C"},q=s({palette:{primary:B,secondary:E,krowdy:{50:"#FFF7E6",100:"#FFE3AB",200:"#FFD182",300:"#FFBD59",400:"#FFA530",500:"#FF8B08",600:"#D96C00",700:"#B35300",800:"#8C3D00",900:"#662900",A14:"#FF8B0814"},grey:f({},k)},overrides:{MuiButton:{root:{textTransform:"inherit"},sizeSmall:{padding:"5px 8px"},textPrimary:{"&:hover":{backgroundColor:B.A14,color:B[400]}},textSecondary:{"&:hover":{backgroundColor:E.A14,color:E[400]}},contained:{"&:hover":{boxShadow:"none",backgroundColor:k.A40},boxShadow:"none",backgroundColor:k[500]},containedPrimary:{"&:hover":{backgroundColor:B[400]},backgroundColor:B[500]},containedSecondary:{"&:hover":{backgroundColor:E[400]},backgroundColor:E[500]},outlined:{"&:hover":{borderColor:k[400]},borderColor:k[500]},outlinedPrimary:{"&:hover":{borderColor:B[400],color:B[400]},borderColor:B[500]},outlinedSecondary:{"&:hover":{borderColor:E[400],color:E[400]},borderColor:E[500]}},MuiSvgIcon:{fontSizeSmall:{fontSize:"1.125rem"}},MuiIconButton:{root:{padding:11},sizeSmall:{padding:7}},MuiFab:{}}}),w=function(r){return c.createElement(u,Object.assign({},r),r.children)};w.defaultProps={dense:!1,disablePadding:!1,component:"ul"};var S=function(r){var e=r.button,o=x(r,["button"]);return c.createElement(m,Object.assign({button:e},o),o.children)};S.defaultProps={ContainerComponent:"li",alignItems:"center",autoFocus:!1,button:!1,disabled:!1,disableGutters:!1,divider:!1,selected:!1};var A=n(function(r){var e=r.palette;return console.log("Grover: palette",e),{textKrowdy:{"&:hover":{backgroundColor:e.primary.A14},color:e.primary[500]},containedKrowdy:{"&:hover":{backgroundColor:e.primary[400]},backgroundColor:e.primary[500],color:"white"},outlinedKrowdy:{"&:hover":{backgroundColor:e.primary.A14,borderColor:e.primary[400],color:e.primary[400]},borderColor:e.primary[500],color:e.primary[500]}}},{name:"KrowdyButton"}),D=function(r){var e,o=r.children,a=r.color,t=r.variant,i=r.classes,n=r.className,l=x(r,["children","color","variant","classes","className"]),d=A(),s=y(n,((e={})[d.textKrowdy]="krowdy"===a&&"text"===t,e[d.containedKrowdy]="krowdy"===a&&"contained"===t,e[d.outlinedKrowdy]="krowdy"===a&&"outlined"===t,e));return"krowdy"===a&&(a="default"),c.createElement(v,Object.assign({classes:f({},i),className:s,variant:t,color:a},l),o)};D.defaultProps={variant:"text",color:"default",disabled:!1,size:"medium"};var P=n(function(r){var e=r.palette,o=e.primary,a=e.secondary,t=e.grey;return{disabled:{},sizeSmall:{},square:{borderRadius:4},contained:{"&:hover":{backgroundColor:t[400]},backgroundColor:t[500],color:(0,e.getContrastText)(t[600])},containedPrimary:{"&:hover":{backgroundColor:o[400]},backgroundColor:o[500],color:o.contrastText},containedSecondary:{"&:hover":{backgroundColor:a[400]},backgroundColor:a[500],color:a.contrastText},containedDisabled:{"&$disabled":{backgroundColor:t[100]}},outlined:{border:"1px solid "+t[500],padding:function(r){return"small"===r.size?6:10}},outlinedPrimary:{border:"1px solid "+o[500]},outlinedSecondary:{border:"1px solid "+a[500]}}},{name:"KrowdyIconButton"}),T=function(r){var e,o=r.children,a=r.classes,t=r.className,i=r.color,n=r.variant,l=r.rounded,d=r.disabled,s=r.size,u=x(r,["children","classes","className","color","variant","rounded","disabled","size"]),m=P({size:s}),b=y(t,((e={})[m.square]=!l,e[m.contained]="contained"===n,e[m.containedPrimary]="contained"===n&&"primary"===i,e[m.containedSecondary]="contained"===n&&"secondary"===i,e[m.disabled]="contained"===n&&d,e[m.containedDisabled]="contained"===n&&d,e[m.outlined]="outlined"===n,e[m.outlinedPrimary]="outlined"===n&&"primary"===i,e[m.outlinedSecondary]="outlined"===n&&"secondary"===i,e));return c.createElement(F,Object.assign({classes:f({},a),color:i,disabled:d,className:b,size:s},u),o)};T.defaultProps={color:"default",variant:"text",rounded:!1,disabled:!1,size:"medium"};var z=function(r){var e=r.children,o=r.color,a=r.variant,t=r.classes,i=x(r,["children","color","variant","classes","className"]);return c.createElement(h,Object.assign({classes:f({},t),variant:a,color:o},i),e)};z.defaultProps={variant:"round",color:"default",disabled:!1,size:"large"};var I=function(r){var e=r.children,o=r.color,a=r.variant,t=r.classes,i=x(r,["children","color","variant","classes","className"]);return c.createElement(g,Object.assign({classes:f({},t),variant:a,color:o},i),e)};I.defaultProps={variant:"default",color:"default",disabled:!1,size:"medium"},exports.AppBar=e,exports.Toolbar=o,exports.Typography=a,exports.Divider=t,exports.useTheme=i,exports.makeStyles=n,exports.withStyles=l,exports.Button=D,exports.Chip=I,exports.Drawer=function(r){return c.createElement(C,Object.assign({},r),r.children)},exports.Fab=z,exports.IconButton=T,exports.List=w,exports.ListItem=S,exports.ListItemIcon=function(r){return c.createElement(b,Object.assign({},r),r.children)},exports.ListItemText=function(r){return c.createElement(p,Object.assign({},r),r.children)},exports.ThemeProvider=function(r){return c.createElement(d,{theme:q},r.children)};
 //# sourceMappingURL=krowdy-ui.cjs.production.min.js.map

dist/krowdy-ui.esm.js

@@ -254,15 +254,16 @@ export { default as AppBar } from '@material-ui/core/AppBar';
 makeStyles(function (_ref) {
-  var krowdy = _ref.palette.krowdy;
+  var palette = _ref.palette;
+  console.log('Grover: palette', palette);
   return {
     textKrowdy: {
       '&:hover': {
-        backgroundColor: krowdy['A14']
+        backgroundColor: palette.primary['A14']
       },
-      color: krowdy[500]
+      color: palette.primary[500]
     },
     containedKrowdy: {
       '&:hover': {
-        backgroundColor: krowdy[400]
+        backgroundColor: palette.primary[400]
       },
-      backgroundColor: krowdy[500],
+      backgroundColor: palette.primary[500],
       color: 'white'
@@ -272,8 +273,8 @@ },
       '&:hover': {
-        backgroundColor: krowdy['A14'],
-        borderColor: krowdy[400],
-        color: krowdy[400]
+        backgroundColor: palette.primary['A14'],
+        borderColor: palette.primary[400],
+        color: palette.primary[400]
       },
-      borderColor: krowdy[500],
-      color: krowdy[500]
+      borderColor: palette.primary[500],
+      color: palette.primary[500]
     }
@@ -280,0 +281,0 @@ };

package.json

 {
   "name": "krowdy-ui",
-  "version": "0.0.13",
+  "version": "0.0.14-dev",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "module": "dist/krowdy-ui.esm.js",

No alert changes

Improved metrics

Total package byte prevSize

115589

increased by0.99%

Lines of code

1144

increased by0.26%

No dependency changes