change import statements to work with vite (#869)

* change import statements to work with vite

* change classNames to classnames

* update textTruncateView classname import

* bump version

Author: msunnnnn

bin/NewComponent.tsx

@@ -1,4 +1,4 @@
-import * as classnames from "classnames";
+import classnames from "classnames";
 import * as React from "react";
 
 import { Button } from "../Button/Button";

docs/bundle.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import classNames from "classnames";
+import classnames from "classnames";
 import loremIpsum from "lorem-ipsum";
 
 import Example, { CodeSample, ExampleCode } from "./Example";
@@ -150,7 +150,7 @@ export default class TextTruncateView extends React.PureComponent {
         </div>
         <div className={cssClass.CONFIG}>
           <TextInput
-            className={classNames(cssClass.CONFIG_OPTIONS, cssClass.CONFIG_INPUT_MORE)}
+            className={classnames(cssClass.CONFIG_OPTIONS, cssClass.CONFIG_INPUT_MORE)}
             id={cssClass.CONFIG_INPUT_MORE}
             label="'Show more' label"
             name={cssClass.CONFIG_INPUT_MORE}
@@ -160,7 +160,7 @@ export default class TextTruncateView extends React.PureComponent {
         </div>
         <div className={cssClass.CONFIG}>
           <TextInput
-            className={classNames(cssClass.CONFIG_OPTIONS, cssClass.CONFIG_INPUT_LESS)}
+            className={classnames(cssClass.CONFIG_OPTIONS, cssClass.CONFIG_INPUT_LESS)}
             id={cssClass.CONFIG_INPUT_LESS}
             label="'Show less' label"
             name={cssClass.CONFIG_INPUT_LESS}

docs/components/TextTruncateView.jsx

@@ -1,6 +1,6 @@
 {
   "name": "clever-components",
-  "version": "2.234.0",
+  "version": "2.234.1",
   "description": "A library of helpful React components and less styles",
   "repository": {
     "type": "git",

package-lock.json

@@ -1,4 +1,4 @@
-import * as classnames from "classnames";
+import classnames from "classnames";
 import * as React from "react";
 
 import * as FontAwesome from "react-fontawesome";

package.json

@@ -1,4 +1,4 @@
-import * as classnames from "classnames";
+import classnames from "classnames";
 import * as React from "react";
 import { useEffect, useState } from "react";
 

src/AlertBox/AlertBox.tsx

@@ -1,4 +1,4 @@
-import * as classnames from "classnames";
+import classnames from "classnames";
 import * as React from "react";
 
 import { Values } from "../utils/types";

src/AlertBox2/AlertBox2.tsx

@@ -1,5 +1,5 @@
 import * as _ from "lodash";
-import * as classnames from "classnames";
+import classnames from "classnames";
 import * as React from "react";
 import * as PropTypes from "prop-types";
 

src/Badge/Badge.tsx

@@ -1,4 +1,4 @@
-import * as classnames from "classnames";
+import classnames from "classnames";
 import * as React from "react";
 
 export interface Props {