@seeqdev/qomponents 0.0.15 → 0.0.17

package/README.md

@@ -64,11 +64,22 @@ Add the following to the <code>rules</code> array in your <code>webpack.config</
 
 ```
   {
-   test: /@?(seeqdev).*\.(ts|js)x?$/, 
-   loader:'babel-loader'
+    test: /@?(seeqdev).*\.(ts|js)x?$/, 
+    loader:'babel-loader'
+  },
+  {
+    test: /\.(woff|woff2|eot|ttf|otf)$/i,
+    type: 'asset/resource',
   }
 ```
 
+If you're using webpack + scss be sure to include a <code>~</code> as part of the css import path:
+
+```
+@import '~@seeqdev/qomponents/dist/styles.css';
+@import '~@fortawesome/fontawesome-free/css/all.css';
+```
+
 <h3>2) How do I get my Button to be green?</h3>
 
 The colors of your qomponents are controlled by the "theme". </br>

package/dist/Button/Button.stories.d.ts

@@ -5,3 +5,4 @@ export default _default;
 export declare const AllButtonVariants: () => JSX.Element;
 export declare const ButtonWithTooltip: () => JSX.Element;
 export declare const ButtonWithIcon: () => JSX.Element;
+export declare const DisabledButton: () => JSX.Element;

package/dist/Button/Button.types.d.ts

@@ -36,4 +36,6 @@ export interface ButtonProps {
     tooltip?: string;
     /** options for the tooltip */
     tooltipOptions?: Omit<TooltipProps, 'text'>;
+    /** if provided, determines whether to prevent the blur event from occurring onMouseDown*/
+    preventBlur?: boolean;
 }