Merge pull request #150 from skilld-labs/fixed-nesting-update-source

Fixed nesting issue. Removed component file duplication

Author: iberdinsky-skilld

README.md

@@ -1,6 +1,6 @@
 {
   "name": "@skilld/kaizen-breakpoints",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "description": "Breakpoints YML to css and js",
   "repository": {
     "type": "git",

packages/kaizen-breakpoints/README.md

@@ -1,6 +1,6 @@
 ---
-to: <%= h.src() %>/packages/components/<%= h.changeCase.lower(h.inflection.pluralize(component_type)) %>/<%= h.changeCase.lower(h.inflection.dasherize(name)) %>/_<%= h.changeCase.lower(component_type).charAt(0) %>-<%= h.changeCase.lower(h.inflection.dasherize(name)) %>.css
+to: <%= h.src() %>/packages/components/<%= h.changeCase.lower(h.inflection.pluralize(component_type)) %>/<%= h.changeCase.lower(h.inflection.dasherize(name)) %>/<%= h.changeCase.lower(component_type).charAt(0) %>-<%= h.changeCase.lower(h.inflection.dasherize(name)) %>.css
 ---
-%<%= h.changeCase.lower(component_type).charAt(0) %>-<%= h.changeCase.lower(h.inflection.dasherize(name)) %> {
+.<%= h.changeCase.lower(component_type).charAt(0) %>-<%= h.changeCase.lower(h.inflection.dasherize(name)) %> {
   display: inherit;
 }

packages/kaizen-breakpoints/package.json

@@ -1,7 +1,7 @@
 ---
 to: <%= h.src() %>/packages/components/<%= h.changeCase.lower(h.inflection.pluralize(component_type)) %>/<%= h.changeCase.lower(h.inflection.dasherize(name)) %>/<%= h.changeCase.lower(component_type).charAt(0) %>-<%= h.changeCase.lower(h.inflection.dasherize(name)) %>.stories.js
 ---
-import './<%= h.changeCase.lower(h.inflection.dasherize(name)) %>.css';
+import './<%= h.changeCase.lower(component_type).charAt(0) %>-<%= h.changeCase.lower(h.inflection.dasherize(name)) %>.css';
 import <%= h.inflection.camelize(name.replace(/ /g, '').replace(/-/g, '_'), true) %> from './<%= h.changeCase.lower(component_type).charAt(0) %>-<%= h.changeCase.lower(h.inflection.dasherize(name)) %>.js';
 import drupalAttribute from 'drupal-attribute';
 import { useEffect } from '@storybook/client-api';
@@ -20,9 +20,19 @@ export default {
   // argTypes: {},
 };
 
+data.svgSpritePath = window.svgSpritePath;
+
 export const basic = (args = {}) => {
   const attributes = new drupalAttribute();
   attributes.addClass(['<%= h.changeCase.lower(component_type).charAt(0) %>-<%= h.changeCase.lower(h.inflection.dasherize(name)) %>']);
+  if (args.attributes) {
+    for (const [attrName, attrValue] of Object.entries(args.attributes)) {
+      if (attrName === 'class') {
+        attributes.addClass(attrValue);
+      }
+      attributes.setAttribute(attrName, attrValue);
+    }
+  }
   data.attributes = attributes;
   useEffect(() => {
     <%= h.inflection.camelize(name.replace(/ /g, '').replace(/-/g, '_'), true) %>();

packages/kaizen-cg/README.md

@@ -1,6 +1,6 @@
 {
   "name": "@skilld/kaizen-cg",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "description": "Kaizen component generator",
   "bin": "index.js",
   "main": "index.js",

packages/kaizen-cg/_templates/component/new/component-implementation.css

@@ -1,3 +1,3 @@
-[h-entity-fake-link] {
+[data-h-entity-fake-link-built] {
   cursor: pointer;
 }