polythene-theme - npm Package Compare versions

Comparing version 0.1.21 to 0.1.22

button/button-style-effects.es6.js

@@ -5,3 +5,3 @@ import config from 'polythene-theme/common/config';
 const styles = {
-    '&.selected, &[disabled]': {
+    '&.selected, &.disabled, &[disabled]': {
         cursor: 'default',
@@ -18,4 +18,3 @@ 'pointer-events': 'none'
                 'border-radius': 'inherit',
-                'z-index': 2, // to make it float above .wash and .ripple
-                'pointer-events': 'auto'
+                'z-index': 2 // to make it float above .wash and .ripple
             }
@@ -22,0 +21,0 @@ ]

button/button-style-effects.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 styles={"&.selected, &[disabled]":{cursor:"default","pointer-events":"none"}," .content":{position:"relative","border-radius":"inherit"," .label":[_polytheneThemeCommonMixin2["default"].fontSmoothing(),{position:"relative",display:"block","border-radius":"inherit","z-index":2,"pointer-events":"auto"}]}," .ripple":{"border-radius":"inherit","z-index":3}," .wash":[_polytheneThemeCommonMixin2["default"].vendorize({transition:"background-color "+_polytheneThemeCommonConfig2["default"].surfaceReactionDuration+" ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{"z-index":1,"border-radius":"inherit","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 styles={"&.selected, &.disabled, &[disabled]":{cursor:"default","pointer-events":"none"}," .content":{position:"relative","border-radius":"inherit"," .label":[_polytheneThemeCommonMixin2["default"].fontSmoothing(),{position:"relative",display:"block","border-radius":"inherit","z-index":2}]}," .ripple":{"border-radius":"inherit","z-index":3}," .wash":[_polytheneThemeCommonMixin2["default"].vendorize({transition:"background-color "+_polytheneThemeCommonConfig2["default"].surfaceReactionDuration+" ease-in-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{"z-index":1,"border-radius":"inherit","pointer-events":"none"}]};exports["default"]=styles;module.exports=exports["default"];

layout/layout-style.es6.js

@@ -9,2 +9,6 @@ const flexIndex = (index) => ({
     '.layout, .layout.horizontal, .layout.vertical': [{
+        'display': '-webkit-box'
+    }, {
+        'display': '-moz-box'
+    }, {
         'display': '-ms-flexbox'
@@ -53,9 +57,17 @@ }, {
     },
-    '.flex': {
-        '-ms-flex': '1 1 0.000000001px',
-        '-webkit-flex': 1,
-        'flex': 1,
-        '-webkit-flex-basis': '0.000000001px',
+    '.flex': [{
+        '-webkit-box-flex': 1
+    }, {
+        '-moz-box-flex': 1
+    }, {
+        '-webkit-flex': 1
+    }, {
+        '-ms-flex': 1
+    }, {
+        'flex': 1
+    }, {
+        '-webkit-flex-basis': '0.000000001px'
+    }, {
         'flex-basis': '0.000000001px'
-    },
+    }],
     '.span.flex': {
@@ -62,0 +74,0 @@ // for IE 10

layout/layout-style.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var flexIndex=function flexIndex(index){return{"-ms-flex":index,"-webkit-flex":index,flex:index}};var styles=[{".layout, .layout.horizontal, .layout.vertical":[{display:"-ms-flexbox"},{display:"-webkit-flex"},{display:"flex"}],".layout.horizontal.inline, .layout.vertical.inline":[{display:"-ms-inline-flexbox"},{display:"-webkit-inline-flex"},{display:"inline-flex"}],".layout.horizontal":{"-ms-flex-direction":"row","-webkit-flex-direction":"row","flex-direction":"row"},".layout.horizontal.reverse":{"-ms-flex-direction":"row-reverse","-webkit-flex-direction":"row-reverse","flex-direction":"row-reverse"},".layout.vertical":{"-ms-flex-direction":"column","-webkit-flex-direction":"column","flex-direction":"column"},".layout.vertical.reverse":{"-ms-flex-direction":"column-reverse","-webkit-flex-direction":"column-reverse","flex-direction":"column-reverse"},".layout.wrap":{"-ms-flex-wrap":"wrap","-webkit-flex-wrap":"wrap","flex-wrap":"wrap"},".layout.wrap.reverse":{"-ms-flex-wrap":"wrap-reverse","-webkit-flex-wrap":"wrap-reverse","flex-wrap":"wrap-reverse"},".flex":{"-ms-flex":"1 1 0.000000001px","-webkit-flex":1,flex:1,"-webkit-flex-basis":"0.000000001px","flex-basis":"0.000000001px"},".span.flex":{display:"block"},".vertical.layout > .flex.auto-vertical":{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},".flex.auto":{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},".flex.none":flexIndex("none"),".flex.one":flexIndex(1),".flex.two":flexIndex(2),".flex.three":flexIndex(3),".flex.four":flexIndex(4),".flex.five":flexIndex(5),".flex.six":flexIndex(6),".flex.seven":flexIndex(7),".flex.eight":flexIndex(8),".flex.nine":flexIndex(9),".flex.ten":flexIndex(10),".flex.eleven":flexIndex(11),".flex.twelve":flexIndex(12),".layout.start":{"-ms-flex-align":"start","-webkit-align-items":"flex-start","align-items":"flex-start"},".layout.center, .layout.center-center":{"-ms-flex-align":"center","-webkit-align-items":"center","align-items":"center"},".layout.end":{"-ms-flex-align":"end","-webkit-align-items":"flex-end","align-items":"flex-end"},".layout.start-justified":{"-ms-flex-pack":"start","-webkit-justify-content":"flex-start","justify-content":"flex-start"},".layout.center-justified, .layout.center-center":{"-ms-flex-pack":"center","-webkit-justify-content":"center","justify-content":"center"},".layout.end-justified":{"-ms-flex-pack":"end","-webkit-justify-content":"flex-end","justify-content":"flex-end"},".layout.around-justified":{"-ms-flex-pack":"distribute","-webkit-justify-content":"space-around","justify-content":"space-around"},".layout.justified":{"-ms-flex-pack":"justify","-webkit-justify-content":"space-between","justify-content":"space-between"},".self-start":{"-ms-align-self":"flex-start","-webkit-align-self":"flex-start","align-self":"flex-start"},".self-center":{"-ms-align-self":"center","-webkit-align-self":"center","align-self":"center"},".self-end":{"-ms-align-self":"flex-end","-webkit-align-self":"flex-end","align-self":"flex-end"},".self-stretch":{"-ms-align-self":"stretch","-webkit-align-self":"stretch","align-self":"stretch"},".block":{display:"block"},".hidden":{display:"none !important"},".relative":{position:"relative"},".fit":{position:"absolute",top:0,right:0,bottom:0,left:0},"body.fullbleed":{margin:0,height:"100vh"},".segment, segment":{display:"block",position:"relative","-webkit-box-sizing":"border-box","-ms-box-sizing":"border-box","box-sizing":"border-box",margin:"1em 0.5em",padding:"1em","background-color":"white","-webkit-box-shadow":"0px 0px 0px 1px rgba(0, 0, 0, 0.1)","box-shadow":"0px 0px 0px 1px rgba(0, 0, 0, 0.1)","border-radius":"5px 5px 5px 5px"}}];exports["default"]=styles;module.exports=exports["default"];
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var flexIndex=function flexIndex(index){return{"-ms-flex":index,"-webkit-flex":index,flex:index}};var styles=[{".layout, .layout.horizontal, .layout.vertical":[{display:"-webkit-box"},{display:"-moz-box"},{display:"-ms-flexbox"},{display:"-webkit-flex"},{display:"flex"}],".layout.horizontal.inline, .layout.vertical.inline":[{display:"-ms-inline-flexbox"},{display:"-webkit-inline-flex"},{display:"inline-flex"}],".layout.horizontal":{"-ms-flex-direction":"row","-webkit-flex-direction":"row","flex-direction":"row"},".layout.horizontal.reverse":{"-ms-flex-direction":"row-reverse","-webkit-flex-direction":"row-reverse","flex-direction":"row-reverse"},".layout.vertical":{"-ms-flex-direction":"column","-webkit-flex-direction":"column","flex-direction":"column"},".layout.vertical.reverse":{"-ms-flex-direction":"column-reverse","-webkit-flex-direction":"column-reverse","flex-direction":"column-reverse"},".layout.wrap":{"-ms-flex-wrap":"wrap","-webkit-flex-wrap":"wrap","flex-wrap":"wrap"},".layout.wrap.reverse":{"-ms-flex-wrap":"wrap-reverse","-webkit-flex-wrap":"wrap-reverse","flex-wrap":"wrap-reverse"},".flex":[{"-webkit-box-flex":1},{"-moz-box-flex":1},{"-webkit-flex":1},{"-ms-flex":1},{flex:1},{"-webkit-flex-basis":"0.000000001px"},{"flex-basis":"0.000000001px"}],".span.flex":{display:"block"},".vertical.layout > .flex.auto-vertical":{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},".flex.auto":{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},".flex.none":flexIndex("none"),".flex.one":flexIndex(1),".flex.two":flexIndex(2),".flex.three":flexIndex(3),".flex.four":flexIndex(4),".flex.five":flexIndex(5),".flex.six":flexIndex(6),".flex.seven":flexIndex(7),".flex.eight":flexIndex(8),".flex.nine":flexIndex(9),".flex.ten":flexIndex(10),".flex.eleven":flexIndex(11),".flex.twelve":flexIndex(12),".layout.start":{"-ms-flex-align":"start","-webkit-align-items":"flex-start","align-items":"flex-start"},".layout.center, .layout.center-center":{"-ms-flex-align":"center","-webkit-align-items":"center","align-items":"center"},".layout.end":{"-ms-flex-align":"end","-webkit-align-items":"flex-end","align-items":"flex-end"},".layout.start-justified":{"-ms-flex-pack":"start","-webkit-justify-content":"flex-start","justify-content":"flex-start"},".layout.center-justified, .layout.center-center":{"-ms-flex-pack":"center","-webkit-justify-content":"center","justify-content":"center"},".layout.end-justified":{"-ms-flex-pack":"end","-webkit-justify-content":"flex-end","justify-content":"flex-end"},".layout.around-justified":{"-ms-flex-pack":"distribute","-webkit-justify-content":"space-around","justify-content":"space-around"},".layout.justified":{"-ms-flex-pack":"justify","-webkit-justify-content":"space-between","justify-content":"space-between"},".self-start":{"-ms-align-self":"flex-start","-webkit-align-self":"flex-start","align-self":"flex-start"},".self-center":{"-ms-align-self":"center","-webkit-align-self":"center","align-self":"center"},".self-end":{"-ms-align-self":"flex-end","-webkit-align-self":"flex-end","align-self":"flex-end"},".self-stretch":{"-ms-align-self":"stretch","-webkit-align-self":"stretch","align-self":"stretch"},".block":{display:"block"},".hidden":{display:"none !important"},".relative":{position:"relative"},".fit":{position:"absolute",top:0,right:0,bottom:0,left:0},"body.fullbleed":{margin:0,height:"100vh"},".segment, segment":{display:"block",position:"relative","-webkit-box-sizing":"border-box","-ms-box-sizing":"border-box","box-sizing":"border-box",margin:"1em 0.5em",padding:"1em","background-color":"white","-webkit-box-shadow":"0px 0px 0px 1px rgba(0, 0, 0, 0.1)","box-shadow":"0px 0px 0px 1px rgba(0, 0, 0, 0.1)","border-radius":"5px 5px 5px 5px"}}];exports["default"]=styles;module.exports=exports["default"];

package.json

 {
     "name": "polythene-theme",
-    "version": "0.1.21",
+    "version": "0.1.22",
     "description": "Polythene default theme",
@@ -5,0 +5,0 @@ "license": "MIT",

tabs/tabs-style-color.es6.js

 import config from 'polythene-theme/common/config';
 
 const commonStyle = () => {
-    return {
-        '&.scrollable': {
-            ' .scroll-btn': {
-                ' .icon': {
-                    opacity: .7
-                },
-                '&.inactive': {
-                    ' .icon': {
-                        opacity: 0
-                    }
-                }
-            }
-        },
-        ' .tab': {
-            ' .content .label': {
-                opacity: .7
-            },
-            '&.selected': {
-                ' .content .label': {
-                    opacity: 1
-                }
-            }
-        }
-    };
+    return {};
 };
@@ -29,0 +6,0 @@

tabs/tabs-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 commonStyle=function commonStyle(){return{"&.scrollable":{" .scroll-btn":{" .icon":{opacity:.7},"&.inactive":{" .icon":{opacity:0}}}}," .tab":{" .content .label":{opacity:.7},"&.selected":{" .content .label":{opacity:1}}}}};var colorStyle=function colorStyle(tint,element,type){return{" .tab:not(.selected) .icon":{color:_polytheneThemeCommonConfig2["default"].color[tint][element][type].normal.color}}};var styles=[{".tabs":commonStyle()},{".tabs":colorStyle("light","icon-button","flat")},{".dark-theme .tabs, .tabs.dark-theme":colorStyle("dark","icon-button","flat")}];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 commonStyle=function commonStyle(){return{}};var colorStyle=function colorStyle(tint,element,type){return{" .tab:not(.selected) .icon":{color:_polytheneThemeCommonConfig2["default"].color[tint][element][type].normal.color}}};var styles=[{".tabs":commonStyle()},{".tabs":colorStyle("light","icon-button","flat")},{".dark-theme .tabs, .tabs.dark-theme":colorStyle("dark","icon-button","flat")}];exports["default"]=styles;module.exports=exports["default"];

tabs/tabs-style.es6.js

@@ -6,3 +6,3 @@ import config from 'polythene-theme/common/config';
 const menuTabHeight = 44;
-const menuTabIconLabelHeight = 50;
+const menuTabIconLabelHeight = 44;
 const tabIconLabelHeight = 72;
@@ -24,4 +24,3 @@ const fontSize = config.buttonFontSize;
         }, config.vendors.transform), {
-            'overflow-x': 'auto',
-            'overflow-y': 'hidden',
+            overflow: 'hidden',
             '-webkit-overflow-scrolling': 'touch',
@@ -34,4 +33,2 @@
             '&.scrollable': {
-                'overflow-x': 'hidden', // prevents artifacts on IE10
-
                 // hide scrollbar (this approach is required for Firefox)
@@ -88,3 +85,4 @@ 'max-height': tabHeight + 'px', // TODO: solve higher tabs, perhaps using `mode` param like header-panel
                         ' .label': {
-                            margin: tabLabelVerticalOffset + 'px 0 0 0'
+                            margin: tabLabelVerticalOffset + 'px 0 0 0',
+                            opacity: .7
                         },
@@ -96,2 +94,7 @@ ' .icon': {
                     },
+                    '&.selected': {
+                        ' .content .label': {
+                            opacity: 1
+                        }
+                    },
                     '&.hasIconLabel': {
@@ -133,3 +136,3 @@ '&, .content': [{
                     left: 0,
-                    'z-index': 9,
+                    'z-index': 5,
                     width: '100%' // and transformed with js
@@ -141,2 +144,3 @@ // background-color defined in implementation/theme css
             '&.menu': {
+
                 // reset sizes to fit within a small space
@@ -151,3 +155,3 @@ ' .tab, .tab .content': {
                 ' .tab, .tab.hasIconLabel': {
-                    'min-width': 'initial',
+                    'min-width': 0,
 
@@ -162,2 +166,3 @@ ' .content': {
                             'font-size': '10px',
+                            'line-height': '12px',
                             'text-transform': 'none'
@@ -203,30 +208,25 @@ },
                 'z-index': 4,
-                'pointer-events': 'auto',
-                cursor: 'pointer',
 
                 ' .content': {
                     'border-radius': 0,
-                    'background-color': 'inherit',
-
-                    ' .icon': [
-                        mixin.vendorize({
-                            'transition-property': 'opacity'
-                        }, config.vendors.transition),
-                        mixin.vendorize({
-                            'transition-duration': scrollButtonFadeDurationSec
-                        }, config.vendors.transition),
-                        mixin.vendorize({
-                            'transition-timing-function': 'ease-out'
-                        }, config.vendors.transition),
-                        mixin.vendorize({
-                            'transition-delay': '.15s'
-                        }, config.vendors.transition)
-                    ]
+                    'background-color': 'inherit'
                 },
-                '&.inactive': {
-                    'pointer-events': 'none',
-                    cursor: 'auto',
-                    ' .icon': {
-                        opacity: 0
+                ' .label': [
+                    mixin.vendorize({
+                        'transition-property': 'opacity'
+                    }, config.vendors.transition),
+                    mixin.vendorize({
+                        'transition-duration': scrollButtonFadeDurationSec
+                    }, config.vendors.transition),
+                    mixin.vendorize({
+                        'transition-timing-function': 'ease-out'
+                    }, config.vendors.transition),
+                    mixin.vendorize({
+                        'transition-delay': '.5s'
+                    }, config.vendors.transition), {
+                        opacity: .7
                     }
+                ],
+                '&.disabled .label': {
+                    opacity: 0
                 }
@@ -233,0 +233,0 @@ },

tabs/tabs-style.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{"default":obj}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var tabHeight=48;var menuTabHeight=44;var menuTabIconLabelHeight=50;var tabIconLabelHeight=72;var fontSize=_polytheneThemeCommonConfig2["default"].buttonFontSize;var scrollButtonFadeDurationSec=".25s";var tabLabelLnh=1.1*fontSize;var tabLabelVerticalOffset=tabLabelLnh-fontSize;var tabIndicatorHeight=2;var scrollbarOffset=20;var styles=[_defineProperty({".tabs":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{"overflow-x":"auto","overflow-y":"hidden","-webkit-overflow-scrolling":"touch","& ::-webkit-scrollbar":{display:"none"},"&.scrollable":{"overflow-x":"hidden","max-height":tabHeight+"px"," .scroll-btn":{display:"none"}," .tabRow":{"margin-bottom":-scrollbarOffset+"px"}}," .tabRow":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{position:"relative","white-space":"nowrap",overflow:"auto"}]," .tab":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{margin:0,"border-radius":0,height:tabHeight+"px",padding:0,color:"inherit","min-width":"72px"," .content":{padding:"0 12px",height:tabHeight+"px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm," .layout":{height:"inherit"}," .label, .icon":{"max-width":"264px","line-height":tabLabelLnh+"px","max-height":2*tabLabelLnh+"px",overflow:"hidden","white-space":"normal"}," .label":{margin:tabLabelVerticalOffset+"px 0 0 0"}," .icon":{"margin-left":"auto","margin-right":"auto"}},"&.hasIconLabel":{"&, .content":[{height:tabIconLabelHeight+"px"},{" .label, .icon":{margin:"0 auto"}},{" .icon":{"margin-bottom":"8px"}}]}}]," .tabIndicator":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transform-origin":"left 50%"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"all"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{display:"none",position:"absolute",height:tabIndicatorHeight+"px",bottom:0,left:0,"z-index":9,width:"100%"}],"&.menu":{" .tab, .tab .content":{height:menuTabHeight+"px"}," .tab.hasIconLabel, .tab.hasIconLabel .content":{height:menuTabIconLabelHeight+"px"}," .tab, .tab.hasIconLabel":{"min-width":"initial"," .content":{padding:"0 6px"," .icon":{"margin-bottom":0}," .label":{"font-size":"10px","text-transform":"none"}}}}}],".toolbar":{"> div, > .toolbar-tools":{"background-color":"inherit","> .tabs, > .tabs:last-child":[_polytheneThemeCommonMixin2["default"].fit(),{width:"auto",margin:0,top:"auto"}]," .tabRow.indent":{margin:0,"padding-left":_polytheneThemeCommonConfig2["default"].indent+"px",overflow:"auto"}}},".no-touch":{" .tabs.scrollable":{"background-color":"inherit"," .scroll-btn":{position:"absolute",display:"block",top:0,"background-color":"inherit","z-index":4,"pointer-events":"auto",cursor:"pointer"," .content":{"border-radius":0,"background-color":"inherit"," .icon":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-duration":scrollButtonFadeDurationSec},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-delay":".15s"},_polytheneThemeCommonConfig2["default"].vendors.transition)]},"&.inactive":{"pointer-events":"none",cursor:"auto"," .icon":{opacity:0}}}," .scroll-btn-left":{left:0}," .scroll-btn-right":{right:0}}}},"@media (min-width: "+_polytheneThemeCommonConfig2["default"].screenSizeMedium+"px)",{" .tabs:not(.small):not(.medium):not(.menu) .tab":{"min-width":"160px"}})];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}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}var _polytheneThemeCommonConfig=require("polythene-theme/common/config");var _polytheneThemeCommonConfig2=_interopRequireDefault(_polytheneThemeCommonConfig);var _polytheneThemeCommonMixin=require("polythene-theme/common/mixin");var _polytheneThemeCommonMixin2=_interopRequireDefault(_polytheneThemeCommonMixin);var tabHeight=48;var menuTabHeight=44;var menuTabIconLabelHeight=44;var tabIconLabelHeight=72;var fontSize=_polytheneThemeCommonConfig2["default"].buttonFontSize;var scrollButtonFadeDurationSec=".25s";var tabLabelLnh=1.1*fontSize;var tabLabelVerticalOffset=tabLabelLnh-fontSize;var tabIndicatorHeight=2;var scrollbarOffset=20;var styles=[_defineProperty({".tabs":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),{overflow:"hidden","-webkit-overflow-scrolling":"touch","& ::-webkit-scrollbar":{display:"none"},"&.scrollable":{"max-height":tabHeight+"px"," .scroll-btn":{display:"none"}," .tabRow":{"margin-bottom":-scrollbarOffset+"px"}}," .tabRow":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{position:"relative","white-space":"nowrap",overflow:"auto"}]," .tab":[_polytheneThemeCommonMixin2["default"].vendorize({"user-select":"none"},_polytheneThemeCommonConfig2["default"].vendors.user_select),{margin:0,"border-radius":0,height:tabHeight+"px",padding:0,color:"inherit","min-width":"72px"," .content":{padding:"0 12px",height:tabHeight+"px","line-height":_polytheneThemeCommonConfig2["default"].lineHeightEm," .layout":{height:"inherit"}," .label, .icon":{"max-width":"264px","line-height":tabLabelLnh+"px","max-height":2*tabLabelLnh+"px",overflow:"hidden","white-space":"normal"}," .label":{margin:tabLabelVerticalOffset+"px 0 0 0",opacity:.7}," .icon":{"margin-left":"auto","margin-right":"auto"}},"&.selected":{" .content .label":{opacity:1}},"&.hasIconLabel":{"&, .content":[{height:tabIconLabelHeight+"px"},{" .label, .icon":{margin:"0 auto"}},{" .icon":{"margin-bottom":"8px"}}]}}]," .tabIndicator":[_polytheneThemeCommonMixin2["default"].vendorize({transform:"translate3d(0,0,0)"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transform-origin":"left 50%"},_polytheneThemeCommonConfig2["default"].vendors.transform),_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"all"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),{display:"none",position:"absolute",height:tabIndicatorHeight+"px",bottom:0,left:0,"z-index":5,width:"100%"}],"&.menu":{" .tab, .tab .content":{height:menuTabHeight+"px"}," .tab.hasIconLabel, .tab.hasIconLabel .content":{height:menuTabIconLabelHeight+"px"}," .tab, .tab.hasIconLabel":{"min-width":0," .content":{padding:"0 6px"," .icon":{"margin-bottom":0}," .label":{"font-size":"10px","line-height":"12px","text-transform":"none"}}}}}],".toolbar":{"> div, > .toolbar-tools":{"background-color":"inherit","> .tabs, > .tabs:last-child":[_polytheneThemeCommonMixin2["default"].fit(),{width:"auto",margin:0,top:"auto"}]," .tabRow.indent":{margin:0,"padding-left":_polytheneThemeCommonConfig2["default"].indent+"px",overflow:"auto"}}},".no-touch":{" .tabs.scrollable":{"background-color":"inherit"," .scroll-btn":{position:"absolute",display:"block",top:0,"background-color":"inherit","z-index":4," .content":{"border-radius":0,"background-color":"inherit"}," .label":[_polytheneThemeCommonMixin2["default"].vendorize({"transition-property":"opacity"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-duration":scrollButtonFadeDurationSec},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-timing-function":"ease-out"},_polytheneThemeCommonConfig2["default"].vendors.transition),_polytheneThemeCommonMixin2["default"].vendorize({"transition-delay":".5s"},_polytheneThemeCommonConfig2["default"].vendors.transition),{opacity:.7}],"&.disabled .label":{opacity:0}}," .scroll-btn-left":{left:0}," .scroll-btn-right":{right:0}}}},"@media (min-width: "+_polytheneThemeCommonConfig2["default"].screenSizeMedium+"px)",{" .tabs:not(.small):not(.medium):not(.menu) .tab":{"min-width":"160px"}})];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

Worsened metrics

Total package byte prevSize

160556

decreased by-0.38%

Lines of code

2465

decreased by-0.44%

No dependency changes