@myunisoft/design-system 1.0.1 → 1.0.2-MYUN-39074.3

package/package.json

@@ -1,116 +1,116 @@
-{
-  "name": "@myunisoft/design-system",
-  "version": "1.0.1",
-  "description": "Design System of MyUnisoft",
-  "main": "dist/index.js",
-  "source": "src/index.js",
-  "scripts": {
-    "start": "cd website && npm start -- --port=3002",
-    "build": "rm -r dist & node esbuild",
-    "build-cypress": "rm -r dist & node esbuild-cypress",
-    "prepublishOnly": "npm run build",
-    "test": "jest  --transformIgnorePatterns \"node_modules/(?!@exceljs)/\" ",
-    "parcel-build": "node esbuild",
-    "cypress": "npm run build-cypress && npx cypress open --component --browser chrome",
-    "cy:run": "npx cypress run --component --browser chrome"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@bitbucket.org/myunibucket/design-system.git"
-  },
-  "keywords": [],
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "@myunisoft:registry": "https://registry.npmjs.org/"
-  },
-  "author": "MyUnisoft",
-  "license": "MIT",
-  "homepage": "https://myunisoft.github.io/design-system/",
-  "dependencies": {
-    "@babel/eslint-parser": "7.25.1",
-    "@babel/runtime": "7.20.6",
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
-    "@mui/material": "7.1.2",
-    "@mui/utils": "7.3.1",
-    "@mui/x-data-grid-pro": "7.29.8",
-    "@testing-library/dom": "10.1.0",
-    "classnames": "2.3.2",
-    "exceljs": "4.4.0",
-    "i18next": "22.4.6",
-    "jspdf": "3.0.1",
-    "jspdf-autotable": "3.5.28",
-    "localforage": "1.10.0",
-    "lodash": "4.17.21",
-    "moment": "2.30.1",
-    "numeral": "2.0.6",
-    "pretty-bytes": "6.0.0",
-    "prop-types": "15.8.1",
-    "react": "19.1.1",
-    "react-color": "2.19.3",
-    "react-dom": "19.1.1",
-    "react-draft-wysiwyg": "1.15.0",
-    "react-draggable": "4.4.6",
-    "react-dropzone": "14.2.3",
-    "react-input-autosize": "3.0.0",
-    "react-spinners": "0.13.8",
-    "reselect": "4.1.7",
-    "robot3": "0.3.2",
-    "sortablejs": "1.15.0",
-    "svgo": "3.0.2",
-    "tss-react": "4.9.18"
-  },
-  "resolutions": {
-    "cheerio": "<1.0.0",
-    "@mui/material": "7.1.2"
-  },
-  "devDependencies": {
-    "@4tw/cypress-drag-drop": "2.3.0",
-    "@babel/core": "7.20.5",
-    "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/plugin-transform-runtime": "7.19.6",
-    "@babel/preset-env": "7.20.2",
-    "@babel/preset-react": "7.18.6",
-    "@babel/preset-typescript": "7.26.0",
-    "@parcel/transformer-inline-string": "2.8.2",
-    "@parcel/transformer-sass": "2.8.2",
-    "@parcel/transformer-svg-react": "2.8.2",
-    "@testing-library/react": "16.3.0",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.0",
-    "babel-jest": "29.3.1",
-    "babel-loader": "9.1.0",
-    "cheerio": "<1.0.0",
-    "css-loader": "6.7.3",
-    "cypress": "14.5.0",
-    "esbuild": "0.21.5",
-    "esbuild-sass-plugin": "2.4.4",
-    "eslint": "8.46.0",
-    "eslint-config-prettier": "8.3.0",
-    "eslint-config-react-app": "7.0.1",
-    "eslint-plugin-cypress": "5.1.0",
-    "eslint-plugin-import": "2.23.4",
-    "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "3.4.0",
-    "html-webpack-plugin": "5.5.0",
-    "jest": "29.3.1",
-    "jest-canvas-mock": "2.4.0",
-    "jest-environment-jsdom": "29.3.1",
-    "parcel": "2.8.2",
-    "prettier": "2.8.1",
-    "react-test-renderer": "18.3.1",
-    "sass": "1.57.1",
-    "sass-loader": "13.2.0",
-    "style-loader": "3.3.1",
-    "svg-inline-loader": "0.8.2",
-    "typescript": "5.5.4",
-    "webpack": "5.75.0"
-  },
-  "peerDependencies": {
-    "@mui/material": "7.1.2",
-    "react": "19.1.1",
-    "react-dom": "19.1.1"
-  }
-}
+{
+  "name": "@myunisoft/design-system",
+  "version": "1.0.2-MYUN-39074.3",
+  "description": "Design System of MyUnisoft",
+  "main": "dist/index.js",
+  "source": "src/index.js",
+  "scripts": {
+    "start": "cd website && npm start -- --port=3002",
+    "build": "rm -r dist & node esbuild",
+    "build-cypress": "rm -r dist & node esbuild-cypress",
+    "prepublishOnly": "npm run build",
+    "test": "jest  --transformIgnorePatterns \"node_modules/(?!@exceljs)/\" ",
+    "parcel-build": "node esbuild",
+    "cypress": "npm run build-cypress && npx cypress open --component --browser chrome",
+    "cy:run": "npx cypress run --component --browser chrome"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org/myunibucket/design-system.git"
+  },
+  "keywords": [],
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "@myunisoft:registry": "https://registry.npmjs.org/"
+  },
+  "author": "MyUnisoft",
+  "license": "MIT",
+  "homepage": "https://myunisoft.github.io/design-system/",
+  "dependencies": {
+    "@babel/eslint-parser": "7.25.1",
+    "@babel/runtime": "7.20.6",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
+    "@mui/material": "7.1.2",
+    "@mui/utils": "7.3.1",
+    "@mui/x-data-grid-pro": "7.29.8",
+    "@testing-library/dom": "10.1.0",
+    "classnames": "2.3.2",
+    "exceljs": "4.4.0",
+    "i18next": "22.4.6",
+    "jspdf": "3.0.1",
+    "jspdf-autotable": "3.5.28",
+    "localforage": "1.10.0",
+    "lodash": "4.17.21",
+    "moment": "2.30.1",
+    "numeral": "2.0.6",
+    "pretty-bytes": "6.0.0",
+    "prop-types": "15.8.1",
+    "react": "19.1.1",
+    "react-color": "2.19.3",
+    "react-dom": "19.1.1",
+    "react-draft-wysiwyg": "1.15.0",
+    "react-draggable": "4.4.6",
+    "react-dropzone": "14.2.3",
+    "react-input-autosize": "3.0.0",
+    "react-spinners": "0.13.8",
+    "reselect": "4.1.7",
+    "robot3": "0.3.2",
+    "sortablejs": "1.15.0",
+    "svgo": "3.0.2",
+    "tss-react": "4.9.18"
+  },
+  "resolutions": {
+    "cheerio": "<1.0.0",
+    "@mui/material": "7.1.2"
+  },
+  "devDependencies": {
+    "@4tw/cypress-drag-drop": "2.3.0",
+    "@babel/core": "7.20.5",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/plugin-transform-runtime": "7.19.6",
+    "@babel/preset-env": "7.20.2",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.26.0",
+    "@parcel/transformer-inline-string": "2.8.2",
+    "@parcel/transformer-sass": "2.8.2",
+    "@parcel/transformer-svg-react": "2.8.2",
+    "@testing-library/react": "16.3.0",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.0",
+    "babel-jest": "29.3.1",
+    "babel-loader": "9.1.0",
+    "cheerio": "<1.0.0",
+    "css-loader": "6.7.3",
+    "cypress": "14.5.0",
+    "esbuild": "0.21.5",
+    "esbuild-sass-plugin": "2.4.4",
+    "eslint": "8.46.0",
+    "eslint-config-prettier": "8.3.0",
+    "eslint-config-react-app": "7.0.1",
+    "eslint-plugin-cypress": "5.1.0",
+    "eslint-plugin-import": "2.23.4",
+    "eslint-plugin-jsx-a11y": "6.4.1",
+    "eslint-plugin-prettier": "3.4.0",
+    "html-webpack-plugin": "5.5.0",
+    "jest": "29.3.1",
+    "jest-canvas-mock": "2.4.0",
+    "jest-environment-jsdom": "29.3.1",
+    "parcel": "2.8.2",
+    "prettier": "2.8.1",
+    "react-test-renderer": "18.3.1",
+    "sass": "1.57.1",
+    "sass-loader": "13.2.0",
+    "style-loader": "3.3.1",
+    "svg-inline-loader": "0.8.2",
+    "typescript": "5.5.4",
+    "webpack": "5.75.0"
+  },
+  "peerDependencies": {
+    "@mui/material": "7.1.2",
+    "react": "19.1.1",
+    "react-dom": "19.1.1"
+  }
+}

