polythene-theme - npm Package Compare versions

Comparing version 0.1.22 to 0.1.23

dialog/dialog-style-color.es6.js

@@ -15,4 +15,9 @@ import config from 'polythene-theme/common/config';
         ' .dialog-body': {
-            'color': config.color[tint][element].body.color,
-            'border-color': config.color[tint][element].body.border
+            'color': config.color[tint][element].body.color
+        },
+        '&.topOverflow .dialog-body': {
+            'border-top-color': config.color[tint][element].body.border
+        },
+        '&.bottomOverflow .dialog-body': {
+            'border-bottom-color': config.color[tint][element].body.border
         }
@@ -19,0 +24,0 @@ };

dialog/dialog-style-color.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var style=function style(tint,element){return{"&.hasBackdrop":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].backdrop.background}," .dialog-content":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].content.background}," .dialog-header .title":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].title.color}," .dialog-body":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].body.color,"border-color":_polytheneThemeCommonConfig2["default"].color[tint][element].body.border}}};var styles=[{".dialog":style("light","dialog")},{".dialog.dark-theme, .dark-theme .dialog":style("dark","dialog")}];exports["default"]=styles;module.exports=exports["default"];
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var style=function style(tint,element){return{"&.hasBackdrop":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].backdrop.background}," .dialog-content":{"background-color":_polytheneThemeCommonConfig2["default"].color[tint][element].content.background}," .dialog-header .title":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].title.color}," .dialog-body":{color:_polytheneThemeCommonConfig2["default"].color[tint][element].body.color},"&.topOverflow .dialog-body":{"border-top-color":_polytheneThemeCommonConfig2["default"].color[tint][element].body.border},"&.bottomOverflow .dialog-body":{"border-bottom-color":_polytheneThemeCommonConfig2["default"].color[tint][element].body.border}}};var styles=[{".dialog":style("light","dialog")},{".dialog.dark-theme, .dark-theme .dialog":style("dark","dialog")}];exports["default"]=styles;module.exports=exports["default"];

dialog/dialog-style.es6.js

@@ -8,2 +8,4 @@ import config from 'polythene-theme/common/config';
 const borderRadiusPx = '2px';
+const headerHeight = 60;
+const footerHeight = 52;
 
