Merge pull request #211 from rackerlabs/rename-shadow-dom-files

CITguy · web-flow · commit 0de9dcaf804f · 2018-04-27T15:48:43.000-05:00
refactor(shadow dom): update shadow dom files to appropriate names
diff --git a/bin/start.js b/bin/start.js
@@ -39,8 +39,7 @@ browserSync.init({
                 `${CONFIG.docsDir}/*`,
                 `${CONFIG.docsDir}/**/*`,
                 `${CONFIG.sourceDir}/*.less`,
-                `${CONFIG.sourceDir}/**/*.less`,
-                `!${CONFIG.sourceDir}/**/_*.less`, // (-) ShadowDOM CSS
+                `${CONFIG.sourceDir}/helix-ui/styles/**/*.less`,
             ],
             fn: _.debounce(function () {
                 compileStyles();
@@ -53,7 +52,8 @@ browserSync.init({
             match: [
                 `${CONFIG.sourceDir}/*.js`,
                 `${CONFIG.sourceDir}/**/*.js`,
-                `${CONFIG.sourceDir}/**/_*.less`, // (+) ShadowDOM CSS
+                `${CONFIG.sourceDir}/helix-ui/elements/*.less`, // (+) ShadowDOM CSS
+                `${CONFIG.sourceDir}/helix-ui/elements/*.html`, // (+) ShadowDOM Markup
             ],
             fn: _.debounce(compileScripts, 1500),
         },
diff --git a/src/helix-ui/elements/HXAccordionPanelElement.js b/src/helix-ui/elements/HXAccordionPanelElement.js
@@ -1,5 +1,5 @@
 import { HXElement } from './HXElement';
-import shadowStyles from './_hx-accordion-panel.less';
+import shadowStyles from './HXAccordionPanelElement.less';
 
 const tagName = 'hx-accordion-panel';
 const template = document.createElement('template');
diff --git a/src/helix-ui/elements/HXAccordionPanelElement.less b/src/helix-ui/elements/HXAccordionPanelElement.less
@@ -1,4 +1,4 @@
-@import "./_hx-element";
+@import "./HXElement";
 @import "elements/hx-icon";
 
 #toggle {
diff --git a/src/helix-ui/elements/HXAlertElement.html b/src/helix-ui/elements/HXAlertElement.html
diff --git a/src/helix-ui/elements/HXAlertElement.js b/src/helix-ui/elements/HXAlertElement.js
@@ -1,6 +1,6 @@
 import { HXElement } from './HXElement';
-import shadowHtml from './_hx-alert.html';
-import shadowStyles from './_hx-alert.less';
+import shadowHtml from './HXAlertElement.html';
+import shadowStyles from './HXAlertElement.less';
 
 const tagName = 'hx-alert';
 const template = document.createElement('template');
diff --git a/src/helix-ui/elements/HXAlertElement.less b/src/helix-ui/elements/HXAlertElement.less
@@ -1,4 +1,4 @@
-@import "./_hx-element";
+@import "./HXElement";
 @import "elements/hx-icon";
 
 button {
diff --git a/src/helix-ui/elements/HXCheckboxElement.js b/src/helix-ui/elements/HXCheckboxElement.js
@@ -1,6 +1,6 @@
 import { HXElement } from './HXElement';
 import { KEYS } from '../util';
-import shadowStyles from './_hx-checkbox.less';
+import shadowStyles from './HXCheckboxElement.less';
 
 const tagName = 'hx-checkbox';
 const template = document.createElement('template');
diff --git a/src/helix-ui/elements/HXCheckboxElement.less b/src/helix-ui/elements/HXCheckboxElement.less
@@ -1,4 +1,4 @@
-@import "./_hx-element";
+@import "./HXElement";
 @import "elements/hx-icon";
 
 #container {
diff --git a/src/helix-ui/elements/HXElement.less b/src/helix-ui/elements/HXElement.less
diff --git a/src/helix-ui/elements/HXErrorElement.js b/src/helix-ui/elements/HXErrorElement.js
@@ -1,5 +1,5 @@
 import { HXElement } from './HXElement';
-import shadowStyles from './_hx-error.less';
+import shadowStyles from './HXErrorElement.less';
 
 const tagName = 'hx-error';
 const template = document.createElement('template');
diff --git a/src/helix-ui/elements/HXErrorElement.less b/src/helix-ui/elements/HXErrorElement.less
@@ -1,2 +1,2 @@
-@import './_hx-element';
+@import './HXElement';
 @import 'elements/hx-icon';
diff --git a/src/helix-ui/elements/HXModalElement.js b/src/helix-ui/elements/HXModalElement.js
@@ -1,6 +1,6 @@
 import { HXElement } from './HXElement';
 import { KEYS } from '../util';
-import shadowStyles from './_hx-modal.less';
+import shadowStyles from './HXModalElement.less';
 
 const tagName = 'hx-modal';
 const template = document.createElement('template');
diff --git a/src/helix-ui/elements/HXModalElement.less b/src/helix-ui/elements/HXModalElement.less
@@ -1,4 +1,4 @@
-@import "./_hx-element";
+@import "./HXElement";
 @import "elements/hx-icon";
 
 #container {
diff --git a/src/helix-ui/elements/HXPopoverElement.js b/src/helix-ui/elements/HXPopoverElement.js
@@ -1,7 +1,7 @@
 import { HXElement } from './HXElement';
 import { getPositionWithArrow } from '../util';
 import debounce from 'lodash/debounce';
-import shadowStyles from './_hx-popover.less';
+import shadowStyles from './HXPopoverElement.less';
 
 const tagName = 'hx-popover';
 const template = document.createElement('template');
diff --git a/src/helix-ui/elements/HXPopoverElement.less b/src/helix-ui/elements/HXPopoverElement.less
@@ -1,4 +1,4 @@
-@import "./_hx-element";
+@import "./HXElement";
 @import "./_positioning";
 
 #container {
diff --git a/src/helix-ui/elements/HXSearchElement.js b/src/helix-ui/elements/HXSearchElement.js
@@ -1,5 +1,5 @@
 import { HXElement } from './HXElement';
-import shadowStyles from './_hx-search.less';
+import shadowStyles from './HXSearchElement.less';
 
 const tagName = 'hx-search';
 const template = document.createElement('template');
diff --git a/src/helix-ui/elements/HXSearchElement.less b/src/helix-ui/elements/HXSearchElement.less
@@ -1,5 +1,5 @@
 @import (reference) "mixins";
-@import "./_hx-element.less";
+@import "./HXElement.less";
 @import "elements/hx-icon";
 
 :host {
diff --git a/src/helix-ui/elements/HXTooltipElement.js b/src/helix-ui/elements/HXTooltipElement.js
@@ -1,7 +1,7 @@
 import { HXElement } from './HXElement';
 import { getPositionWithArrow } from '../util';
 import debounce from 'lodash/debounce';
-import shadowStyles from './_hx-tooltip.less';
+import shadowStyles from './HXTooltipElement.less';
 
 const tagName = 'hx-tooltip';
 const template = document.createElement('template');
diff --git a/src/helix-ui/elements/HXTooltipElement.less b/src/helix-ui/elements/HXTooltipElement.less
@@ -1,4 +1,4 @@
-@import "./_hx-element";
+@import "./HXElement";
 @import "./_positioning";
 
 #container {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import "./_hx-element";`
	`1`	`+@import "./HXElement";`
`2`	`2`	`@import "elements/hx-icon";`
`3`	`3`
`4`	`4`	`#toggle {`