package/dist/assets/I18n/index.d.ts

@@ -1,2 +0,0 @@
-import i18n from 'i18next';
-export default i18n;

package/dist/assets/I18n/locales/en.d.ts

@@ -1,86 +0,0 @@
-declare const _default: {
-    attachments: {
-        error: string;
-    };
-    autocomplete: {
-        createOption: string;
-    };
-    common: {
-        addRow: string;
-        cancel: string;
-        export: string;
-        import: string;
-        loading: string;
-        loading2: string;
-        or: string;
-        outOf: string;
-        save: string;
-        select: string;
-        selectedCount: string;
-        submit: string;
-        to: string;
-        noResult: string;
-        search: string;
-        all: string;
-        edit: string;
-        delete: string;
-    };
-    columnsSetting: {
-        title: string;
-        subtitle: string;
-        columns: {
-            display: string;
-            columnName: string;
-            filterable: string;
-        };
-        addColumn: string;
-        restoreInitial: string;
-    };
-    dashboard: {
-        ba: {
-            linkTo: string;
-            wallets: string;
-        };
-    };
-    exportDialog: {
-        title: string;
-        legend: string;
-        exportButton: string;
-        errorMessage: string;
-        exportAllPages: string;
-    };
-    filesDropperDialog: {
-        dropbox: string;
-        import: string;
-        scan: string;
-        infoScanDPI: string;
-        fromExplorer: string;
-        limit: string;
-    };
-    tooltips: {
-        cancel: string;
-        delete: string;
-        edit: string;
-        save: string;
-    };
-    validation: {
-        errors: {
-            datePeriodInvalid: string;
-            empty: string;
-            invalidDate: string;
-            lessOrEqualThan: string;
-            moreThan: string;
-            moreOrEqualThan: string;
-            negativeValue: string;
-        };
-    };
-    virtualTable: {
-        searchBar: {
-            placeholder: string;
-        };
-        uploadDialog: {
-            filesListTitle: string;
-        };
-    };
-};
-export default _default;

