more dep and comp edits

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozilla/lilypad",
-  "version": "1.0.1",
+  "version": "1.0.9",
   "description": "React Component Libray",
   "scripts": {
     "sb": "start-storybook -p 6006",
@@ -39,14 +39,21 @@
     "babel-loader": "^8.2.5",
     "html-webpack-plugin": "^5.5.0",
     "postcss": "^8.1.9",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "18.1.0",
     "rollup": "^2.77.0",
     "rollup-plugin-dts": "^4.2.2",
     "sass": "^1.53.0",
     "sass-loader": "^12.6.0",
     "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "typescript": "^4.7.4",
+    "node-sass": "^7.0.1",
+    "postcss-loader": "^4.1.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "webpack": "^5.73.0",
+    "react": "18.1.0"
+  },
+  "peerDependencies": {
+    "react": "18.1.0"
   },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -59,12 +66,5 @@
   },
   "resolutions": {
     "postcss": "8"
-  },
-  "dependencies": {
-    "feather-icons": "^4.29.0",
-    "node-sass": "^7.0.1",
-    "postcss-loader": "^4.1.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "webpack": "^5.73.0"
   }
 }

rollup.config.js

@@ -24,14 +24,18 @@ export default [
     plugins: [
       resolve(),
       commonjs(),
-      typescript({ tsconfig: "./tsconfig.json" , exclude: ["**/stories"]}),
+      typescript({ tsconfig: "./tsconfig.json", exclude: ["**/stories"] }),
       postcss({
         extract: false,
         modules: true,
         use: ['sass'],
       }),
     ],
-    external: ['storybook']
+    external: [
+      'storybook', 
+      'react',
+      'react-dom',
+    ]
   },
   {
     input: "dist/esm/types/index.d.ts",

src/components/Badge/index.ts

@@ -1 +1 @@
-export { default } from './Badge';
+export { default, BadgeCategoriesE } from './Badge';

src/components/Button/Button.module.scss

@@ -156,7 +156,7 @@
   @include rect_button_base();
   background-color: transparent;
   border: solid 2px $color-interaction-secondary;
-  color: $color-text-subtitle;
+  color: $color-interaction-secondary;
 
   &:hover:enabled {
     background-color: $color-interaction-secondary-alt-hover;
@@ -183,7 +183,7 @@
   @include rect_button_base();
   background-color: transparent;
   border: 0;
-  color: $color-text-subtitle;
+  color: $color-interaction-secondary;
 
   &:hover:enabled {
     background-color: $color-interaction-secondary-alt-hover;

src/components/Button/index.ts

@@ -1 +1,2 @@
-export { default } from './Button';
+export { default, ButtonT, ButtonCategoriesE, ButtonSizesE } from './Button';
+

src/components/Dropdown/Dropdown.tsx

@@ -15,7 +15,7 @@ export type dropdownT = {
   closeDropdown: Function;
 };
 
-type AlignmentT = 'left' | 'right';
+export type AlignmentT = 'left' | 'right';
 type DropdownProps = {
   cta: ReactNode;
   content: ReactNode;

src/components/Dropdown/index.ts

@@ -1 +1 @@
-export { default } from './Dropdown';
+export { default, AlignmentT, dropdownT } from './Dropdown';

src/components/Icon/index.ts

@@ -1 +1 @@
-export { default } from './Icon';
+export { default, IconT } from './Icon';

src/components/Input/index.ts

@@ -1 +1 @@
-export { default } from './Input';
+export { default, InputInterfaceT, InputT, InputIconColorE } from './Input';

src/components/index.ts

@@ -1,8 +1,18 @@
 export { default as Avatar } from './Avatar';
-export { default as Badge } from './Badge';
-export { default as Dropdown } from './Dropdown';
-export { default as Button } from './Button';
-export { default as Icon } from './Icon';
-export { default as Input } from './Input';
+export { default as Badge, BadgeCategoriesE } from './Badge';
+export { default as Dropdown, AlignmentT, dropdownT } from './Dropdown';
+export {
+  default as Button,
+  ButtonT,
+  ButtonCategoriesE,
+  ButtonSizesE,
+} from './Button';
+export { default as Icon, IconT } from './Icon';
+export {
+  default as Input,
+  InputInterfaceT,
+  InputT,
+  InputIconColorE,
+} from './Input';
 export { default as ProgressBar } from './ProgressBar';
 export { default as RadioButton } from './RadioButton';