@@ -26,3 +28,3 @@ const styles = [{
             opacity: 0,
-            height: '100%',
+            height: '100vh',
             padding: paddingPx + ' 40px',
@@ -49,3 +51,3 @@
                 padding: [(padding - 4), padding, (headerBottom - 4), padding].map((v) => (v + 'px')).join(' '),
-                'min-height': '60px',
+                'min-height': headerHeight + 'px',
 
@@ -59,19 +61,18 @@ '> .title': [
             },
-            ' .dialog-body': {
-                padding: [padding, padding, (padding - 5), padding].map((v) => (v + 'px')).join(' '),
-                'overflow-y': 'auto',
-                '-webkit-overflow-scrolling': 'touch',
-                'border-width': 0
-            },
-            '&.topOverflow .dialog-body, &.bottomOverflow .dialog-body': {
-                'border-width': '1px'
-            },
-            '&.topOverflow .dialog-body': [
+            ' .dialog-body': [
                 mixin.hairline('border-top'), {
                     'border-top-style': 'solid'
-                }
-            ],
-            '&.bottomOverflow .dialog-body': [
-                mixin.hairline('border-bottom'), {
+                },
+                mixin.hairline('border-top'), {
                     'border-bottom-style': 'solid'
+                },
+                {
+                    padding: [padding, padding, (padding - 5), padding].map((v) => (v + 'px')).join(' '),
+                    'overflow-y': 'auto',
+                    '-webkit-overflow-scrolling': 'touch',
+                    'border-width': '1px',
+                    'border-style': 'solid none',
+                    'border-color': 'transparent',
+                    // initially set max-height; will be overridden by dialog core with actual heights
+                    'max-height': 'calc(100vh - ' + paddingPx + ' - ' + (headerHeight + footerHeight) + 'px)'
                 }
@@ -84,3 +85,3 @@ ],
                 padding: '2px 8px',
-                'min-height': '52px',
+                'min-height': footerHeight + 'px',
                 'font-size': 0, // remove inline block spacing
@@ -116,3 +117,5 @@
                         padding: 0,
-                        height: '100%'
+                        height: '100vh',
+                        border: 'none',
+                        'max-height': 'calc(100vh)'
                     }
@@ -119,0 +122,0 @@ },

dialog/dialog-style.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var padding=24;var paddingPx=padding+"px";var headerBottom=20;var borderRadiusPx="2px";var styles=[{".dialog":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),{position:"fixed",top:0,left:0,right:0,bottom:0,"z-index":9999,opacity:0,height:"100%",padding:paddingPx+" 40px"," .dialog-content":{position:"relative","max-height":"100%","min-width":56*5+"px","border-radius":borderRadiusPx}," .dialog-header, .dialog-body":{"> .title":{"font-size":_polytheneThemeCommonConfig2["default"].fontSizeTitle+"px","line-height":"24px","font-weight":500,display:"block"},"> .title + div":{"margin-top":"16px"}}," .dialog-header":{padding:[padding-4,padding,headerBottom-4,padding].map(function(v){return v+"px"}).join(" "),"min-height":"60px","> .title":[_polytheneThemeCommonMixin2["default"].singleLine(),{display:"block",width:"100%"}]}," .dialog-body":{padding:[padding,padding,padding-5,padding].map(function(v){return v+"px"}).join(" "),"overflow-y":"auto","-webkit-overflow-scrolling":"touch","border-width":0},"&.topOverflow .dialog-body, &.bottomOverflow .dialog-body":{"border-width":"1px"},"&.topOverflow .dialog-body":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-top-style":"solid"}],"&.bottomOverflow .dialog-body":[_polytheneThemeCommonMixin2["default"].hairline("border-bottom"),{"border-bottom-style":"solid"}]," .dialog-header + .dialog-body":{"padding-top":0}," .dialog-footer":{padding:"2px 8px","min-height":"52px","font-size":0,"&.high":{"padding-bottom":"8px"}," .actions":{margin:"0 -4px"}," .button":{height:"36px","margin-top":"6px","margin-bottom":"6px",padding:0}},"&.fullscreen":{padding:0,"> .dialog-content":{"border-radius":0,"max-width":"none",height:"100%",width:"100%","> .dialog-header, > .dialog-footer":{display:"none"},"> .dialog-body":{padding:0,height:"100%"}}," .mainContainer":{}}}],"body.dialog-open":{overflow:"hidden",left:0,"-webkit-overflow-scrolling":"touch",position:"fixed",top:0,width:"100%"}}];exports["default"]=styles;module.exports=exports["default"];
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var padding=24;var paddingPx=padding+"px";var headerBottom=20;var borderRadiusPx="2px";var headerHeight=60;var footerHeight=52;var styles=[{".dialog":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),{position:"fixed",top:0,left:0,right:0,bottom:0,"z-index":9999,opacity:0,height:"100vh",padding:paddingPx+" 40px"," .dialog-content":{position:"relative","max-height":"100%","min-width":56*5+"px","border-radius":borderRadiusPx}," .dialog-header, .dialog-body":{"> .title":{"font-size":_polytheneThemeCommonConfig2["default"].fontSizeTitle+"px","line-height":"24px","font-weight":500,display:"block"},"> .title + div":{"margin-top":"16px"}}," .dialog-header":{padding:[padding-4,padding,headerBottom-4,padding].map(function(v){return v+"px"}).join(" "),"min-height":headerHeight+"px","> .title":[_polytheneThemeCommonMixin2["default"].singleLine(),{display:"block",width:"100%"}]}," .dialog-body":[_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-top-style":"solid"},_polytheneThemeCommonMixin2["default"].hairline("border-top"),{"border-bottom-style":"solid"},{padding:[padding,padding,padding-5,padding].map(function(v){return v+"px"}).join(" "),"overflow-y":"auto","-webkit-overflow-scrolling":"touch","border-width":"1px","border-style":"solid none","border-color":"transparent","max-height":"calc(100vh - "+paddingPx+" - "+(headerHeight+footerHeight)+"px)"}]," .dialog-header + .dialog-body":{"padding-top":0}," .dialog-footer":{padding:"2px 8px","min-height":footerHeight+"px","font-size":0,"&.high":{"padding-bottom":"8px"}," .actions":{margin:"0 -4px"}," .button":{height:"36px","margin-top":"6px","margin-bottom":"6px",padding:0}},"&.fullscreen":{padding:0,"> .dialog-content":{"border-radius":0,"max-width":"none",height:"100%",width:"100%","> .dialog-header, > .dialog-footer":{display:"none"},"> .dialog-body":{padding:0,height:"100vh",border:"none","max-height":"calc(100vh)"}}," .mainContainer":{}}}],"body.dialog-open":{overflow:"hidden",left:0,"-webkit-overflow-scrolling":"touch",position:"fixed",top:0,width:"100%"}}];exports["default"]=styles;module.exports=exports["default"];

item/item-style.es6.js

@@ -20,17 +20,17 @@ import config from 'polythene-theme/common/config';
         '.selected': {
-          'font-weight': config.fontWeightBold
-      },
-      ' .icon:not([role=img])': {
-          margin: '0 16px 0 0'
-      },
-      '> a': {
-          position: 'absolute',
-          top: 0,
-          right: 0,
-          bottom: 0,
-          left: 0,
-          // IE10 styling to ensure link is clickable. Cannot be completely
-          // transparent or minifiers change it to `transparent` which does not work.
-          'background - color': 'rgba(0, 0, 0, 0.000001)'
-      }
+            'font-weight': config.fontWeightBold
+        },
+        ' .icon:not([role=img])': {
+            margin: '0 16px 0 0'
+        },
+        '> a': {
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            // IE10 styling to ensure link is clickable. Cannot be completely
+            // transparent or minifiers change it to `transparent` which does not work.
+            'background - color': 'rgba(0, 0, 0, 0.000001)'
+        }
     }
@@ -37,0 +37,0 @@ }];

package.json

 {
     "name": "polythene-theme",
-    "version": "0.1.22",
+    "version": "0.1.23",
     "description": "Polythene default theme",
@@ -19,4 +19,4 @@ "license": "MIT",
     "scripts": {
-        "watch": "node watch.js watch . node_modules",
-        "transpile": "node watch.js once . node_modules"
+        "watch": "node transpile.js watch . node_modules",
+        "transpile": "node transpile.js once . node_modules"
     },
@@ -23,0 +23,0 @@ "repository": {

ripple/ripple-style.es6.js

@@ -12,4 +12,5 @@ import config from 'polythene-theme/common/config';
         // Prevent flickering
-        mixin.vendorize({'transform': 'translate3d(0,0,0)'}, config.vendors.transform),
-        {
+        mixin.vendorize({
+            'transform': 'translate3d(0,0,0)'
+        }, config.vendors.transform), {
             color: 'inherit',
@@ -35,6 +36,10 @@ 'border-radius': 'inherit',
             ' .ripple-waves': [
-                mixin.vendorize({'transform': 'scale(' + startScale + ')'}, config.vendors.transform),
+                mixin.vendorize({
+                    'transform': 'scale(' + startScale + ')'
+                }, config.vendors.transform),
                 // default durations; finally set in js
-                mixin.vendorize({'animation-duration': config.surfaceReactionDuration}, config.vendors.animation),
-                {
+                mixin.vendorize({
+                    'animation-duration': config.surfaceReactionDuration
+                }, config.vendors.animation), {
+                    outline: '1px solid transparent', // for IE10
                     position: 'absolute',
@@ -47,4 +52,5 @@ 'border-radius': '50%',
                     '.animated': [
-                        mixin.vendorize({'animation': 'ripple ease-out'}, config.vendors.animation),
-                        {
+                        mixin.vendorize({
+                            'animation': 'ripple ease-out'
+                        }, config.vendors.animation), {
                             display: 'block'
@@ -66,4 +72,5 @@ }
         '100%': [
-            mixin.vendorize({'transform': 'scale(' + endScale + ')'}, ['moz']),
-            {
+            mixin.vendorize({
+                'transform': 'scale(' + endScale + ')'
+            }, ['moz']), {
                 'opacity': endOpacity
@@ -75,4 +82,5 @@ }
         '100%': [
-            mixin.vendorize({'transform': 'scale(' + endScale + ')'}, ['o']),
-            {
+            mixin.vendorize({
+                'transform': 'scale(' + endScale + ')'
+            }, ['o']), {
                 'opacity': endOpacity
@@ -84,3 +92,3 @@ }
     '[disabled] .ripple, .inactive .ripple': {
-	    'pointer-events': 'none'
+        'pointer-events': 'none'
     }
@@ -87,0 +95,0 @@ }];

ripple/ripple-style.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var startScale=.1;var endScale=2;var startOpacity=.2;var endOpacity=0;var styles=[{".ripple":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{color:"inherit","border-radius":"inherit",".noink":{"pointer-events":"none"},".constrained":{"border-radius":"inherit",overflow:"hidden"," .ripple-mask":{overflow:"hidden","border-radius":"inherit"}}," .ripple-mask":_polytheneThemeCommonMixin2["default"].fit()," .ripple-waves":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"scale("+startScale+")"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"animation-duration":_polytheneThemeCommonConfig2["default"].surfaceReactionDuration},_polytheneThemeCommonConfig2["default"].vendors.animation),{position:"absolute","border-radius":"50%",opacity:startOpacity,"pointer-events":"none",display:"none",".animated":[_polytheneThemeCommonMixin2["default"].vendorize({animation:"ripple ease-out"},_polytheneThemeCommonConfig2["default"].vendors.animation),{display:"block"}]}]}],"@keyframes ripple":{"100%":{transform:"scale("+endScale+")",opacity:endOpacity}},"@-moz-keyframes ripple":{"100%":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"scale("+endScale+")"},["moz"]),{opacity:endOpacity}]},"@-o-keyframes ripple":{"100%":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"scale("+endScale+")"},["o"]),{opacity:endOpacity}]},"[disabled] .ripple, .inactive .ripple":{"pointer-events":"none"}}];exports["default"]=styles;module.exports=exports["default"];
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var startScale=.1;var endScale=2;var startOpacity=.2;var endOpacity=0;var styles=[{".ripple":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{color:"inherit","border-radius":"inherit",".noink":{"pointer-events":"none"},".constrained":{"border-radius":"inherit",overflow:"hidden"," .ripple-mask":{overflow:"hidden","border-radius":"inherit"}}," .ripple-mask":_polytheneThemeCommonMixin2["default"].fit()," .ripple-waves":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"scale("+startScale+")"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"animation-duration":_polytheneThemeCommonConfig2["default"].surfaceReactionDuration},_polytheneThemeCommonConfig2["default"].vendors.animation),{outline:"1px solid transparent",position:"absolute","border-radius":"50%",opacity:startOpacity,"pointer-events":"none",display:"none",".animated":[_polytheneThemeCommonMixin2["default"].vendorize({animation:"ripple ease-out"},_polytheneThemeCommonConfig2["default"].vendors.animation),{display:"block"}]}]}],"@keyframes ripple":{"100%":{transform:"scale("+endScale+")",opacity:endOpacity}},"@-moz-keyframes ripple":{"100%":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"scale("+endScale+")"},["moz"]),{opacity:endOpacity}]},"@-o-keyframes ripple":{"100%":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"scale("+endScale+")"},["o"]),{opacity:endOpacity}]},"[disabled] .ripple, .inactive .ripple":{"pointer-events":"none"}}];exports["default"]=styles;module.exports=exports["default"];