package/dist/assets/I18n/locales/fr.d.ts

@@ -1,86 +0,0 @@
-declare const _default: {
-    attachments: {
-        error: string;
-    };
-    autocomplete: {
-        createOption: string;
-    };
-    common: {
-        addRow: string;
-        cancel: string;
-        export: string;
-        import: string;
-        loading: string;
-        loading2: string;
-        or: string;
-        outOf: string;
-        save: string;
-        select: string;
-        selectedCount: string;
-        submit: string;
-        to: string;
-        noResult: string;
-        search: string;
-        all: string;
-        edit: string;
-        delete: string;
-    };
-    columnsSetting: {
-        title: string;
-        subtitle: string;
-        columns: {
-            display: string;
-            columnName: string;
-            filterable: string;
-        };
-        addColumn: string;
-        restoreInitial: string;
-    };
-    dashboard: {
-        ba: {
-            linkTo: string;
-            wallets: string;
-        };
-    };
-    exportDialog: {
-        title: string;
-        legend: string;
-        exportButton: string;
-        errorMessage: string;
-        exportAllPages: string;
-    };
-    filesDropperDialog: {
-        dropbox: string;
-        import: string;
-        scan: string;
-        infoScanDPI: string;
-        fromExplorer: string;
-        limit: string;
-    };
-    tooltips: {
-        cancel: string;
-        delete: string;
-        edit: string;
-        save: string;
-    };
-    validation: {
-        errors: {
-            datePeriodInvalid: string;
-            empty: string;
-            invalidDate: string;
-            lessOrEqualThan: string;
-            moreThan: string;
-            moreOrEqualThan: string;
-            negativeValue: string;
-        };
-    };
-    virtualTable: {
-        searchBar: {
-            placeholder: string;
-        };
-        uploadDialog: {
-            filesListTitle: string;
-        };
-    };
-};
-export default _default;

package/dist/assets/theme/index.d.ts

@@ -1,2 +0,0 @@
-declare const theme: any;
-export default theme;

package/dist/assets/theme/styles.d.ts

