class-names-builder

// Configuration
cssClass.config.guard = 'jr';

//use cases

cssClass({
  module: "button"
}); 
// -> 'jr-mButton jr'

cssClass({
  module: "button",
  modifiers: ["small","default"],  //What if no 'module' field       
}) 
// -> 'jr-mButton jr-mButtonSmall jr-mButtonDefault jr'

cssClass({
   module: "button",
   modifiers: ["small","default"],
   icons: ["copy"],
   states: ["pressed"],
   hooks: ["MyJavaScriptMarker"]
});

// -> 'jr-mButton jr-mButtonSmall jr-mButtonDefault jr-copy jr-isPressed jr-jMyJavaScriptMarker jr'

//Child and Child Variations 

cssClass({
   module: {
      parent: "table",
      name: "row"
   }
});

cssClass({
   module: {
      parent: "table",
      name: "row"
   }
});
// -> jr-mTable-row jr

cssClass({
   module: {
      parent: "table",
      name: "cell", 
      module: {
        name: "date"
      }
   }
});

// -> jr-mTable-cell-date jr