shadow/shadow-style.es6.js

@@ -5,3 +5,5 @@ import config from 'polythene-theme/common/config';
 const shadowDirective = (dir) => {
-    return mixin.vendorize({'box-shadow': dir}, config.vendors.box_shadow);
+    return mixin.vendorize({
+        'box-shadow': dir
+    }, config.vendors.box_shadow);
 };
@@ -12,9 +14,10 @@
         'border-radius': 'inherit',
-        'pointer-events': 'none',
 
         ' .shadow-bottom, .shadow-top': {
             'border-radius': 'inherit',
-            'pointer-events': 'none',
+            'z-index': -1, // for IE, otherwise covered area receives no tap interaction
 
-            '.animated': mixin.vendorize({'transition': 'box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)'}, config.vendors.transition)
+            '.animated': mixin.vendorize({
+                'transition': 'box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)'
+            }, config.vendors.transition)
         }
@@ -21,0 +24,0 @@ },

shadow/shadow-style.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var shadowDirective=function shadowDirective(dir){return _polytheneThemeCommonMixin2["default"].vendorize({"box-shadow":dir},_polytheneThemeCommonConfig2["default"].vendors.box_shadow)};var styles=[{".shadow":{"border-radius":"inherit","pointer-events":"none"," .shadow-bottom, .shadow-top":{"border-radius":"inherit","pointer-events":"none",".animated":_polytheneThemeCommonMixin2["default"].vendorize({transition:"box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)"},_polytheneThemeCommonConfig2["default"].vendors.transition)}},".shadow-top-z-1":shadowDirective("none"),".shadow-bottom-z-1":shadowDirective("0 1px 4px 0 rgba(0, 0, 0, 0.37)"),".shadow-top-z-2":shadowDirective("0 2px 2px 0 rgba(0, 0, 0, 0.2)"),".shadow-bottom-z-2":shadowDirective("0 6px 10px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-3":shadowDirective("0 11px 7px 0 rgba(0, 0, 0, 0.19)"),".shadow-bottom-z-3":shadowDirective("0 13px 25px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-4":shadowDirective("0 14px 12px 0 rgba(0, 0, 0, 0.17)"),".shadow-bottom-z-4":shadowDirective("0 20px 40px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-5":shadowDirective("0 17px 17px 0 rgba(0, 0, 0, 0.15)"),".shadow-bottom-z-5":shadowDirective("0 27px 55px 0 rgba(0, 0, 0, 0.3)")}];exports["default"]=styles;module.exports=exports["default"];
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var shadowDirective=function shadowDirective(dir){return _polytheneThemeCommonMixin2["default"].vendorize({"box-shadow":dir},_polytheneThemeCommonConfig2["default"].vendors.box_shadow)};var styles=[{".shadow":{"border-radius":"inherit"," .shadow-bottom, .shadow-top":{"border-radius":"inherit","z-index":-1,".animated":_polytheneThemeCommonMixin2["default"].vendorize({transition:"box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)"},_polytheneThemeCommonConfig2["default"].vendors.transition)}},".shadow-top-z-1":shadowDirective("none"),".shadow-bottom-z-1":shadowDirective("0 1px 4px 0 rgba(0, 0, 0, 0.37)"),".shadow-top-z-2":shadowDirective("0 2px 2px 0 rgba(0, 0, 0, 0.2)"),".shadow-bottom-z-2":shadowDirective("0 6px 10px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-3":shadowDirective("0 11px 7px 0 rgba(0, 0, 0, 0.19)"),".shadow-bottom-z-3":shadowDirective("0 13px 25px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-4":shadowDirective("0 14px 12px 0 rgba(0, 0, 0, 0.17)"),".shadow-bottom-z-4":shadowDirective("0 20px 40px 0 rgba(0, 0, 0, 0.3)"),".shadow-top-z-5":shadowDirective("0 17px 17px 0 rgba(0, 0, 0, 0.15)"),".shadow-bottom-z-5":shadowDirective("0 27px 55px 0 rgba(0, 0, 0, 0.3)")}];exports["default"]=styles;module.exports=exports["default"];

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

161596

increased by0.65%

Lines of code

2484

increased by0.77%

No dependency changes