@@ -1,38 +0,0 @@
-export declare const borderInputStyles: ({ palette }: {
-    palette: any;
-}) => {
-    focusedInputBorder: {
-        border: string;
-        'background-color': string;
-    };
-    underlineBorder: {
-        '&:before': {
-            'border-bottom': string;
-        };
-        '&&&&:hover:before': {
-            'border-bottom': string;
-        };
-    };
-};
-export declare const InputLabelNoWrap: {
-    inputLabelRootOverride: {
-        whiteSpace: string;
-        fontSize: number;
-    };
-};
-export declare const smallButtonNoPadding: () => {
-    noPadding: {
-        padding: string;
-        minHeight: string;
-        minWidth: string;
-    };
-};
-export declare const changeDialogStyle: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"button" | "footer" | "content" | "buttonValidate", string>;
-    theme: import("@mui/material/styles").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
-};

package/dist/components/AccordionSection/index.d.ts

@@ -1,11 +0,0 @@
-import { FC, ReactNode } from 'react';
-type AccordionSectionProps = {
-    title: string;
-    children: ReactNode;
-    isExpanded?: boolean;
-    isDisabled?: boolean;
-    extraTitle?: ReactNode;
-    onToggle?: (isExpanded: boolean) => void;
-};
-declare const AccordionSection: FC<AccordionSectionProps>;
-export default AccordionSection;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/SearchBar/index.d.ts

@@ -1,7 +0,0 @@
-type SearchBarProps = {
-    value?: string;
-    setValue: UnknownFunction;
-    onChange?: UnknownFunction;
-};
-declare const SearchBar: ({ value, setValue, onChange }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
-export default SearchBar;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/SearchBar/styles.d.ts

@@ -1,10 +0,0 @@
-declare const useStyles: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"inputContainer" | "searchIcon" | "inputSearch" | "closeIcon", string>;
-    theme: import("@mui/material/styles").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
-};
-export default useStyles;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/MyAutoCompleteSuggestListScrollBar.d.ts

@@ -1,11 +0,0 @@
-type MyAutoCompleteSuggestListScrollBarProps = {
-    listLength?: number;
-    numberOfItemDisplayed?: number;
-    changeListData?: UnknownFunction;
-    setCurrentPositionYRef?: UnknownFunction;
-    setStartIndexListDisplayedRef?: UnknownFunction;
-    startIndexListDisplayed?: number;
-    suggestListHeight?: number;
-};
-declare const MyAutoCompleteSuggestListScrollBar: ({ listLength, numberOfItemDisplayed, changeListData, setCurrentPositionYRef, setStartIndexListDisplayedRef, startIndexListDisplayed, suggestListHeight }: MyAutoCompleteSuggestListScrollBarProps) => import("react/jsx-runtime").JSX.Element;
-export default MyAutoCompleteSuggestListScrollBar;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/SuggestItem/index.d.ts

@@ -1,5 +0,0 @@
-type SuggestItemProps = {
-    option?: object;
-};
-declare const SuggestItem: ({ option, widthContainer, onClick }: SuggestItemProps) => import("react/jsx-runtime").JSX.Element;
-export default SuggestItem;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/SuggestItem/styles.d.ts

@@ -1,10 +0,0 @@
-declare const useStyles: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"label" | "line" | "disabled" | "checkboxContainer" | "tooltip", string>;
-    theme: import("@mui/material/styles").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
-};
-export default useStyles;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/SuggestList.d.ts

@@ -1,10 +0,0 @@
-type SuggestListProps = {
-    itemHeight?: number;
-    list?: unknown[];
-    myAutoCompleteInputValue?: string;
-    handleClickAll?: UnknownFunction;
-    widthContainer?: number;
-    onClickLine?: UnknownFunction;
-};
-declare const SuggestList: ({ itemHeight, list, myAutoCompleteInputValue, handleClickAll, widthContainer, onClickLine }: SuggestListProps) => import("react/jsx-runtime").JSX.Element;
-export default SuggestList;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/styles.d.ts

@@ -1,10 +0,0 @@
-declare const useStyles: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"allOptions", string>;
-    theme: import("@mui/material/styles").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
-};
-export default useStyles;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/index.d.ts

