polythene-css-classes - npm Package Compare versions

Comparing version 1.2.0 to 1.3.2

button.js

 
 export default {
-  base:       "pe-button",
-  component:  "pe-button pe-text-button",
-  row:        "pe-button-row",
-
-  // elements
-  content:    "pe-button__content",
-  focus:      "pe-button__focus",
-  label:      "pe-button__label",
-  wash:       "pe-button__wash",
-
-  // states
-  border:     "pe-button--border",
-  disabled:   "pe-button--disabled",
-  focused:    "pe-button--focus",
-  inactive:   "pe-button--inactive",
-  selected:   "pe-button--selected",
+  component:        "pe-text-button",
+  super:            "pe-button",
+  row:              "pe-button-row",
+      
+  // elements      
+  content:          "pe-button__content",
+  label:            "pe-button__label",
+  textLabel:        "pe-button__text-label",
+  wash:             "pe-button__wash",
+  dropdown:         "pe-button__dropdown",
+      
+  // states      
+  border:           "pe-button--border",
+  contained:        "pe-button--contained",
+  disabled:         "pe-button--disabled",
+  dropdownClosed:   "pe-button--dropdown-closed",
+  dropdownOpen:     "pe-button--dropdown-open",
+  extraWide:        "pe-button--extra-wide",
+  hasDropdown:      "pe-button--dropdown",
+  highLabel:        "pe-button--high-label",
+  inactive:         "pe-button--inactive",
+  raised:           "pe-button--raised",
+  selected:         "pe-button--selected",
+  separatorAtStart: "pe-button--separator-start",
 };

dialog.js

@@ -15,4 +15,7 @@ import menuClasses from "./menu";
   fullScreen:        "pe-dialog--full-screen",
+  modal:             "pe-dialog--modal",
   open:              "pe-dialog--open",    // class set to html element
   visible:           "pe-dialog--visible", // class set to dialog element
+  showBackdrop:      "pe-dialog--backdrop",
+  transition:        "pe-dialog--transition",
 
@@ -19,0 +22,0 @@ // lookup

menu.js

@@ -7,13 +7,16 @@ import listTileClasses from "./list-tile";
   // elements
+  panel:       "pe-menu__panel",
   content:     "pe-menu__content",
   placeholder: "pe-menu__placeholder",
-  target:      "pe-menu__target",
+  backdrop:    "pe-menu__backdrop",
 
   // states
-  permanent:   "pe-menu--permanent",
-  fullHeight:  "pe-menu--full-height",
-  floating:    "pe-menu--floating",
-  visible:     "pe-menu--visible",
-  width_auto:  "pe-menu--width-auto",
-  width_n:     "pe-menu--width-",
+  floating:     "pe-menu--floating",
+  origin:       "pe-menu--origin",
+  permanent:    "pe-menu--permanent",
+  showBackdrop: "pe-menu--backdrop",
+  visible:      "pe-menu--visible",
+  width_auto:   "pe-menu--width-auto",
+  width_n:      "pe-menu--width-",
+  isTopMenu:    "pe-menu--top-menu",
 
@@ -20,0 +23,0 @@ // lookup

package.json

 {
   "name": "polythene-css-classes",
-  "version": "1.2.0",
+  "version": "1.3.2",
   "description": "",
@@ -5,0 +5,0 @@ "author": "Arthur Clemens <[e-mail]> (http://arthurclemens.com)",

shadow.js

@@ -11,3 +11,3 @@
   animated:     "pe-shadow--animated",
-  depth_n:      "pe-shadow--z-",
+  depth_n:      "pe-shadow--depth-",
 };

slider.js

@@ -10,3 +10,3 @@
   thumb:          "pe-slider__thumb",
-  tick:           "pe-slider__ticks-tick",
+  tick:           "pe-slider__tick",
   ticks:          "pe-slider__ticks",
@@ -28,2 +28,3 @@ track:          "pe-slider__track",
   isDisabled:     "pe-slider--disabled",
+  tickValue:      "pe-slider__tick--value",
 };

tabs.js

@@ -11,3 +11,3 @@ import buttonClasses from "./button";
   scrollButtonAtStart:  "pe-tabs__scroll-button-start",
-  tab:                  "pe-tabs__tab",
+  tab:                  "pe-tab",
   tabContent:           "pe-tabs__tab-content",
@@ -14,0 +14,0 @@ tabRow:               "pe-tabs__row",

No alert changes

Improved metrics

Total package byte prevSize

15215

increased by4.91%

Lines of code

426

increased by3.65%

No dependency changes