feat: split icons into their own export

adobe · Apr 7, 2021 · 98dac4c · 98dac4c
1 parent d14d030
commit 98dac4c
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 9 deletions.
diff --git a/packages/bundle/README.md b/packages/bundle/README.md
@@ -29,10 +29,10 @@ While this bundle directly re-exports the majority of functionality as they woul
 
 #### UI
 
-`@spectrum-web-components/icons-ui` is renamed to `UIIcons` when leveraging the bundle. This means that you can use workflow icons in your demonstration code by importing them from `@spectrum-web-components/bundle` like the following:
+`@spectrum-web-components/icons-ui` is renamed to `UIIcons` when leveraging the bundle. This means that you can use workflow icons in your demonstration code by importing them from `@spectrum-web-components/bundle/icons.js` like the following:
 
 ```
-import { UIIcons } from '@spectrum-web-components/bundle';
+import { UIIcons } from '@spectrum-web-components/bundle/icons.js';
 
 console.log(UIIcons.AsteriskIcon());
 
@@ -43,10 +43,10 @@ TemplateResult {strings: Array[1], values: Array[0], type: "html", processor: De
 
 #### Workflow
 
-`@spectrum-web-components/icons-workflow` is namespaced to `WorkflowIcons` when leveraging the bundle. This means that you can use workflow icons in your demonstration code by importing them from `@spectrum-web-components/bundle` like the following:
+`@spectrum-web-components/icons-workflow` is namespaced to `WorkflowIcons` when leveraging the bundle. This means that you can use workflow icons in your demonstration code by importing them from `@spectrum-web-components/bundle/icons.js` like the following:
 
 ```
-import { IconsWorkflow } from '@spectrum-web-components/bundle';
+import { IconsWorkflow } from '@spectrum-web-components/bundle/icons.js';
 
 console.log(IconsWorkflow.CircleIcon());
 

diff --git a/packages/bundle/package.json b/packages/bundle/package.json
@@ -29,7 +29,9 @@
         "./src/*": "./src/*",
         "./package.json": "./package.json",
         "./elements": "./elements.js",
-        "./elements.js": "./elements.js"
+        "./elements.js": "./elements.js",
+        "./icons": "./src/icons.js",
+        "./icons.js": "./src/icons.js"
     },
     "files": [
         "custom-elements.json",

diff --git a/packages/bundle/src/icons.ts b/packages/bundle/src/icons.ts
@@ -0,0 +1,16 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import * as UIIcons from '@spectrum-web-components/icons-ui';
+export { UIIcons };
+import * as WorkflowIcons from '@spectrum-web-components/icons-workflow';
+export { WorkflowIcons };
diff --git a/packages/bundle/src/index.ts b/packages/bundle/src/index.ts
@@ -34,10 +34,6 @@ export * from '@spectrum-web-components/field-group';
 export * from '@spectrum-web-components/field-label';
 export * from '@spectrum-web-components/icon';
 export * from '@spectrum-web-components/icons';
-import * as UIIcons from '@spectrum-web-components/icons-ui';
-export { UIIcons };
-import * as WorkflowIcons from '@spectrum-web-components/icons-workflow';
-export { WorkflowIcons };
 export * from '@spectrum-web-components/illustrated-message';
 export * from '@spectrum-web-components/link';
 export * from '@spectrum-web-components/menu';