@@ -1,10 +0,0 @@
-type ResultsProps = {
-    setInputValue: UnknownFunction;
-    inputValue: string;
-    widthContainer: number;
-    filteredOptions?: unknown[];
-    handleClickAll?: UnknownFunction;
-    onClickLine?: UnknownFunction;
-};
-declare const Results: ({ inputValue, setInputValue, filteredOptions, widthContainer, handleClickAll, onClickLine }: ResultsProps) => import("react/jsx-runtime").JSX.Element;
-export default Results;

package/dist/components/Autocomplete/AutocompleteMultiple/Results/styles.d.ts

@@ -1,10 +0,0 @@
-declare const useStyles: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"resultsContainer" | "noResult", string>;
-    theme: import("@mui/material/styles").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
-};
-export default useStyles;

package/dist/components/Autocomplete/AutocompleteMultiple/Selector/ListChips/index.d.ts

@@ -1,8 +0,0 @@
-type ListChipsProps = {
-    options?: unknown[];
-    widthContainer?: number;
-    onUnselectChips?: UnknownFunction;
-    isDisabled?: boolean;
-};
-declare const ListChips: ({ options, widthContainer, onUnselectChips, isDisabled }: ListChipsProps) => import("react/jsx-runtime").JSX.Element;
-export default ListChips;

package/dist/components/Autocomplete/AutocompleteMultiple/Selector/ListChips/styles.d.ts

@@ -1,10 +0,0 @@
-declare const useStyles: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"chips" | "listChips" | "otherChips" | "toolTipsList" | "lineChips", string>;
-    theme: import("@mui/material/styles").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
-};
-export default useStyles;

package/dist/components/Autocomplete/AutocompleteMultiple/Selector/index.d.ts

@@ -1,10 +0,0 @@
-type SelectorProps = {
-    options?: unknown[];
-    isAllSelected?: boolean;
-    widthContainer?: number;
-    onUnselectChips?: UnknownFunction;
-    isSearching?: boolean;
-    isDisabled?: boolean;
-};
-declare const Selector: ({ isSearching, options, isAllSelected, widthContainer, onUnselectChips, isDisabled }: SelectorProps) => import("react/jsx-runtime").JSX.Element;
-export default Selector;

package/dist/components/Autocomplete/AutocompleteMultiple/Selector/styles.d.ts

@@ -1,10 +0,0 @@
-declare const useStyles: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"search" | "selectorContainer" | "chipsContainer" | "description", string>;
-    theme: import("@mui/material/styles").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
-};
-export default useStyles;

package/dist/components/Autocomplete/AutocompleteMultiple/hook.d.ts

@@ -1,14 +0,0 @@
-declare const useAutocomplete: (options: any, customSearch: any) => {
-    inputValue: string;
-    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
-    isSearching: boolean;
-    setIsSearching: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    formatedOptions: never[];
-    setFormatedOptions: import("react").Dispatch<import("react").SetStateAction<never[]>>;
-    filteredOptions: never[];
-    setFilteredOptions: import("react").Dispatch<import("react").SetStateAction<never[]>>;
-    widthContainer: number;
-    setWidthContainer: import("react").Dispatch<import("react").SetStateAction<number>>;
-    htmlElRef: import("react").RefObject<null>;
-};
-export default useAutocomplete;

package/dist/components/Autocomplete/AutocompleteMultiple/index.d.ts

@@ -1,13 +0,0 @@
-type AutocompleteMultipleProps = {
-    options: unknown[];
-    customSearch?: UnknownFunction;
-    onChange?: UnknownFunction;
-    isError?: boolean;
-    label?: string;
-    isDisabled?: boolean;
-    isDisplayLabel?: boolean;
-    isOptionsMutable?: boolean;
-    onIsSearchingChange?: UnknownFunction;
-};
-declare const AutocompleteMultiple: ({ options, customSearch, onChange, isError, label, isDisplayLabel, onIsSearchingChange, isDisabled, isOptionsMutable }: AutocompleteMultipleProps) => import("react/jsx-runtime").JSX.Element;
-export default AutocompleteMultiple;

package/dist/components/Autocomplete/AutocompleteMultiple/styles.d.ts

@@ -1,10 +0,0 @@
-declare const useStyles: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
-} | undefined) => {
-    classes: Record<"label" | "search" | "border" | "clear" | "autoCompleteContainer" | "isError" | "selector" | "icons" | "dropDownIcon" | "rotated" | "isErrorBorder" | "open", string>;
-    theme: import("@mui/material/styles").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
-};
-export default useStyles;