chore(structure): add component folders (#31)

* chore(components): add components within packages for subcomponents

* chore(storybook): reorganize subcomponents under package

* chore(build): edit glob for css gulp job

* chore(lock): update lock file

.storybook/main.js

@@ -15,7 +15,7 @@ import sass from 'sass';
 
 const config = {
   stories: [
-    '../packages/**/src/__stories__/*.mdx',
+    '../packages/**/__stories__/*.mdx',
     '../packages/**/__stories__/*.stories.@(js|jsx|mjs|ts|tsx)',
   ],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],

gulp-tasks/build/modules/css.js

@@ -38,7 +38,7 @@ const promisifyStream = promisify(asyncDone);
  */
 const buildModulesCSS = ({ banner }) =>
   gulp
-    .src([`packages/*/src/*.scss`])
+    .src([`packages/**/src/*.scss`])
     .pipe(
       sass({
         includePaths: ['node_modules', '../../node_modules'],

packages/test-input/__stories__/test-input.stories.js → packages/chat/__stories__/test-input.stories.js

@@ -7,12 +7,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '../test-input.ts';
+import '../components/test-input/test-input';
 import { html } from 'lit';
 
 // More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
 export default {
-  title: 'Components/Test input',
+  title: 'Components/Chat/Test input',
   tags: ['autodocs'],
 };
 

packages/test-input/__tests__/test-input.test.ts → packages/chat/__tests__/test-input.test.ts

@@ -16,7 +16,7 @@ import {
 } from '@open-wc/testing';
 import { stub } from 'sinon';
 import '@carbon-labs/ai-test-input/es/test-input.js';
-import C4AITestInput from '../test-input.js';
+import C4AITestInput from '../components/test-input/test-input.js';
 
 describe('c4ai-test-input', function () {
   it('should render with minimum attributes', async () => {

packages/test-input/src/test-input.ts → packages/chat/components/test-input/src/test-input.ts

@@ -9,7 +9,7 @@
 
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { SearchTypeaheadAPI } from '../services/SearchTypeahead/index.js';
+import { SearchTypeaheadAPI } from '../../../services/SearchTypeahead/index.js';
 
 /**
  * Input component using search typeahead api

packages/test-input/test-input.ts → packages/chat/components/test-input/test-input.ts

@@ -8,8 +8,9 @@
  */
 
 import { customElement } from 'lit/decorators.js';
-// need to set up package to import global files like the one below. Hardcoding the prefixes
-// for now
+// need to set up package to import global files like the one below. Hardcoding
+// the `c4ai` prefixes for now
+
 // import settings from '../../globals/settings.js';
 import testInput from './src/test-input.js';
 import { testInputTemplate } from './src/test-input.template.js';

packages/test-input/index.ts → packages/chat/index.ts

@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './test-input.js';
+import './components/test-input/test-input.js';

packages/test-input/package.json → packages/chat/package.json

@@ -1,15 +1,15 @@
 {
-  "name": "@carbon-labs/ai-test-input",
+  "name": "@carbon-labs/ai-chat",
   "version": "0.0.1",
   "publishConfig": {
     "access": "public"
   },
-  "description": "Carbon for AI - test-input component",
+  "description": "Carbon for AI - chat component",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/carbon-design-system/carbon-for-ai",
-    "directory": "packages/test-input"
+    "directory": "packages/chat"
   },
   "main": "./src/index.js",
   "module": "./src/index.js",

packages/extended-button/__stories__/extended-button.stories.js

@@ -7,15 +7,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '../extended-button.ts';
+import '../components/extended-button/extended-button';
 import { html } from 'lit';
 import ArrowRight16 from '@carbon/web-components/es/icons/arrow--right/16';
 
 /**
  * More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
  */
 export default {
-  title: 'Components/Extended button',
+  title: 'Components/Extended button/Extended button',
   tags: ['autodocs'],
 };
 

packages/extended-button/__tests__/extended-button.test.ts

@@ -9,7 +9,7 @@
 
 import { html, fixture, expect } from '@open-wc/testing';
 import '@carbon-labs/ai-extended-button/es/extended-button.js';
-import C4AIExtendedButton from '../src/extended-button.template.js';
+import C4AIExtendedButton from '../components/extended-button/src/extended-button.template.js';
 
 describe('c4ai-extended-button', function () {
   it('should render with cds-button minimum attributes', async () => {

packages/extended-button/extended-button.ts → packages/extended-button/components/extended-button/extended-button.ts

@@ -8,8 +8,9 @@
  */
 
 import { customElement } from 'lit/decorators.js';
-// need to set up package to import global files like the one below. Hardcoding the prefixes
-// for now
+// need to set up package to import global files like the one below. Hardcoding
+//the `c4ai`prefixes for now
+
 // import settings from '../../globals/settings.js';
 import extendedButton from './src/extended-button.template.js';
 

packages/extended-button/src/extended-button.scss → packages/extended-button/components/extended-button/src/extended-button.scss

@@ -7,7 +7,7 @@
 
 $css--plex: true !default;
 
-@use '../../../globals/scss/vars' as *;
+@use '../../../../../globals/scss/vars' as *;
 @use '@carbon/styles/scss/themes' as *;
 @use '@carbon/web-components/scss/components/button/button';
 

packages/extended-button/index.ts

@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './extended-button.js';
+import './components/extended-button/extended-button.js';

tools/rollup-plugin-scss-path.js

@@ -9,8 +9,6 @@
 
 import path from 'path';
 import replace from 'replace-in-file';
-import { promisify } from 'util';
-import * as sass from 'sass';
 import { createFilter } from '@rollup/pluginutils';
 
 /**