diff --git a/bin/extract-packages.js b/bin/extract-packages.js new file mode 100644 index 0000000000..df2a85c1a8 --- /dev/null +++ b/bin/extract-packages.js @@ -0,0 +1,115 @@ +const fs = require('fs') +const path = require('path') + +const SOURCE_PATH_TO_EXTRACT = './packages/picasso/src' +const NAMESPACE = '@toptal' +const PACKAGE_PREFIX = 'picasso' + +const EXCLUDED_FILES = ['test.ts', 'test.tsx'] + +const toKebabCase = str => + str.replace( + /[A-Z]+(?![a-z])|[A-Z]/g, + (match, ofs) => (ofs ? '-' : '') + match.toLowerCase() + ) + +// Each extracted package will have a name in the format of @toptal/picasso- +const getPackageName = name => + `${NAMESPACE}/${PACKAGE_PREFIX}-${toKebabCase(name)}` + +const processFolder = folderPath => { + const extractedPackageName = getPackageName(path.basename(folderPath)) + + // Keep track of potential dependencies in all the imports we encounter + const potentialDependencies = new Set() + + // Update import paths in TypeScript files + fs.readdirSync(folderPath).forEach(file => { + const filePath = path.join(folderPath, file) + + if ( + (file.endsWith('.ts') || file.endsWith('.tsx')) && + !EXCLUDED_FILES.includes(file) + ) { + const fileContent = fs.readFileSync(filePath, 'utf-8') + const updatedContent = fileContent.replace( + // Looking for relative imports within the same package + /from\s+'..\/([^']+)'/g, + (_, importName) => { + const packageName = getPackageName(importName) + + potentialDependencies.add(packageName) + + return `from '${packageName}'` + } + ) + + // Since we're extracting packages, all external dependencies will be extraneous + // They will still work since they are installed in the root node_modules, but they need to be added later + // @TODO: figure out a way to add them automatically with the same version as in the root package + const contentWithSupressedImportWarning = + '/* eslint-disable import/no-extraneous-dependencies */\n' + + updatedContent + + fs.writeFileSync(filePath, contentWithSupressedImportWarning) + } + }) + + // Create package.json from template + // @TODO: update according to Picasso's structure, i.e. with proper scripts, license, etc. + const packageJson = { + name: extractedPackageName, + version: '1.0.0', + main: 'index.js', + dependencies: Object.fromEntries( + Array.from(potentialDependencies, item => [item, '^1.0.0']) + ), + } + + fs.writeFileSync( + path.join(folderPath, 'package.json'), + JSON.stringify(packageJson, null, 2) + ) + + console.log(`Extracted ${folderPath} to ${extractedPackageName}`) + + // return the mapping of the folder name to the package name + return [extractedPackageName, folderPath] +} + +// Add wildcard package paths for each package, same as we have in tsconfig.json +const addWildcardPackagePath = ([extractedPackageName, folderPath]) => [ + [extractedPackageName, [folderPath]], + [`${extractedPackageName}/*`, [`${folderPath}/*`]], +] + +// Write the new paths to tsconfig.json to enable TypeScript package resolution +const addTscPaths = newPackagePaths => { + const tsconfigPath = './tsconfig.json' + const tsconfig = JSON.parse(fs.readFileSync(tsconfigPath, 'utf-8')) + + tsconfig.compilerOptions.paths = { + ...tsconfig.compilerOptions.paths, + ...Object.fromEntries(newPackagePaths), + } + + fs.writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 2)) + // There are two paths for each package, so we divide by 2 + console.log( + `Updated ${tsconfigPath} with ${ + newPackagePaths.length / 2 + } new package paths` + ) +} + +const newPackagePaths = fs + .readdirSync(SOURCE_PATH_TO_EXTRACT) + .map(folder => path.join(SOURCE_PATH_TO_EXTRACT, folder)) + .filter(folderPath => fs.statSync(folderPath).isDirectory()) + .map(processFolder) + .map(addWildcardPackagePath) + .flat() + +addTscPaths(newPackagePaths) + +console.log('Packages created and imports updated successfully.') diff --git a/packages/picasso/src/Accordion/Accordion.tsx b/packages/picasso/src/Accordion/Accordion.tsx index ecbcac9a9c..3b34712be3 100644 --- a/packages/picasso/src/Accordion/Accordion.tsx +++ b/packages/picasso/src/Accordion/Accordion.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, ChangeEvent, @@ -10,12 +11,12 @@ import { Accordion as MUIAccordion } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps, TransitionProps } from '@toptal/picasso-shared' +import { ArrowDownMinor16 } from '@toptal/picasso-icon' +import AccordionSummary from '@toptal/picasso-accordion-summary' +import AccordionDetails from '@toptal/picasso-accordion-details' +import ButtonAction from '@toptal/picasso-button-action' -import { ArrowDownMinor16 } from '../Icon' -import AccordionSummary from '../AccordionSummary' -import AccordionDetails from '../AccordionDetails' import styles from './styles' -import ButtonAction from '../ButtonAction' export type Borders = 'all' | 'middle' | 'none' diff --git a/packages/picasso/src/Accordion/Details.tsx b/packages/picasso/src/Accordion/Details.tsx index 749721168e..b69a837859 100644 --- a/packages/picasso/src/Accordion/Details.tsx +++ b/packages/picasso/src/Accordion/Details.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import cx from 'classnames' diff --git a/packages/picasso/src/Accordion/Summary.tsx b/packages/picasso/src/Accordion/Summary.tsx index 6987ec5ca9..7fc1e2931e 100644 --- a/packages/picasso/src/Accordion/Summary.tsx +++ b/packages/picasso/src/Accordion/Summary.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import cx from 'classnames' diff --git a/packages/picasso/src/Accordion/index.ts b/packages/picasso/src/Accordion/index.ts index dd1f434f0d..1cd1eb2587 100644 --- a/packages/picasso/src/Accordion/index.ts +++ b/packages/picasso/src/Accordion/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Accordion' diff --git a/packages/picasso/src/Accordion/package.json b/packages/picasso/src/Accordion/package.json new file mode 100644 index 0000000000..378a7a865b --- /dev/null +++ b/packages/picasso/src/Accordion/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-accordion", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-accordion-summary": "^1.0.0", + "@toptal/picasso-accordion-details": "^1.0.0", + "@toptal/picasso-button-action": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Accordion/styles.ts b/packages/picasso/src/Accordion/styles.ts index 7c600e1000..dcd5c6203b 100644 --- a/packages/picasso/src/Accordion/styles.ts +++ b/packages/picasso/src/Accordion/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/AccordionCompound/index.ts b/packages/picasso/src/AccordionCompound/index.ts index 1f8b9d2feb..e3318176f4 100644 --- a/packages/picasso/src/AccordionCompound/index.ts +++ b/packages/picasso/src/AccordionCompound/index.ts @@ -1,4 +1,5 @@ -import Accordion, { Details, Summary } from '../Accordion' +/* eslint-disable import/no-extraneous-dependencies */ +import Accordion, { Details, Summary } from '@toptal/picasso-accordion' export const AccordionCompound = Object.assign(Accordion, { Summary, diff --git a/packages/picasso/src/AccordionCompound/package.json b/packages/picasso/src/AccordionCompound/package.json new file mode 100644 index 0000000000..fa06cdd60a --- /dev/null +++ b/packages/picasso/src/AccordionCompound/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-accordion-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-accordion": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/AccordionDetails/AccordionDetails.tsx b/packages/picasso/src/AccordionDetails/AccordionDetails.tsx index ff0abc5c23..3d994b5145 100644 --- a/packages/picasso/src/AccordionDetails/AccordionDetails.tsx +++ b/packages/picasso/src/AccordionDetails/AccordionDetails.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/AccordionDetails/index.ts b/packages/picasso/src/AccordionDetails/index.ts index fcab54db05..d5897c5a8d 100644 --- a/packages/picasso/src/AccordionDetails/index.ts +++ b/packages/picasso/src/AccordionDetails/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './AccordionDetails' diff --git a/packages/picasso/src/AccordionDetails/package.json b/packages/picasso/src/AccordionDetails/package.json new file mode 100644 index 0000000000..f81d2bea4d --- /dev/null +++ b/packages/picasso/src/AccordionDetails/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-accordion-details", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/AccordionDetails/styles.ts b/packages/picasso/src/AccordionDetails/styles.ts index 9ed7dfe441..73816c57eb 100644 --- a/packages/picasso/src/AccordionDetails/styles.ts +++ b/packages/picasso/src/AccordionDetails/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/AccordionSummary/AccordionSummary.tsx b/packages/picasso/src/AccordionSummary/AccordionSummary.tsx index f38f11322c..0de02a3ebe 100644 --- a/packages/picasso/src/AccordionSummary/AccordionSummary.tsx +++ b/packages/picasso/src/AccordionSummary/AccordionSummary.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, FunctionComponent } from 'react' import { withStyles } from '@material-ui/core/styles' import { AccordionSummary as MUIAccordionSummary } from '@material-ui/core' diff --git a/packages/picasso/src/AccordionSummary/index.ts b/packages/picasso/src/AccordionSummary/index.ts index 61e973beca..63c2622e62 100644 --- a/packages/picasso/src/AccordionSummary/index.ts +++ b/packages/picasso/src/AccordionSummary/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './AccordionSummary' diff --git a/packages/picasso/src/AccordionSummary/package.json b/packages/picasso/src/AccordionSummary/package.json new file mode 100644 index 0000000000..74a0ef9de3 --- /dev/null +++ b/packages/picasso/src/AccordionSummary/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-accordion-summary", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/AccordionSummary/styles.ts b/packages/picasso/src/AccordionSummary/styles.ts index 1ec899c10f..8305cdd268 100644 --- a/packages/picasso/src/AccordionSummary/styles.ts +++ b/packages/picasso/src/AccordionSummary/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/AccountSelect/AccountSelect.tsx b/packages/picasso/src/AccountSelect/AccountSelect.tsx index 12c0625030..9aa2186033 100644 --- a/packages/picasso/src/AccountSelect/AccountSelect.tsx +++ b/packages/picasso/src/AccountSelect/AccountSelect.tsx @@ -1,16 +1,17 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' import cx from 'classnames' +import UserBadge from '@toptal/picasso-user-badge' +import Typography from '@toptal/picasso-typography' +import { MenuCompound as Menu } from '@toptal/picasso-menu-compound' +import Link from '@toptal/picasso-link' +import Container from '@toptal/picasso-container' +import { ChevronRight16 } from '@toptal/picasso-icon' -import UserBadge from '../UserBadge' -import Typography from '../Typography' -import { MenuCompound as Menu } from '../MenuCompound' -import Link from '../Link' -import Container from '../Container' -import { ChevronRight16 } from '../Icon' import styles from './styles' type Account = { diff --git a/packages/picasso/src/AccountSelect/index.ts b/packages/picasso/src/AccountSelect/index.ts index 147aa29ca7..be673d7271 100644 --- a/packages/picasso/src/AccountSelect/index.ts +++ b/packages/picasso/src/AccountSelect/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './AccountSelect' diff --git a/packages/picasso/src/AccountSelect/package.json b/packages/picasso/src/AccountSelect/package.json new file mode 100644 index 0000000000..217c04c2de --- /dev/null +++ b/packages/picasso/src/AccountSelect/package.json @@ -0,0 +1,13 @@ +{ + "name": "@toptal/picasso-account-select", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-user-badge": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-menu-compound": "^1.0.0", + "@toptal/picasso-link": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/AccountSelect/styles.ts b/packages/picasso/src/AccountSelect/styles.ts index c8f5f8a3ef..5f21280c60 100644 --- a/packages/picasso/src/AccountSelect/styles.ts +++ b/packages/picasso/src/AccountSelect/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Alert/Alert.tsx b/packages/picasso/src/Alert/Alert.tsx index 333ea3a486..1ce04426db 100644 --- a/packages/picasso/src/Alert/Alert.tsx +++ b/packages/picasso/src/Alert/Alert.tsx @@ -1,20 +1,26 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { MouseEvent, ReactNode } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core' import { makeStyles } from '@material-ui/core' import type { BaseProps } from '@toptal/picasso-shared' +import { SPACING_4 } from '@toptal/picasso-utils' +import type { ButtonProps } from '@toptal/picasso-button' +import type { ButtonSplitProps } from '@toptal/picasso-button-split' +import type { VariantType as ContainerVariants } from '@toptal/picasso-container' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' +import ButtonCircular from '@toptal/picasso-button-circular' +import { + CloseMinor16, + Exclamation16, + Done16, + Info16, +} from '@toptal/picasso-icon' +import Button from '@toptal/picasso-button' +import ButtonSplit from '@toptal/picasso-button-split' -import { SPACING_4 } from '../utils' -import type { ButtonProps } from '../Button' -import type { ButtonSplitProps } from '../ButtonSplit' -import type { VariantType as ContainerVariants } from '../Container' -import Container from '../Container' -import Typography from '../Typography' -import ButtonCircular from '../ButtonCircular' -import { CloseMinor16, Exclamation16, Done16, Info16 } from '../Icon' import styles from './styles' -import Button from '../Button' -import ButtonSplit from '../ButtonSplit' export type VariantType = Extract< 'red' | 'green' | 'yellow' | 'blue', diff --git a/packages/picasso/src/Alert/index.ts b/packages/picasso/src/Alert/index.ts index af156e388b..9a9b067b7a 100644 --- a/packages/picasso/src/Alert/index.ts +++ b/packages/picasso/src/Alert/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Alert' diff --git a/packages/picasso/src/Alert/package.json b/packages/picasso/src/Alert/package.json new file mode 100644 index 0000000000..120be1ae50 --- /dev/null +++ b/packages/picasso/src/Alert/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-alert", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-button-split": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Alert/styles.ts b/packages/picasso/src/Alert/styles.ts index 53a0ecfbe4..f51f5f8b1b 100644 --- a/packages/picasso/src/Alert/styles.ts +++ b/packages/picasso/src/Alert/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/AlertCompound/index.ts b/packages/picasso/src/AlertCompound/index.ts index d0b205da31..527344e0cb 100644 --- a/packages/picasso/src/AlertCompound/index.ts +++ b/packages/picasso/src/AlertCompound/index.ts @@ -1,5 +1,6 @@ -import Alert from '../Alert' -import AlertInline from '../AlertInline' +/* eslint-disable import/no-extraneous-dependencies */ +import Alert from '@toptal/picasso-alert' +import AlertInline from '@toptal/picasso-alert-inline' export const AlertCompound = Object.assign(Alert, { Inline: AlertInline, diff --git a/packages/picasso/src/AlertCompound/package.json b/packages/picasso/src/AlertCompound/package.json new file mode 100644 index 0000000000..f6d50afa00 --- /dev/null +++ b/packages/picasso/src/AlertCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-alert-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-alert": "^1.0.0", + "@toptal/picasso-alert-inline": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/AlertInline/AlertInline.tsx b/packages/picasso/src/AlertInline/AlertInline.tsx index ea98861d01..daf534d751 100644 --- a/packages/picasso/src/AlertInline/AlertInline.tsx +++ b/packages/picasso/src/AlertInline/AlertInline.tsx @@ -1,13 +1,18 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { BaseProps, ColorType } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core' import { makeStyles } from '@material-ui/core' +import type { VariantType as ContainerVariants } from '@toptal/picasso-container' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' +import { + ExclamationSolid16, + DoneSolid16, + InfoSolid16, +} from '@toptal/picasso-icon' -import type { VariantType as ContainerVariants } from '../Container' -import Container from '../Container' -import Typography from '../Typography' -import { ExclamationSolid16, DoneSolid16, InfoSolid16 } from '../Icon' import styles from './styles' export type VariantType = Extract< diff --git a/packages/picasso/src/AlertInline/index.ts b/packages/picasso/src/AlertInline/index.ts index c8e50d3236..cb7365011d 100644 --- a/packages/picasso/src/AlertInline/index.ts +++ b/packages/picasso/src/AlertInline/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './AlertInline' diff --git a/packages/picasso/src/AlertInline/package.json b/packages/picasso/src/AlertInline/package.json new file mode 100644 index 0000000000..178e73053d --- /dev/null +++ b/packages/picasso/src/AlertInline/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-alert-inline", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/AlertInline/styles.ts b/packages/picasso/src/AlertInline/styles.ts index e6b02e35f9..08775c6dc3 100644 --- a/packages/picasso/src/AlertInline/styles.ts +++ b/packages/picasso/src/AlertInline/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/Amount/Amount.tsx b/packages/picasso/src/Amount/Amount.tsx index 0a54272c45..949914a37f 100644 --- a/packages/picasso/src/Amount/Amount.tsx +++ b/packages/picasso/src/Amount/Amount.tsx @@ -1,12 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' - -import type { TypographyProps } from '../Typography' -import Typography from '../Typography' +import type { TypographyProps } from '@toptal/picasso-typography' +import Typography from '@toptal/picasso-typography' import { formatAmount, DEFAULT_LOCALE, DEFAULT_CURRENCY, -} from '../utils/Formatters' +} from '@toptal/picasso-utils/-formatters' export interface Props extends TypographyProps { /** The amount to be formatted */ diff --git a/packages/picasso/src/Amount/index.ts b/packages/picasso/src/Amount/index.ts index dfc39820c2..9b31a107b2 100644 --- a/packages/picasso/src/Amount/index.ts +++ b/packages/picasso/src/Amount/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Amount' diff --git a/packages/picasso/src/Amount/package.json b/packages/picasso/src/Amount/package.json new file mode 100644 index 0000000000..f59034bed2 --- /dev/null +++ b/packages/picasso/src/Amount/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-amount", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils/-formatters": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ApplicationUpdateNotification/ApplicationUpdateNotification.tsx b/packages/picasso/src/ApplicationUpdateNotification/ApplicationUpdateNotification.tsx index c85693dd56..8afd859048 100644 --- a/packages/picasso/src/ApplicationUpdateNotification/ApplicationUpdateNotification.tsx +++ b/packages/picasso/src/ApplicationUpdateNotification/ApplicationUpdateNotification.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' @@ -5,11 +6,11 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { SnackbarContent } from '@material-ui/core' import type { BaseProps } from '@toptal/picasso-shared' +import Button from '@toptal/picasso-button-circular' +import Typography from '@toptal/picasso-typography' +import Container from '@toptal/picasso-container' +import { Close16 } from '@toptal/picasso-icon' -import Button from '../ButtonCircular' -import Typography from '../Typography' -import Container from '../Container' -import { Close16 } from '../Icon' import styles from './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/ApplicationUpdateNotification/index.ts b/packages/picasso/src/ApplicationUpdateNotification/index.ts index d3dc230223..2efa0f65d0 100644 --- a/packages/picasso/src/ApplicationUpdateNotification/index.ts +++ b/packages/picasso/src/ApplicationUpdateNotification/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './ApplicationUpdateNotification' export type { Props as ApplicationUpdateNotificationProps } from './ApplicationUpdateNotification' diff --git a/packages/picasso/src/ApplicationUpdateNotification/package.json b/packages/picasso/src/ApplicationUpdateNotification/package.json new file mode 100644 index 0000000000..2c738a9c05 --- /dev/null +++ b/packages/picasso/src/ApplicationUpdateNotification/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-application-update-notification", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ApplicationUpdateNotification/styles.ts b/packages/picasso/src/ApplicationUpdateNotification/styles.ts index c79a292f47..05c58dc1a0 100644 --- a/packages/picasso/src/ApplicationUpdateNotification/styles.ts +++ b/packages/picasso/src/ApplicationUpdateNotification/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/ApplicationUpdateNotificationActions/ApplicationUpdateNotificationActions.tsx b/packages/picasso/src/ApplicationUpdateNotificationActions/ApplicationUpdateNotificationActions.tsx index c494012e08..becf758f06 100644 --- a/packages/picasso/src/ApplicationUpdateNotificationActions/ApplicationUpdateNotificationActions.tsx +++ b/packages/picasso/src/ApplicationUpdateNotificationActions/ApplicationUpdateNotificationActions.tsx @@ -1,9 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { ReactNode } from 'react' import type { BaseProps } from '@toptal/picasso-shared' - -import { Container } from '../Container' -import type { AlignItemsType, JustifyContentType } from '../Container/styles' +import { Container } from '@toptal/picasso-container' +import type { + AlignItemsType, + JustifyContentType, +} from '@toptal/picasso-container/styles' export interface Props extends BaseProps { /** Defines the align-items style property */ diff --git a/packages/picasso/src/ApplicationUpdateNotificationActions/index.ts b/packages/picasso/src/ApplicationUpdateNotificationActions/index.ts index 86a0ecfa8a..f8677000f5 100644 --- a/packages/picasso/src/ApplicationUpdateNotificationActions/index.ts +++ b/packages/picasso/src/ApplicationUpdateNotificationActions/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './ApplicationUpdateNotificationActions' export type { Props as ApplicationUpdateNotificationActionsProps } from './ApplicationUpdateNotificationActions' diff --git a/packages/picasso/src/ApplicationUpdateNotificationActions/package.json b/packages/picasso/src/ApplicationUpdateNotificationActions/package.json new file mode 100644 index 0000000000..6c4e8ca11e --- /dev/null +++ b/packages/picasso/src/ApplicationUpdateNotificationActions/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-application-update-notification-actions", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-container/styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ApplicationUpdateNotificationCompound/index.ts b/packages/picasso/src/ApplicationUpdateNotificationCompound/index.ts index 12ae3c9afa..7688538f75 100644 --- a/packages/picasso/src/ApplicationUpdateNotificationCompound/index.ts +++ b/packages/picasso/src/ApplicationUpdateNotificationCompound/index.ts @@ -1,5 +1,6 @@ -import ApplicationUpdateNotification from '../ApplicationUpdateNotification' -import ApplicationUpdateNotificationActions from '../ApplicationUpdateNotificationActions' +/* eslint-disable import/no-extraneous-dependencies */ +import ApplicationUpdateNotification from '@toptal/picasso-application-update-notification' +import ApplicationUpdateNotificationActions from '@toptal/picasso-application-update-notification-actions' export const ApplicationUpdateNotificationCompound = Object.assign( ApplicationUpdateNotification, diff --git a/packages/picasso/src/ApplicationUpdateNotificationCompound/package.json b/packages/picasso/src/ApplicationUpdateNotificationCompound/package.json new file mode 100644 index 0000000000..465edaccf3 --- /dev/null +++ b/packages/picasso/src/ApplicationUpdateNotificationCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-application-update-notification-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-application-update-notification": "^1.0.0", + "@toptal/picasso-application-update-notification-actions": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Autocomplete/Autocomplete.tsx b/packages/picasso/src/Autocomplete/Autocomplete.tsx index 314be5ae66..739eba81d3 100644 --- a/packages/picasso/src/Autocomplete/Autocomplete.tsx +++ b/packages/picasso/src/Autocomplete/Autocomplete.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable max-lines */ /* eslint-disable complexity, max-statements, max-lines-per-function */ // Squiggly lines makes code difficult to work with @@ -18,25 +19,25 @@ import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' import { isForwardRef } from '@toptal/picasso-shared' import type { PopperOptions } from 'popper.js' +import type { InputProps } from '@toptal/picasso-input' +import Input from '@toptal/picasso-input' +import { MenuCompound as Menu } from '@toptal/picasso-menu-compound' +import Container from '@toptal/picasso-container' +import Loader from '@toptal/picasso-loader' +import SelectOptions from '@toptal/picasso-select-options' +import Popper from '@toptal/picasso-popper' +import InputAdornment from '@toptal/picasso-input-adornment' +import type { BaseInputProps, Status } from '@toptal/picasso-outlined-input' +import unsafeErrorLog from '@toptal/picasso-utils/unsafe-error-log' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import { useFieldsLayoutContext } from '@toptal/picasso-fields-layout' -import type { InputProps } from '../Input' -import Input from '../Input' -import { MenuCompound as Menu } from '../MenuCompound' -import Container from '../Container' -import Loader from '../Loader' -import SelectOptions from '../SelectOptions' -import Popper from '../Popper' -import InputAdornment from '../InputAdornment' import PoweredByGoogle from './PoweredByGoogle' import NoOptionsMenuItem from './NoOptionsMenuItem' import OtherOptionMenuItem from './OtherOptionMenuItem' import type { Item, ChangedOptions } from './types' import { useAutocomplete, EMPTY_INPUT_VALUE } from './use-autocomplete' import styles from './styles' -import type { BaseInputProps, Status } from '../OutlinedInput' -import unsafeErrorLog from '../utils/unsafe-error-log' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import { useFieldsLayoutContext } from '../FieldsLayout' export interface Props extends BaseProps, diff --git a/packages/picasso/src/Autocomplete/NoOptionsMenuItem.tsx b/packages/picasso/src/Autocomplete/NoOptionsMenuItem.tsx index 1a84412b39..cc769f81e0 100644 --- a/packages/picasso/src/Autocomplete/NoOptionsMenuItem.tsx +++ b/packages/picasso/src/Autocomplete/NoOptionsMenuItem.tsx @@ -1,6 +1,6 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' - -import { MenuCompound as Menu } from '../MenuCompound' +import { MenuCompound as Menu } from '@toptal/picasso-menu-compound' const NoOptionsMenuItem = ({ children, ...rest }: { children: string }) => ( diff --git a/packages/picasso/src/Autocomplete/OtherOptionMenuItem.tsx b/packages/picasso/src/Autocomplete/OtherOptionMenuItem.tsx index 8c71134b14..f6dbd2f32c 100644 --- a/packages/picasso/src/Autocomplete/OtherOptionMenuItem.tsx +++ b/packages/picasso/src/Autocomplete/OtherOptionMenuItem.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { JssProps } from '@toptal/picasso-shared' import type { ReactNode } from 'react' import React from 'react' - -import { MenuCompound as Menu } from '../MenuCompound' -import Typography from '../Typography' +import { MenuCompound as Menu } from '@toptal/picasso-menu-compound' +import Typography from '@toptal/picasso-typography' const OtherOptionMenuItem = ({ value, diff --git a/packages/picasso/src/Autocomplete/PoweredByGoogle.tsx b/packages/picasso/src/Autocomplete/PoweredByGoogle.tsx index 88b40451af..13cb8ec610 100644 --- a/packages/picasso/src/Autocomplete/PoweredByGoogle.tsx +++ b/packages/picasso/src/Autocomplete/PoweredByGoogle.tsx @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { JssProps } from '@toptal/picasso-shared' import React from 'react' - -import { Container } from '../Container' +import { Container } from '@toptal/picasso-container' /** * "You may not resize or modify these logos in any way." by the Google Policies diff --git a/packages/picasso/src/Autocomplete/index.ts b/packages/picasso/src/Autocomplete/index.ts index 403c6ddcf5..4404df0f13 100644 --- a/packages/picasso/src/Autocomplete/index.ts +++ b/packages/picasso/src/Autocomplete/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as OuterProps } from './Autocomplete' diff --git a/packages/picasso/src/Autocomplete/package.json b/packages/picasso/src/Autocomplete/package.json new file mode 100644 index 0000000000..d29b6f1177 --- /dev/null +++ b/packages/picasso/src/Autocomplete/package.json @@ -0,0 +1,19 @@ +{ + "name": "@toptal/picasso-autocomplete", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-input": "^1.0.0", + "@toptal/picasso-menu-compound": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-loader": "^1.0.0", + "@toptal/picasso-select-options": "^1.0.0", + "@toptal/picasso-popper": "^1.0.0", + "@toptal/picasso-input-adornment": "^1.0.0", + "@toptal/picasso-outlined-input": "^1.0.0", + "@toptal/picasso-utils/unsafe-error-log": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-fields-layout": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Autocomplete/styles.ts b/packages/picasso/src/Autocomplete/styles.ts index f5148cc5aa..dfd26ddcab 100644 --- a/packages/picasso/src/Autocomplete/styles.ts +++ b/packages/picasso/src/Autocomplete/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Autocomplete/types.ts b/packages/picasso/src/Autocomplete/types.ts index 5d663dbd5b..0c5aad3b47 100644 --- a/packages/picasso/src/Autocomplete/types.ts +++ b/packages/picasso/src/Autocomplete/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export type Item = { text?: string description?: string diff --git a/packages/picasso/src/Avatar/Avatar.tsx b/packages/picasso/src/Avatar/Avatar.tsx index b6c1de9330..1067bf2914 100644 --- a/packages/picasso/src/Avatar/Avatar.tsx +++ b/packages/picasso/src/Avatar/Avatar.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React, { useCallback } from 'react' import type { StandardProps, SizeType } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import { AVATAR_INITIALS_LIMIT } from '@toptal/picasso-utils/constants' +import getNameInitials from '@toptal/picasso-utils/get-name-initials' -import { AVATAR_INITIALS_LIMIT } from '../utils/constants' -import getNameInitials from '../utils/get-name-initials' import ImageAvatar from './ImageAvatar/ImageAvatar' import TextAvatar from './TextAvatar/TextAvatar' import IconAvatar from './IconAvatar/IconAvatar' diff --git a/packages/picasso/src/Avatar/index.ts b/packages/picasso/src/Avatar/index.ts index 853d864e8d..f7bcc1f33a 100644 --- a/packages/picasso/src/Avatar/index.ts +++ b/packages/picasso/src/Avatar/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Avatar' diff --git a/packages/picasso/src/Avatar/package.json b/packages/picasso/src/Avatar/package.json new file mode 100644 index 0000000000..e04eb2a06f --- /dev/null +++ b/packages/picasso/src/Avatar/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-avatar", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/constants": "^1.0.0", + "@toptal/picasso-utils/get-name-initials": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Avatar/styles.ts b/packages/picasso/src/Avatar/styles.ts index 5794dc527b..1eae0e4423 100644 --- a/packages/picasso/src/Avatar/styles.ts +++ b/packages/picasso/src/Avatar/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => { diff --git a/packages/picasso/src/AvatarCompound/index.ts b/packages/picasso/src/AvatarCompound/index.ts index 449af9db31..0922723102 100644 --- a/packages/picasso/src/AvatarCompound/index.ts +++ b/packages/picasso/src/AvatarCompound/index.ts @@ -1,5 +1,6 @@ -import Avatar from '../Avatar' -import AvatarGroup from '../AvatarGroup' +/* eslint-disable import/no-extraneous-dependencies */ +import Avatar from '@toptal/picasso-avatar' +import AvatarGroup from '@toptal/picasso-avatar-group' export const AvatarCompound = Object.assign(Avatar, { Group: AvatarGroup, diff --git a/packages/picasso/src/AvatarCompound/package.json b/packages/picasso/src/AvatarCompound/package.json new file mode 100644 index 0000000000..09b71a3532 --- /dev/null +++ b/packages/picasso/src/AvatarCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-avatar-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-avatar": "^1.0.0", + "@toptal/picasso-avatar-group": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/AvatarDropzoneSvg/AvatarDropzoneSvg.tsx b/packages/picasso/src/AvatarDropzoneSvg/AvatarDropzoneSvg.tsx index 73f2fbb8d3..6b14823665 100644 --- a/packages/picasso/src/AvatarDropzoneSvg/AvatarDropzoneSvg.tsx +++ b/packages/picasso/src/AvatarDropzoneSvg/AvatarDropzoneSvg.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core' import { capitalize, makeStyles } from '@material-ui/core' diff --git a/packages/picasso/src/AvatarDropzoneSvg/index.ts b/packages/picasso/src/AvatarDropzoneSvg/index.ts index 720cc705ab..b0866e7d6d 100644 --- a/packages/picasso/src/AvatarDropzoneSvg/index.ts +++ b/packages/picasso/src/AvatarDropzoneSvg/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default, AVATAR_DROPZONE_SVG_SHAPES } from './AvatarDropzoneSvg' diff --git a/packages/picasso/src/AvatarDropzoneSvg/package.json b/packages/picasso/src/AvatarDropzoneSvg/package.json new file mode 100644 index 0000000000..19d988f68c --- /dev/null +++ b/packages/picasso/src/AvatarDropzoneSvg/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-avatar-dropzone-svg", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/AvatarDropzoneSvg/styles.ts b/packages/picasso/src/AvatarDropzoneSvg/styles.ts index 75562c2a3e..610e4851b7 100644 --- a/packages/picasso/src/AvatarDropzoneSvg/styles.ts +++ b/packages/picasso/src/AvatarDropzoneSvg/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/AvatarDropzoneSvg/utils.ts b/packages/picasso/src/AvatarDropzoneSvg/utils.ts index 6c23bcc5ee..15c82a6dea 100644 --- a/packages/picasso/src/AvatarDropzoneSvg/utils.ts +++ b/packages/picasso/src/AvatarDropzoneSvg/utils.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /** * Returns the shape of the Avatar component in SVG path's format. * SVG's "path" works for the function like this: diff --git a/packages/picasso/src/AvatarGroup/AvatarGroup.tsx b/packages/picasso/src/AvatarGroup/AvatarGroup.tsx index 54c7287e8d..d3708fcb0c 100644 --- a/packages/picasso/src/AvatarGroup/AvatarGroup.tsx +++ b/packages/picasso/src/AvatarGroup/AvatarGroup.tsx @@ -1,13 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { BaseProps, SizeType } from '@toptal/picasso-shared' import React, { useMemo } from 'react' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import { Container } from '@toptal/picasso-container' +import Avatar from '@toptal/picasso-avatar' +import AvatarWrapper from '@toptal/picasso-avatar/-avatar-wrapper/-avatar-wrapper' +import TextAvatar from '@toptal/picasso-avatar/-text-avatar/-text-avatar' -import { Container } from '../Container' -import Avatar from '../Avatar' -import AvatarWrapper from '../Avatar/AvatarWrapper/AvatarWrapper' -import TextAvatar from '../Avatar/TextAvatar/TextAvatar' import styles from './styles' type ItemType = { diff --git a/packages/picasso/src/AvatarGroup/index.ts b/packages/picasso/src/AvatarGroup/index.ts index 6a44ee4bb7..b291ca5ffd 100644 --- a/packages/picasso/src/AvatarGroup/index.ts +++ b/packages/picasso/src/AvatarGroup/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './AvatarGroup' diff --git a/packages/picasso/src/AvatarGroup/package.json b/packages/picasso/src/AvatarGroup/package.json new file mode 100644 index 0000000000..dd52c9100d --- /dev/null +++ b/packages/picasso/src/AvatarGroup/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-avatar-group", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-avatar": "^1.0.0", + "@toptal/picasso-avatar/-avatar-wrapper/-avatar-wrapper": "^1.0.0", + "@toptal/picasso-avatar/-text-avatar/-text-avatar": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/AvatarGroup/styles.ts b/packages/picasso/src/AvatarGroup/styles.ts index 6014383a0c..90c97cea30 100644 --- a/packages/picasso/src/AvatarGroup/styles.ts +++ b/packages/picasso/src/AvatarGroup/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/AvatarUpload/AvatarUpload.tsx b/packages/picasso/src/AvatarUpload/AvatarUpload.tsx index 1b34a86b6d..451b6b2557 100644 --- a/packages/picasso/src/AvatarUpload/AvatarUpload.tsx +++ b/packages/picasso/src/AvatarUpload/AvatarUpload.tsx @@ -1,15 +1,16 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core' import { capitalize, makeStyles } from '@material-ui/core' import type { BaseProps, SizeType } from '@toptal/picasso-shared' import cx from 'classnames' import type { CSSProperties, FocusEvent } from 'react' import React, { forwardRef, useImperativeHandle } from 'react' +import Avatar from '@toptal/picasso-avatar' +import AvatarDropzoneSvg from '@toptal/picasso-avatar-dropzone-svg' +import { Upload16, Upload24 } from '@toptal/picasso-icon' +import Loader from '@toptal/picasso-loader' +import type { Status } from '@toptal/picasso-outlined-input' -import Avatar from '../Avatar' -import AvatarDropzoneSvg from '../AvatarDropzoneSvg' -import { Upload16, Upload24 } from '../Icon' -import Loader from '../Loader' -import type { Status } from '../OutlinedInput' import styles from './styles' import type { AvatarUploadOptions, FileUpload } from './types' import useAvatarUpload from './hooks/use-avatar-upload' diff --git a/packages/picasso/src/AvatarUpload/index.ts b/packages/picasso/src/AvatarUpload/index.ts index e3959fae15..978d8a5fb6 100644 --- a/packages/picasso/src/AvatarUpload/index.ts +++ b/packages/picasso/src/AvatarUpload/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './AvatarUpload' diff --git a/packages/picasso/src/AvatarUpload/package.json b/packages/picasso/src/AvatarUpload/package.json new file mode 100644 index 0000000000..c0cd41508f --- /dev/null +++ b/packages/picasso/src/AvatarUpload/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-avatar-upload", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-avatar": "^1.0.0", + "@toptal/picasso-avatar-dropzone-svg": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-loader": "^1.0.0", + "@toptal/picasso-outlined-input": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/AvatarUpload/styles.ts b/packages/picasso/src/AvatarUpload/styles.ts index 25e11aaeaa..fe5e707f0b 100644 --- a/packages/picasso/src/AvatarUpload/styles.ts +++ b/packages/picasso/src/AvatarUpload/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/AvatarUpload/types.ts b/packages/picasso/src/AvatarUpload/types.ts index 37f2533d07..daa476ab5f 100644 --- a/packages/picasso/src/AvatarUpload/types.ts +++ b/packages/picasso/src/AvatarUpload/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export interface FileUpload { file?: File src?: string diff --git a/packages/picasso/src/Badge/Badge.tsx b/packages/picasso/src/Badge/Badge.tsx index 33be187c4a..415d7a2e81 100644 --- a/packages/picasso/src/Badge/Badge.tsx +++ b/packages/picasso/src/Badge/Badge.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { Children, forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Badge/index.ts b/packages/picasso/src/Badge/index.ts index 3f31300957..91fbc9c80b 100644 --- a/packages/picasso/src/Badge/index.ts +++ b/packages/picasso/src/Badge/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Badge' diff --git a/packages/picasso/src/Badge/package.json b/packages/picasso/src/Badge/package.json new file mode 100644 index 0000000000..950a3abe1f --- /dev/null +++ b/packages/picasso/src/Badge/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-badge", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Badge/styles.ts b/packages/picasso/src/Badge/styles.ts index 2d8920625b..4efa8fbd3a 100644 --- a/packages/picasso/src/Badge/styles.ts +++ b/packages/picasso/src/Badge/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { rem } from '@toptal/picasso-shared' import type { Theme, StyleRules } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Breadcrumbs/Breadcrumbs.tsx b/packages/picasso/src/Breadcrumbs/Breadcrumbs.tsx index f292722363..10dcf36c89 100644 --- a/packages/picasso/src/Breadcrumbs/Breadcrumbs.tsx +++ b/packages/picasso/src/Breadcrumbs/Breadcrumbs.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' import { Breadcrumbs as MuiBreadcrumbs } from '@material-ui/core' - -import { ChevronRight16 } from '../Icon' +import { ChevronRight16 } from '@toptal/picasso-icon' import './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/Breadcrumbs/index.ts b/packages/picasso/src/Breadcrumbs/index.ts index 301ac8683d..095eb81108 100644 --- a/packages/picasso/src/Breadcrumbs/index.ts +++ b/packages/picasso/src/Breadcrumbs/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Breadcrumbs' diff --git a/packages/picasso/src/Breadcrumbs/package.json b/packages/picasso/src/Breadcrumbs/package.json new file mode 100644 index 0000000000..2bdd705f84 --- /dev/null +++ b/packages/picasso/src/Breadcrumbs/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-breadcrumbs", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Breadcrumbs/styles.ts b/packages/picasso/src/Breadcrumbs/styles.ts index 554b1a1ce3..486e0e049f 100644 --- a/packages/picasso/src/Breadcrumbs/styles.ts +++ b/packages/picasso/src/Breadcrumbs/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/BreadcrumbsCompound/index.ts b/packages/picasso/src/BreadcrumbsCompound/index.ts index 953590055b..1d09d1bf1b 100644 --- a/packages/picasso/src/BreadcrumbsCompound/index.ts +++ b/packages/picasso/src/BreadcrumbsCompound/index.ts @@ -1,5 +1,6 @@ -import Breadcrumbs from '../Breadcrumbs' -import Item from '../BreadcrumbsItem' +/* eslint-disable import/no-extraneous-dependencies */ +import Breadcrumbs from '@toptal/picasso-breadcrumbs' +import Item from '@toptal/picasso-breadcrumbs-item' export const BreadcrumbsCompound = Object.assign(Breadcrumbs, { Item, diff --git a/packages/picasso/src/BreadcrumbsCompound/package.json b/packages/picasso/src/BreadcrumbsCompound/package.json new file mode 100644 index 0000000000..d0e5ddf449 --- /dev/null +++ b/packages/picasso/src/BreadcrumbsCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-breadcrumbs-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-breadcrumbs": "^1.0.0", + "@toptal/picasso-breadcrumbs-item": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/BreadcrumbsItem/BreadcrumbsItem.tsx b/packages/picasso/src/BreadcrumbsItem/BreadcrumbsItem.tsx index 1143dea668..dee6144de6 100644 --- a/packages/picasso/src/BreadcrumbsItem/BreadcrumbsItem.tsx +++ b/packages/picasso/src/BreadcrumbsItem/BreadcrumbsItem.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ElementType, HTMLAttributes, ReactNode } from 'react' import React, { forwardRef } from 'react' import type { @@ -9,9 +10,9 @@ import { useTitleCase } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import Typography from '@toptal/picasso-typography' +import { toTitleCase } from '@toptal/picasso-utils' -import Typography from '../Typography' -import { toTitleCase } from '../utils' import styles from './styles' export interface Props diff --git a/packages/picasso/src/BreadcrumbsItem/index.ts b/packages/picasso/src/BreadcrumbsItem/index.ts index cb2c80653d..39ccb7bb7d 100644 --- a/packages/picasso/src/BreadcrumbsItem/index.ts +++ b/packages/picasso/src/BreadcrumbsItem/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './BreadcrumbsItem' export * from './BreadcrumbsItem' diff --git a/packages/picasso/src/BreadcrumbsItem/package.json b/packages/picasso/src/BreadcrumbsItem/package.json new file mode 100644 index 0000000000..2cda7181b9 --- /dev/null +++ b/packages/picasso/src/BreadcrumbsItem/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-breadcrumbs-item", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/BreadcrumbsItem/styles.ts b/packages/picasso/src/BreadcrumbsItem/styles.ts index 42622a7f8f..11525110d1 100644 --- a/packages/picasso/src/BreadcrumbsItem/styles.ts +++ b/packages/picasso/src/BreadcrumbsItem/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/Button/Button.tsx b/packages/picasso/src/Button/Button.tsx index 8101f19830..65951b59ae 100644 --- a/packages/picasso/src/Button/Button.tsx +++ b/packages/picasso/src/Button/Button.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, ReactElement, MouseEvent, ElementType } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' @@ -12,12 +13,12 @@ import type { import { useTitleCase } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core' import { makeStyles, ButtonBase } from '@material-ui/core' +import Loader from '@toptal/picasso-loader' +import Container from '@toptal/picasso-container' +import noop from '@toptal/picasso-utils/noop' +import toTitleCase from '@toptal/picasso-utils/to-title-case' import styles from './styles' -import Loader from '../Loader' -import Container from '../Container' -import noop from '../utils/noop' -import toTitleCase from '../utils/to-title-case' const useStyles = makeStyles(styles, { name: 'PicassoButton', diff --git a/packages/picasso/src/Button/index.ts b/packages/picasso/src/Button/index.ts index 83202301ab..d6571f27ae 100644 --- a/packages/picasso/src/Button/index.ts +++ b/packages/picasso/src/Button/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Props } from './Button' export { default } from './Button' export type ButtonProps = Props diff --git a/packages/picasso/src/Button/package.json b/packages/picasso/src/Button/package.json new file mode 100644 index 0000000000..f57c594281 --- /dev/null +++ b/packages/picasso/src/Button/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-button", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-loader": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-utils/noop": "^1.0.0", + "@toptal/picasso-utils/to-title-case": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Button/styles.ts b/packages/picasso/src/Button/styles.ts index 3c34afd110..91d0701450 100644 --- a/packages/picasso/src/Button/styles.ts +++ b/packages/picasso/src/Button/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { alpha, outline, mix } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/ButtonAction/ButtonAction.tsx b/packages/picasso/src/ButtonAction/ButtonAction.tsx index 2a72f01b56..6e6f2e95bc 100644 --- a/packages/picasso/src/ButtonAction/ButtonAction.tsx +++ b/packages/picasso/src/ButtonAction/ButtonAction.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement, MouseEvent, ElementType } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' @@ -8,11 +9,11 @@ import type { ButtonOrAnchorProps, OverridableComponent, } from '@toptal/picasso-shared' +import type { IconPositionType } from '@toptal/picasso-button' +import Button from '@toptal/picasso-button' +import Loader from '@toptal/picasso-loader' -import type { IconPositionType } from '../Button' -import Button from '../Button' import styles from './styles' -import Loader from '../Loader' export interface Props extends BaseProps, ButtonOrAnchorProps { /** Show button in the active state (left mouse button down) */ diff --git a/packages/picasso/src/ButtonAction/index.ts b/packages/picasso/src/ButtonAction/index.ts index 2827f38c97..382f21d377 100644 --- a/packages/picasso/src/ButtonAction/index.ts +++ b/packages/picasso/src/ButtonAction/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Props } from './ButtonAction' export { default } from './ButtonAction' diff --git a/packages/picasso/src/ButtonAction/package.json b/packages/picasso/src/ButtonAction/package.json new file mode 100644 index 0000000000..82e5ec018c --- /dev/null +++ b/packages/picasso/src/ButtonAction/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-button-action", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-loader": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonAction/styles.ts b/packages/picasso/src/ButtonAction/styles.ts index 3c82cc3a32..73eaaf5a43 100644 --- a/packages/picasso/src/ButtonAction/styles.ts +++ b/packages/picasso/src/ButtonAction/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/ButtonCheckbox/ButtonCheckbox.tsx b/packages/picasso/src/ButtonCheckbox/ButtonCheckbox.tsx index 087c5729f2..c5c2bb0e8a 100644 --- a/packages/picasso/src/ButtonCheckbox/ButtonCheckbox.tsx +++ b/packages/picasso/src/ButtonCheckbox/ButtonCheckbox.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' - -import Checkbox from '../Checkbox' -import type { ButtonControlLabelProps } from '../ButtonControlLabel' -import ButtonControlLabel from '../ButtonControlLabel' +import Checkbox from '@toptal/picasso-checkbox' +import type { ButtonControlLabelProps } from '@toptal/picasso-button-control-label' +import ButtonControlLabel from '@toptal/picasso-button-control-label' export interface Props extends Omit { testIds?: { diff --git a/packages/picasso/src/ButtonCheckbox/index.ts b/packages/picasso/src/ButtonCheckbox/index.ts index dacc12d0dc..f7bb264546 100644 --- a/packages/picasso/src/ButtonCheckbox/index.ts +++ b/packages/picasso/src/ButtonCheckbox/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Props } from './ButtonCheckbox' export { default } from './ButtonCheckbox' diff --git a/packages/picasso/src/ButtonCheckbox/package.json b/packages/picasso/src/ButtonCheckbox/package.json new file mode 100644 index 0000000000..7878a012dc --- /dev/null +++ b/packages/picasso/src/ButtonCheckbox/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-button-checkbox", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-checkbox": "^1.0.0", + "@toptal/picasso-button-control-label": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonCircular/ButtonCircular.tsx b/packages/picasso/src/ButtonCircular/ButtonCircular.tsx index 504b75293a..56b4baa799 100644 --- a/packages/picasso/src/ButtonCircular/ButtonCircular.tsx +++ b/packages/picasso/src/ButtonCircular/ButtonCircular.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement, MouseEvent, ElementType } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' @@ -8,9 +9,9 @@ import type { ButtonOrAnchorProps, OverridableComponent, } from '@toptal/picasso-shared' +import Button from '@toptal/picasso-button' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import Button from '../Button' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' export type VariantType = 'primary' | 'flat' | 'transparent' diff --git a/packages/picasso/src/ButtonCircular/index.ts b/packages/picasso/src/ButtonCircular/index.ts index f738dc9fb9..9caa666e9e 100644 --- a/packages/picasso/src/ButtonCircular/index.ts +++ b/packages/picasso/src/ButtonCircular/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Props } from './ButtonCircular' export { default } from './ButtonCircular' diff --git a/packages/picasso/src/ButtonCircular/package.json b/packages/picasso/src/ButtonCircular/package.json new file mode 100644 index 0000000000..b4fb552251 --- /dev/null +++ b/packages/picasso/src/ButtonCircular/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-button-circular", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-utils/kebab-to-camel-case": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonCircular/styles.ts b/packages/picasso/src/ButtonCircular/styles.ts index 7bd4e00a22..60d1c58f9d 100644 --- a/packages/picasso/src/ButtonCircular/styles.ts +++ b/packages/picasso/src/ButtonCircular/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { alpha, outline } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/ButtonCompound/index.ts b/packages/picasso/src/ButtonCompound/index.ts index 7415912211..a2aec9328d 100644 --- a/packages/picasso/src/ButtonCompound/index.ts +++ b/packages/picasso/src/ButtonCompound/index.ts @@ -1,10 +1,11 @@ -import Button from '../Button' -import Group from '../ButtonGroup' -import Circular from '../ButtonCircular' -import Action from '../ButtonAction' -import Split from '../ButtonSplit' -import Checkbox from '../ButtonCheckbox' -import Radio from '../ButtonRadio' +/* eslint-disable import/no-extraneous-dependencies */ +import Button from '@toptal/picasso-button' +import Group from '@toptal/picasso-button-group' +import Circular from '@toptal/picasso-button-circular' +import Action from '@toptal/picasso-button-action' +import Split from '@toptal/picasso-button-split' +import Checkbox from '@toptal/picasso-button-checkbox' +import Radio from '@toptal/picasso-button-radio' export const ButtonCompound = Object.assign(Button, { Group, diff --git a/packages/picasso/src/ButtonCompound/package.json b/packages/picasso/src/ButtonCompound/package.json new file mode 100644 index 0000000000..9ebd8e93d3 --- /dev/null +++ b/packages/picasso/src/ButtonCompound/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-button-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-button-group": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-button-action": "^1.0.0", + "@toptal/picasso-button-split": "^1.0.0", + "@toptal/picasso-button-checkbox": "^1.0.0", + "@toptal/picasso-button-radio": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonControlLabel/ButtonControlLabel.tsx b/packages/picasso/src/ButtonControlLabel/ButtonControlLabel.tsx index 690e4a804f..e5013d37fe 100644 --- a/packages/picasso/src/ButtonControlLabel/ButtonControlLabel.tsx +++ b/packages/picasso/src/ButtonControlLabel/ButtonControlLabel.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement, ReactNode } from 'react' import React from 'react' import type { BaseProps, SizeType } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core' import { makeStyles } from '@material-ui/core' import cx from 'classnames' +import Container from '@toptal/picasso-container' +import Button from '@toptal/picasso-button' -import Container from '../Container' -import Button from '../Button' import styles from './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/ButtonControlLabel/index.ts b/packages/picasso/src/ButtonControlLabel/index.ts index 5c3f1e03aa..081d75fbcc 100644 --- a/packages/picasso/src/ButtonControlLabel/index.ts +++ b/packages/picasso/src/ButtonControlLabel/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Props } from './ButtonControlLabel' export { default } from './ButtonControlLabel' diff --git a/packages/picasso/src/ButtonControlLabel/package.json b/packages/picasso/src/ButtonControlLabel/package.json new file mode 100644 index 0000000000..e2939d1460 --- /dev/null +++ b/packages/picasso/src/ButtonControlLabel/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-button-control-label", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-button": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonControlLabel/styles.ts b/packages/picasso/src/ButtonControlLabel/styles.ts index d9b81c7bf7..63698e0704 100644 --- a/packages/picasso/src/ButtonControlLabel/styles.ts +++ b/packages/picasso/src/ButtonControlLabel/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/ButtonGroup/ButtonGroup.tsx b/packages/picasso/src/ButtonGroup/ButtonGroup.tsx index 542d2d6507..d7932f7e9d 100644 --- a/packages/picasso/src/ButtonGroup/ButtonGroup.tsx +++ b/packages/picasso/src/ButtonGroup/ButtonGroup.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes, ElementType } from 'react' import React, { forwardRef, useMemo } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -5,9 +6,9 @@ import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps, Classes } from '@toptal/picasso-shared' import { addClassesToChildren } from '@toptal/picasso-shared' +import Button from '@toptal/picasso-button' +import ButtonGroupItem from '@toptal/picasso-button-group-item' -import Button from '../Button' -import ButtonGroupItem from '../ButtonGroupItem' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/ButtonGroup/index.ts b/packages/picasso/src/ButtonGroup/index.ts index 66e40ff865..3871f03531 100644 --- a/packages/picasso/src/ButtonGroup/index.ts +++ b/packages/picasso/src/ButtonGroup/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './ButtonGroup' diff --git a/packages/picasso/src/ButtonGroup/package.json b/packages/picasso/src/ButtonGroup/package.json new file mode 100644 index 0000000000..28754bd89d --- /dev/null +++ b/packages/picasso/src/ButtonGroup/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-button-group", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-button-group-item": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonGroup/styles.ts b/packages/picasso/src/ButtonGroup/styles.ts index 32cfc641e4..0f26e58ed9 100644 --- a/packages/picasso/src/ButtonGroup/styles.ts +++ b/packages/picasso/src/ButtonGroup/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' const baseButtonProps = { diff --git a/packages/picasso/src/ButtonGroupItem/ButtonGroupItem.tsx b/packages/picasso/src/ButtonGroupItem/ButtonGroupItem.tsx index 4f29b53aa5..462da583c3 100644 --- a/packages/picasso/src/ButtonGroupItem/ButtonGroupItem.tsx +++ b/packages/picasso/src/ButtonGroupItem/ButtonGroupItem.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core' import { makeStyles } from '@material-ui/core' import cx from 'classnames' +import type { ButtonProps } from '@toptal/picasso-button' +import Button from '@toptal/picasso-button' -import type { ButtonProps } from '../Button' -import Button from '../Button' import styles from './styles' const useStyles = makeStyles(styles, { diff --git a/packages/picasso/src/ButtonGroupItem/index.ts b/packages/picasso/src/ButtonGroupItem/index.ts index 5f7e5229f0..08def4b8de 100644 --- a/packages/picasso/src/ButtonGroupItem/index.ts +++ b/packages/picasso/src/ButtonGroupItem/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './ButtonGroupItem' diff --git a/packages/picasso/src/ButtonGroupItem/package.json b/packages/picasso/src/ButtonGroupItem/package.json new file mode 100644 index 0000000000..20fadc932d --- /dev/null +++ b/packages/picasso/src/ButtonGroupItem/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-button-group-item", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-button/styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonGroupItem/styles.ts b/packages/picasso/src/ButtonGroupItem/styles.ts index 4c19685bb4..11c7284980 100644 --- a/packages/picasso/src/ButtonGroupItem/styles.ts +++ b/packages/picasso/src/ButtonGroupItem/styles.ts @@ -1,11 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - import { createOutlineCommons, activeGroup, disabledGroup, -} from '../Button/styles' +} from '@toptal/picasso-button/styles' export default (theme: Theme) => createStyles({ diff --git a/packages/picasso/src/ButtonLoader/ButtonLoader.tsx b/packages/picasso/src/ButtonLoader/ButtonLoader.tsx index b995a717a2..193f15e1e1 100644 --- a/packages/picasso/src/ButtonLoader/ButtonLoader.tsx +++ b/packages/picasso/src/ButtonLoader/ButtonLoader.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { BaseProps } from '@toptal/picasso-shared' import ContentLoader from 'react-content-loader' - -import { loaderPalette } from '../utils' -import type { ButtonProps } from '../Button' +import { loaderPalette } from '@toptal/picasso-utils' +import type { ButtonProps } from '@toptal/picasso-button' export interface Props extends BaseProps, Pick { circular?: boolean diff --git a/packages/picasso/src/ButtonLoader/index.ts b/packages/picasso/src/ButtonLoader/index.ts index 8e66edf76a..531397241b 100644 --- a/packages/picasso/src/ButtonLoader/index.ts +++ b/packages/picasso/src/ButtonLoader/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './ButtonLoader' diff --git a/packages/picasso/src/ButtonLoader/package.json b/packages/picasso/src/ButtonLoader/package.json new file mode 100644 index 0000000000..632498ae2d --- /dev/null +++ b/packages/picasso/src/ButtonLoader/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-button-loader", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-button": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonRadio/ButtonRadio.tsx b/packages/picasso/src/ButtonRadio/ButtonRadio.tsx index cd5b8a7513..1c071ed6fa 100644 --- a/packages/picasso/src/ButtonRadio/ButtonRadio.tsx +++ b/packages/picasso/src/ButtonRadio/ButtonRadio.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' - -import Radio from '../Radio' -import type { ButtonControlLabelProps } from '../ButtonControlLabel' -import ButtonControlLabel from '../ButtonControlLabel' +import Radio from '@toptal/picasso-radio' +import type { ButtonControlLabelProps } from '@toptal/picasso-button-control-label' +import ButtonControlLabel from '@toptal/picasso-button-control-label' export interface Props extends Omit { testIds?: { diff --git a/packages/picasso/src/ButtonRadio/index.ts b/packages/picasso/src/ButtonRadio/index.ts index 51718610de..78415efd44 100644 --- a/packages/picasso/src/ButtonRadio/index.ts +++ b/packages/picasso/src/ButtonRadio/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Props } from './ButtonRadio' export { default } from './ButtonRadio' diff --git a/packages/picasso/src/ButtonRadio/package.json b/packages/picasso/src/ButtonRadio/package.json new file mode 100644 index 0000000000..d803cf5d07 --- /dev/null +++ b/packages/picasso/src/ButtonRadio/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-button-radio", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-radio": "^1.0.0", + "@toptal/picasso-button-control-label": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonSplit/ButtonSplit.tsx b/packages/picasso/src/ButtonSplit/ButtonSplit.tsx index 897ea0d7c2..c341003060 100644 --- a/packages/picasso/src/ButtonSplit/ButtonSplit.tsx +++ b/packages/picasso/src/ButtonSplit/ButtonSplit.tsx @@ -1,15 +1,16 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, MouseEvent, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { SizeType, BaseProps } from '@toptal/picasso-shared' import cx from 'classnames' +import { ArrowDownMinor24, ArrowDownMinor16 } from '@toptal/picasso-icon' +import type { ButtonProps } from '@toptal/picasso-button' +import Button from '@toptal/picasso-button' +import ButtonGroup from '@toptal/picasso-button-group' +import Dropdown from '@toptal/picasso-dropdown' -import { ArrowDownMinor24, ArrowDownMinor16 } from '../Icon' -import type { ButtonProps } from '../Button' -import Button from '../Button' -import ButtonGroup from '../ButtonGroup' -import Dropdown from '../Dropdown' import styles from './styles' export interface Props diff --git a/packages/picasso/src/ButtonSplit/index.ts b/packages/picasso/src/ButtonSplit/index.ts index b7a57fa22c..7538b379ef 100644 --- a/packages/picasso/src/ButtonSplit/index.ts +++ b/packages/picasso/src/ButtonSplit/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './ButtonSplit' diff --git a/packages/picasso/src/ButtonSplit/package.json b/packages/picasso/src/ButtonSplit/package.json new file mode 100644 index 0000000000..a87558616e --- /dev/null +++ b/packages/picasso/src/ButtonSplit/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-button-split", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-button-group": "^1.0.0", + "@toptal/picasso-dropdown": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ButtonSplit/styles.ts b/packages/picasso/src/ButtonSplit/styles.ts index 75791b3541..52e2e1f9fe 100644 --- a/packages/picasso/src/ButtonSplit/styles.ts +++ b/packages/picasso/src/ButtonSplit/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Calendar/Calendar.tsx b/packages/picasso/src/Calendar/Calendar.tsx index d96255fdf9..b92e61a8a9 100644 --- a/packages/picasso/src/Calendar/Calendar.tsx +++ b/packages/picasso/src/Calendar/Calendar.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef, useCallback, @@ -17,21 +18,21 @@ import { DayPicker } from 'react-day-picker' import isWeekend from 'date-fns/isWeekend' import { format, isEqual } from 'date-fns' import { useBreakpoint } from '@toptal/picasso-provider' +import type { RenderDay } from '@toptal/picasso-calendar-day' +import CalendarDay from '@toptal/picasso-calendar-day' +import type { RenderMonthHeader } from '@toptal/picasso-calendar-month-header' +import CalendarMonthHeader from '@toptal/picasso-calendar-month-header' +import CalendarContext from '@toptal/picasso-calendar-context' +import type { RenderRoot } from '@toptal/picasso-calendar-container' +import CalendarContainer from '@toptal/picasso-calendar-container' -import styles from './styles' -import type { RenderDay } from '../CalendarDay' -import CalendarDay from '../CalendarDay' -import type { RenderMonthHeader } from '../CalendarMonthHeader' -import CalendarMonthHeader from '../CalendarMonthHeader' -import CalendarContext from '../CalendarContext' import type { CalendarDateRange, DateOrDateRangeType, DateRangeType, WeekStart, } from './types' -import type { RenderRoot } from '../CalendarContainer' -import CalendarContainer from '../CalendarContainer' +import styles from './styles' export type CalendarMonthsAmount = 1 | 2 diff --git a/packages/picasso/src/Calendar/index.ts b/packages/picasso/src/Calendar/index.ts index 491cc4156b..a8b1cbe1df 100644 --- a/packages/picasso/src/Calendar/index.ts +++ b/packages/picasso/src/Calendar/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './Calendar' export * from './Calendar' export type { diff --git a/packages/picasso/src/Calendar/package.json b/packages/picasso/src/Calendar/package.json new file mode 100644 index 0000000000..9d256a6244 --- /dev/null +++ b/packages/picasso/src/Calendar/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-calendar", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-calendar-day": "^1.0.0", + "@toptal/picasso-calendar-month-header": "^1.0.0", + "@toptal/picasso-calendar-context": "^1.0.0", + "@toptal/picasso-calendar-container": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Calendar/styles.ts b/packages/picasso/src/Calendar/styles.ts index 33e5f22475..f78f4f8e7b 100644 --- a/packages/picasso/src/Calendar/styles.ts +++ b/packages/picasso/src/Calendar/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Calendar/types.ts b/packages/picasso/src/Calendar/types.ts index 606d0b65b3..6f763e4024 100644 --- a/packages/picasso/src/Calendar/types.ts +++ b/packages/picasso/src/Calendar/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import type { DayPickerDefaultProps } from 'react-day-picker' diff --git a/packages/picasso/src/CalendarContainer/CalendarContainer.tsx b/packages/picasso/src/CalendarContainer/CalendarContainer.tsx index f55cae0349..cafef76ca2 100644 --- a/packages/picasso/src/CalendarContainer/CalendarContainer.tsx +++ b/packages/picasso/src/CalendarContainer/CalendarContainer.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import { useCalendar } from '@toptal/picasso-calendar-context' import styles from './styles' -import { useCalendar } from '../CalendarContext' const useStyles = makeStyles(styles, { name: 'PicassoCalendarContainer', diff --git a/packages/picasso/src/CalendarContainer/index.ts b/packages/picasso/src/CalendarContainer/index.ts index 39ce413646..e192775891 100644 --- a/packages/picasso/src/CalendarContainer/index.ts +++ b/packages/picasso/src/CalendarContainer/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './CalendarContainer' export * from './CalendarContainer' diff --git a/packages/picasso/src/CalendarContainer/package.json b/packages/picasso/src/CalendarContainer/package.json new file mode 100644 index 0000000000..e47ac65ae9 --- /dev/null +++ b/packages/picasso/src/CalendarContainer/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-calendar-container", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-calendar-context": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/CalendarContainer/styles.ts b/packages/picasso/src/CalendarContainer/styles.ts index 0ed50d17e6..adc3490eea 100644 --- a/packages/picasso/src/CalendarContainer/styles.ts +++ b/packages/picasso/src/CalendarContainer/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { rem } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/CalendarContext/CalendarContext.tsx b/packages/picasso/src/CalendarContext/CalendarContext.tsx index 424f089e05..41da514afb 100644 --- a/packages/picasso/src/CalendarContext/CalendarContext.tsx +++ b/packages/picasso/src/CalendarContext/CalendarContext.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useContext } from 'react' - -import type { RenderRoot } from '../CalendarContainer' -import type { RenderDay } from '../CalendarDay' -import type { RenderMonthHeader } from '../CalendarMonthHeader' +import type { RenderRoot } from '@toptal/picasso-calendar-container' +import type { RenderDay } from '@toptal/picasso-calendar-day' +import type { RenderMonthHeader } from '@toptal/picasso-calendar-month-header' /** * Context for passing values to underlying components (passing additional diff --git a/packages/picasso/src/CalendarContext/index.ts b/packages/picasso/src/CalendarContext/index.ts index 681fc81926..8ac7a912d0 100644 --- a/packages/picasso/src/CalendarContext/index.ts +++ b/packages/picasso/src/CalendarContext/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default, useCalendar } from './CalendarContext' diff --git a/packages/picasso/src/CalendarContext/package.json b/packages/picasso/src/CalendarContext/package.json new file mode 100644 index 0000000000..0a4e98c86d --- /dev/null +++ b/packages/picasso/src/CalendarContext/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-calendar-context", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-calendar-container": "^1.0.0", + "@toptal/picasso-calendar-day": "^1.0.0", + "@toptal/picasso-calendar-month-header": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/CalendarDay/CalendarDay.tsx b/packages/picasso/src/CalendarDay/CalendarDay.tsx index 97089466c1..f9ae9caf83 100644 --- a/packages/picasso/src/CalendarDay/CalendarDay.tsx +++ b/packages/picasso/src/CalendarDay/CalendarDay.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { useRef } from 'react' import type { DayProps } from 'react-day-picker' @@ -13,11 +14,11 @@ import { isBefore, startOfMonth, } from 'date-fns' +import { CalendarIndicators } from '@toptal/picasso-calendar-indicators' +import { useCalendar } from '@toptal/picasso-calendar-context' +import type { DayProps as RenderDayProps } from '@toptal/picasso-calendar' import styles from './styles' -import { CalendarIndicators } from '../CalendarIndicators' -import { useCalendar } from '../CalendarContext' -import type { DayProps as RenderDayProps } from '../Calendar' export type RenderDay = (args: RenderDayProps) => ReactNode diff --git a/packages/picasso/src/CalendarDay/index.ts b/packages/picasso/src/CalendarDay/index.ts index 5f0b08cd50..b6b135f4b4 100644 --- a/packages/picasso/src/CalendarDay/index.ts +++ b/packages/picasso/src/CalendarDay/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './CalendarDay' export * from './CalendarDay' diff --git a/packages/picasso/src/CalendarDay/package.json b/packages/picasso/src/CalendarDay/package.json new file mode 100644 index 0000000000..fe91638a18 --- /dev/null +++ b/packages/picasso/src/CalendarDay/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-calendar-day", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-calendar-indicators": "^1.0.0", + "@toptal/picasso-calendar-context": "^1.0.0", + "@toptal/picasso-calendar": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/CalendarDay/styles.ts b/packages/picasso/src/CalendarDay/styles.ts index 28049b352e..ba39d5bf8b 100644 --- a/packages/picasso/src/CalendarDay/styles.ts +++ b/packages/picasso/src/CalendarDay/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/CalendarIndicators/CalendarIndicators.tsx b/packages/picasso/src/CalendarIndicators/CalendarIndicators.tsx index 6dd83518aa..95043079ad 100644 --- a/packages/picasso/src/CalendarIndicators/CalendarIndicators.tsx +++ b/packages/picasso/src/CalendarIndicators/CalendarIndicators.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/CalendarIndicators/index.ts b/packages/picasso/src/CalendarIndicators/index.ts index acd1387d39..269bd71d09 100644 --- a/packages/picasso/src/CalendarIndicators/index.ts +++ b/packages/picasso/src/CalendarIndicators/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export * from './CalendarIndicators' diff --git a/packages/picasso/src/CalendarIndicators/package.json b/packages/picasso/src/CalendarIndicators/package.json new file mode 100644 index 0000000000..edd47e23d8 --- /dev/null +++ b/packages/picasso/src/CalendarIndicators/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-calendar-indicators", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/CalendarIndicators/styles.ts b/packages/picasso/src/CalendarIndicators/styles.ts index f0917b04ba..5841d074c1 100644 --- a/packages/picasso/src/CalendarIndicators/styles.ts +++ b/packages/picasso/src/CalendarIndicators/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/CalendarMonthHeader/CalendarMonthHeader.tsx b/packages/picasso/src/CalendarMonthHeader/CalendarMonthHeader.tsx index fcf420ca15..b6b796acc5 100644 --- a/packages/picasso/src/CalendarMonthHeader/CalendarMonthHeader.tsx +++ b/packages/picasso/src/CalendarMonthHeader/CalendarMonthHeader.tsx @@ -1,13 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import { useDayPicker, useNavigation } from 'react-day-picker' import isSameMonth from 'date-fns/isSameMonth' - -import ButtonCircular from '../ButtonCircular' -import Typography from '../Typography' -import { ChevronMinor24, BackMinor24 } from '../Icon' -import Container from '../Container' -import { useCalendar } from '../CalendarContext' +import ButtonCircular from '@toptal/picasso-button-circular' +import Typography from '@toptal/picasso-typography' +import { ChevronMinor24, BackMinor24 } from '@toptal/picasso-icon' +import Container from '@toptal/picasso-container' +import { useCalendar } from '@toptal/picasso-calendar-context' interface RenderMonthHeaderProps { /** Unique key */ diff --git a/packages/picasso/src/CalendarMonthHeader/index.ts b/packages/picasso/src/CalendarMonthHeader/index.ts index aa5c65dad6..8d73fa4e10 100644 --- a/packages/picasso/src/CalendarMonthHeader/index.ts +++ b/packages/picasso/src/CalendarMonthHeader/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './CalendarMonthHeader' export * from './CalendarMonthHeader' diff --git a/packages/picasso/src/CalendarMonthHeader/package.json b/packages/picasso/src/CalendarMonthHeader/package.json new file mode 100644 index 0000000000..72d9da53a1 --- /dev/null +++ b/packages/picasso/src/CalendarMonthHeader/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-calendar-month-header", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-calendar-context": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Carousel/Carousel.tsx b/packages/picasso/src/Carousel/Carousel.tsx index fd22c504e5..71d594cd04 100644 --- a/packages/picasso/src/Carousel/Carousel.tsx +++ b/packages/picasso/src/Carousel/Carousel.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' @@ -5,12 +6,12 @@ import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import 'glider-js/glider.css' import type { BaseProps } from '@toptal/picasso-shared' +import Container from '@toptal/picasso-container' +import CarouselGradient from '@toptal/picasso-carousel-gradient' +import CarouselNavigation from '@toptal/picasso-carousel-navigation' -import styles from './styles' -import Container from '../Container' -import CarouselGradient from '../CarouselGradient' import useCarousel from './hooks/useCarousel' -import CarouselNavigation from '../CarouselNavigation' +import styles from './styles' const useStyles = makeStyles(styles, { name: 'Carousel' }) diff --git a/packages/picasso/src/Carousel/index.ts b/packages/picasso/src/Carousel/index.ts index f7851db69c..d0c7f284af 100644 --- a/packages/picasso/src/Carousel/index.ts +++ b/packages/picasso/src/Carousel/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Carousel' diff --git a/packages/picasso/src/Carousel/package.json b/packages/picasso/src/Carousel/package.json new file mode 100644 index 0000000000..a60517cf9b --- /dev/null +++ b/packages/picasso/src/Carousel/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-carousel", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-carousel-gradient": "^1.0.0", + "@toptal/picasso-carousel-navigation": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Carousel/styles.ts b/packages/picasso/src/Carousel/styles.ts index d53dbfee8b..864234ca96 100644 --- a/packages/picasso/src/Carousel/styles.ts +++ b/packages/picasso/src/Carousel/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/CarouselGradient/CarouselGradient.tsx b/packages/picasso/src/CarouselGradient/CarouselGradient.tsx index 5e8954767d..18d3954e0d 100644 --- a/packages/picasso/src/CarouselGradient/CarouselGradient.tsx +++ b/packages/picasso/src/CarouselGradient/CarouselGradient.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useMemo } from 'react' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/CarouselGradient/index.ts b/packages/picasso/src/CarouselGradient/index.ts index feba9b35a1..007d24e44d 100644 --- a/packages/picasso/src/CarouselGradient/index.ts +++ b/packages/picasso/src/CarouselGradient/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './CarouselGradient' diff --git a/packages/picasso/src/CarouselGradient/package.json b/packages/picasso/src/CarouselGradient/package.json new file mode 100644 index 0000000000..a0a818211d --- /dev/null +++ b/packages/picasso/src/CarouselGradient/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-carousel-gradient", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/CarouselGradient/styles.ts b/packages/picasso/src/CarouselGradient/styles.ts index 90e152effc..965faac510 100644 --- a/packages/picasso/src/CarouselGradient/styles.ts +++ b/packages/picasso/src/CarouselGradient/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/CarouselNavigation/CarouselNavigation.tsx b/packages/picasso/src/CarouselNavigation/CarouselNavigation.tsx index a911c1729f..42cb6cab7b 100644 --- a/packages/picasso/src/CarouselNavigation/CarouselNavigation.tsx +++ b/packages/picasso/src/CarouselNavigation/CarouselNavigation.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { memo } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import ButtonCircular from '@toptal/picasso-button-circular' +import Container from '@toptal/picasso-container' +import ChevronRight24 from '@toptal/picasso-icon/-chevron-right24' import styles from './styles' -import ButtonCircular from '../ButtonCircular' -import Container from '../Container' -import ChevronRight24 from '../Icon/ChevronRight24' const getJustifyContent = (hasArrows: boolean, hasDots: boolean) => { if (hasArrows && hasDots) { diff --git a/packages/picasso/src/CarouselNavigation/index.ts b/packages/picasso/src/CarouselNavigation/index.ts index e4ee315efb..882c4719dc 100644 --- a/packages/picasso/src/CarouselNavigation/index.ts +++ b/packages/picasso/src/CarouselNavigation/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './CarouselNavigation' diff --git a/packages/picasso/src/CarouselNavigation/package.json b/packages/picasso/src/CarouselNavigation/package.json new file mode 100644 index 0000000000..2d38558d2b --- /dev/null +++ b/packages/picasso/src/CarouselNavigation/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-carousel-navigation", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon/-chevron-right24": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/CarouselNavigation/styles.ts b/packages/picasso/src/CarouselNavigation/styles.ts index 5c42e551b0..e22d385642 100644 --- a/packages/picasso/src/CarouselNavigation/styles.ts +++ b/packages/picasso/src/CarouselNavigation/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { rem } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Checkbox/Checkbox.tsx b/packages/picasso/src/Checkbox/Checkbox.tsx index 3fd06de7dc..c669f60456 100644 --- a/packages/picasso/src/Checkbox/Checkbox.tsx +++ b/packages/picasso/src/Checkbox/Checkbox.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { Checkbox as MUICheckbox } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' @@ -9,10 +10,10 @@ import type { import cx from 'classnames' import type { ComponentProps, ReactNode } from 'react' import React, { forwardRef } from 'react' +import type { RequiredDecoration } from '@toptal/picasso-form-label' +import Container from '@toptal/picasso-container' +import FormControlLabel from '@toptal/picasso-form-control-label' -import type { RequiredDecoration } from '../FormLabel' -import Container from '../Container' -import FormControlLabel from '../FormControlLabel' import styles from './styles' const useStyles = makeStyles(styles, { name: 'PicassoCheckbox' }) diff --git a/packages/picasso/src/Checkbox/index.ts b/packages/picasso/src/Checkbox/index.ts index 69d277f8eb..35780c6b2c 100644 --- a/packages/picasso/src/Checkbox/index.ts +++ b/packages/picasso/src/Checkbox/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as InternalCheckboxProps } from './Checkbox' diff --git a/packages/picasso/src/Checkbox/package.json b/packages/picasso/src/Checkbox/package.json new file mode 100644 index 0000000000..94dca3c323 --- /dev/null +++ b/packages/picasso/src/Checkbox/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-checkbox", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-form-label": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-form-control-label": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Checkbox/styles.ts b/packages/picasso/src/Checkbox/styles.ts index fac319f795..df83b5c027 100644 --- a/packages/picasso/src/Checkbox/styles.ts +++ b/packages/picasso/src/Checkbox/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { mix, outline } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/CheckboxCompound/index.ts b/packages/picasso/src/CheckboxCompound/index.ts index 18ff861680..e634ce2d52 100644 --- a/packages/picasso/src/CheckboxCompound/index.ts +++ b/packages/picasso/src/CheckboxCompound/index.ts @@ -1,5 +1,6 @@ -import Checkbox from '../Checkbox' -import CheckboxGroup from '../CheckboxGroup' +/* eslint-disable import/no-extraneous-dependencies */ +import Checkbox from '@toptal/picasso-checkbox' +import CheckboxGroup from '@toptal/picasso-checkbox-group' export const CheckboxCompound = Object.assign(Checkbox, { Group: CheckboxGroup, diff --git a/packages/picasso/src/CheckboxCompound/package.json b/packages/picasso/src/CheckboxCompound/package.json new file mode 100644 index 0000000000..bbfdb7315e --- /dev/null +++ b/packages/picasso/src/CheckboxCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-checkbox-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-checkbox": "^1.0.0", + "@toptal/picasso-checkbox-group": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/CheckboxGroup/CheckboxGroup.tsx b/packages/picasso/src/CheckboxGroup/CheckboxGroup.tsx index 5e7d485a8a..fd2fe24ccd 100644 --- a/packages/picasso/src/CheckboxGroup/CheckboxGroup.tsx +++ b/packages/picasso/src/CheckboxGroup/CheckboxGroup.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable react/no-array-index-key */ import React from 'react' import type { FormGroupProps } from '@material-ui/core' @@ -5,10 +6,10 @@ import { FormGroup } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles, useTheme } from '@material-ui/core/styles' import cx from 'classnames' +import type { GridSizeProps } from '@toptal/picasso-grid-item' +import type { GridProps } from '@toptal/picasso-grid' +import { GridCompound as Grid } from '@toptal/picasso-grid-compound' -import type { GridSizeProps } from '../GridItem' -import type { GridProps } from '../Grid' -import { GridCompound as Grid } from '../GridCompound' import styles from './styles' type GridSpacing = GridProps['spacing'] diff --git a/packages/picasso/src/CheckboxGroup/index.ts b/packages/picasso/src/CheckboxGroup/index.ts index 3b22bf25ed..0fd7b7d6f0 100644 --- a/packages/picasso/src/CheckboxGroup/index.ts +++ b/packages/picasso/src/CheckboxGroup/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './CheckboxGroup' diff --git a/packages/picasso/src/CheckboxGroup/package.json b/packages/picasso/src/CheckboxGroup/package.json new file mode 100644 index 0000000000..63053a7397 --- /dev/null +++ b/packages/picasso/src/CheckboxGroup/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-checkbox-group", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-grid-item": "^1.0.0", + "@toptal/picasso-grid": "^1.0.0", + "@toptal/picasso-grid-compound": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/CheckboxGroup/styles.ts b/packages/picasso/src/CheckboxGroup/styles.ts index 3e62ac68e0..679596d3a1 100644 --- a/packages/picasso/src/CheckboxGroup/styles.ts +++ b/packages/picasso/src/CheckboxGroup/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/Chip/index.ts b/packages/picasso/src/Chip/index.ts index 8a4cb936e4..f4b7f64a28 100644 --- a/packages/picasso/src/Chip/index.ts +++ b/packages/picasso/src/Chip/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import './styles' export { Chip as default } from '@material-ui/core' diff --git a/packages/picasso/src/Chip/package.json b/packages/picasso/src/Chip/package.json new file mode 100644 index 0000000000..52e64c6eba --- /dev/null +++ b/packages/picasso/src/Chip/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-chip", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Chip/styles.ts b/packages/picasso/src/Chip/styles.ts index 121272b15a..1c5a676b8c 100644 --- a/packages/picasso/src/Chip/styles.ts +++ b/packages/picasso/src/Chip/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/CircularProgress/CircularProgress.tsx b/packages/picasso/src/CircularProgress/CircularProgress.tsx index b12e47ebf1..09c5e74d7c 100644 --- a/packages/picasso/src/CircularProgress/CircularProgress.tsx +++ b/packages/picasso/src/CircularProgress/CircularProgress.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/CircularProgress/index.ts b/packages/picasso/src/CircularProgress/index.ts index 4cd15b902d..2eea045257 100644 --- a/packages/picasso/src/CircularProgress/index.ts +++ b/packages/picasso/src/CircularProgress/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './CircularProgress' diff --git a/packages/picasso/src/CircularProgress/package.json b/packages/picasso/src/CircularProgress/package.json new file mode 100644 index 0000000000..d779e4ac41 --- /dev/null +++ b/packages/picasso/src/CircularProgress/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-circular-progress", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/CircularProgress/styles.ts b/packages/picasso/src/CircularProgress/styles.ts index ab4ed9714a..1d5f9a8750 100644 --- a/packages/picasso/src/CircularProgress/styles.ts +++ b/packages/picasso/src/CircularProgress/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/Container/Container.tsx b/packages/picasso/src/Container/Container.tsx index b200aef499..e4d20aef5b 100644 --- a/packages/picasso/src/Container/Container.tsx +++ b/packages/picasso/src/Container/Container.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { PropTypes } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' @@ -7,9 +8,9 @@ import type { StandardProps } from '@toptal/picasso-shared' import cx from 'classnames' import type { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react' import React from 'react' +import { documentable, forwardRef } from '@toptal/picasso-utils/forward-ref' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import { documentable, forwardRef } from '../utils/forward-ref' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import type { AlignItemsType, JustifyContentType, VariantType } from './styles' import styles from './styles' import { diff --git a/packages/picasso/src/Container/index.ts b/packages/picasso/src/Container/index.ts index 50efc19b11..f9d51c7b52 100644 --- a/packages/picasso/src/Container/index.ts +++ b/packages/picasso/src/Container/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Container' diff --git a/packages/picasso/src/Container/package.json b/packages/picasso/src/Container/package.json new file mode 100644 index 0000000000..d0ffda7043 --- /dev/null +++ b/packages/picasso/src/Container/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-container", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/forward-ref": "^1.0.0", + "@toptal/picasso-utils/kebab-to-camel-case": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Container/styles.ts b/packages/picasso/src/Container/styles.ts index f130e5580e..2a12fdf7f8 100644 --- a/packages/picasso/src/Container/styles.ts +++ b/packages/picasso/src/Container/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { capitalize, type Color } from '@material-ui/core' diff --git a/packages/picasso/src/DatePicker/DatePicker.tsx b/packages/picasso/src/DatePicker/DatePicker.tsx index bc61716208..6275bbbe89 100644 --- a/packages/picasso/src/DatePicker/DatePicker.tsx +++ b/packages/picasso/src/DatePicker/DatePicker.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable max-lines-per-function, max-lines */ /* eslint-disable complexity, max-statements */ // Squiggly lines makes code difficult to work with import type { Theme } from '@material-ui/core/styles' @@ -7,22 +8,25 @@ import formatDate from 'date-fns/format' import type PopperJs from 'popper.js' import type { KeyboardEvent, ReactNode } from 'react' import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react' - -import { Calendar16 } from '../Icon' -import Popper from '../Popper' -import Container from '../Container' -import type { InputProps } from '../Input' -import Input from '../Input' -import InputAdornment from '../InputAdornment' -import { ClickAwayListener, noop } from '../utils' +import { Calendar16 } from '@toptal/picasso-icon' +import Popper from '@toptal/picasso-popper' +import Container from '@toptal/picasso-container' +import type { InputProps } from '@toptal/picasso-input' +import Input from '@toptal/picasso-input' +import InputAdornment from '@toptal/picasso-input-adornment' +import { ClickAwayListener, noop } from '@toptal/picasso-utils' import type { CalendarDateRange, DateOrDateRangeType, DateRangeType, WeekStart, CalendarMonthsAmount, -} from '../Calendar' -import Calendar from '../Calendar' +} from '@toptal/picasso-calendar' +import Calendar from '@toptal/picasso-calendar' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import type { Status } from '@toptal/picasso-outlined-input' +import type { RenderDay } from '@toptal/picasso-calendar-day' + import { DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, @@ -37,9 +41,6 @@ import { timezoneFormat, getStartOfTheDayDate, } from './utils' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import type { Status } from '../OutlinedInput' -import type { RenderDay } from '../CalendarDay' const EMPTY_INPUT_VALUE = '' diff --git a/packages/picasso/src/DatePicker/constants.ts b/packages/picasso/src/DatePicker/constants.ts index 942d7ea684..2aa2d7a8d5 100644 --- a/packages/picasso/src/DatePicker/constants.ts +++ b/packages/picasso/src/DatePicker/constants.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { PopperOptions } from 'popper.js' export const DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT = 'MM-dd-yyyy' diff --git a/packages/picasso/src/DatePicker/index.ts b/packages/picasso/src/DatePicker/index.ts index 6b4c9cf99b..7c96c8801e 100644 --- a/packages/picasso/src/DatePicker/index.ts +++ b/packages/picasso/src/DatePicker/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './DatePicker' export type { Props as DatePickerProps } from './DatePicker' export type { diff --git a/packages/picasso/src/DatePicker/package.json b/packages/picasso/src/DatePicker/package.json new file mode 100644 index 0000000000..e67f7b2f39 --- /dev/null +++ b/packages/picasso/src/DatePicker/package.json @@ -0,0 +1,17 @@ +{ + "name": "@toptal/picasso-date-picker", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-popper": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-input": "^1.0.0", + "@toptal/picasso-input-adornment": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-calendar": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-outlined-input": "^1.0.0", + "@toptal/picasso-calendar-day": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/DatePicker/styles.ts b/packages/picasso/src/DatePicker/styles.ts index f4f9de9f57..4fdc2c9252 100644 --- a/packages/picasso/src/DatePicker/styles.ts +++ b/packages/picasso/src/DatePicker/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/DatePicker/types.ts b/packages/picasso/src/DatePicker/types.ts index 627bbcf5e8..5880f5a423 100644 --- a/packages/picasso/src/DatePicker/types.ts +++ b/packages/picasso/src/DatePicker/types.ts @@ -1,4 +1,5 @@ -import type { DateOrDateRangeType } from '../Calendar' +/* eslint-disable import/no-extraneous-dependencies */ +import type { DateOrDateRangeType } from '@toptal/picasso-calendar' export type DatePickerValue = DateOrDateRangeType | null diff --git a/packages/picasso/src/DatePicker/utils.ts b/packages/picasso/src/DatePicker/utils.ts index d46ad0756e..ae2ad537cb 100644 --- a/packages/picasso/src/DatePicker/utils.ts +++ b/packages/picasso/src/DatePicker/utils.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import parse from 'date-fns/parse' import isValid from 'date-fns/isValid' import formatDate from 'date-fns/format' @@ -6,9 +7,12 @@ import isEqual from 'date-fns/isEqual' import isBefore from 'date-fns/isBefore' import isAfter from 'date-fns/isAfter' import { utcToZonedTime, format as tzFormat, toDate } from 'date-fns-tz' +import type { + DateOrDateRangeType, + DateRangeType, +} from '@toptal/picasso-calendar' import type { DatePickerInputValueParserParameters } from './types' -import type { DateOrDateRangeType, DateRangeType } from '../Calendar' // Convert date to given timezone. If timezone is undefined, return given date as is. export const timezoneConvert = ( diff --git a/packages/picasso/src/Drawer/Drawer.tsx b/packages/picasso/src/Drawer/Drawer.tsx index e614c3e5b7..5f5aca8adc 100644 --- a/packages/picasso/src/Drawer/Drawer.tsx +++ b/packages/picasso/src/Drawer/Drawer.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { Drawer as MUIDrawer } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles, useTheme } from '@material-ui/core/styles' @@ -6,14 +7,14 @@ import type { BaseProps, TransitionProps } from '@toptal/picasso-shared' import { useDrawer, usePicassoRoot } from '@toptal/picasso-provider' import type { ReactNode } from 'react' import React from 'react' +import { CloseMinor16 } from '@toptal/picasso-icon' +import ButtonCircular from '@toptal/picasso-button-circular' +import Container from '@toptal/picasso-container' +import DrawerTitle from '@toptal/picasso-drawer-title' +import { useIsomorphicLayoutEffect } from '@toptal/picasso-utils' +import { usePageScrollLock } from '@toptal/picasso-utils/use-page-scroll-lock' -import { CloseMinor16 } from '../Icon' import styles from './styles' -import ButtonCircular from '../ButtonCircular' -import Container from '../Container' -import DrawerTitle from '../DrawerTitle' -import { useIsomorphicLayoutEffect } from '../utils' -import { usePageScrollLock } from '../utils/use-page-scroll-lock' type AnchorType = 'bottom' | 'left' | 'right' | 'top' diff --git a/packages/picasso/src/Drawer/index.ts b/packages/picasso/src/Drawer/index.ts index 2c9e59142b..55340b8329 100644 --- a/packages/picasso/src/Drawer/index.ts +++ b/packages/picasso/src/Drawer/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Drawer' diff --git a/packages/picasso/src/Drawer/package.json b/packages/picasso/src/Drawer/package.json new file mode 100644 index 0000000000..0e62310b05 --- /dev/null +++ b/packages/picasso/src/Drawer/package.json @@ -0,0 +1,13 @@ +{ + "name": "@toptal/picasso-drawer", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-drawer-title": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-utils/use-page-scroll-lock": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Drawer/styles.ts b/packages/picasso/src/Drawer/styles.ts index fd69c4629d..151c886542 100644 --- a/packages/picasso/src/Drawer/styles.ts +++ b/packages/picasso/src/Drawer/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/DrawerTitle/DrawerTitle.tsx b/packages/picasso/src/DrawerTitle/DrawerTitle.tsx index 8289926ba6..73c76187bb 100644 --- a/packages/picasso/src/DrawerTitle/DrawerTitle.tsx +++ b/packages/picasso/src/DrawerTitle/DrawerTitle.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import Typography from '@toptal/picasso-typography' +import Container from '@toptal/picasso-container' import styles from './styles' -import Typography from '../Typography' -import Container from '../Container' export interface Props extends BaseProps { title?: ReactNode diff --git a/packages/picasso/src/DrawerTitle/index.ts b/packages/picasso/src/DrawerTitle/index.ts index cf9046f282..df9f84c0c7 100644 --- a/packages/picasso/src/DrawerTitle/index.ts +++ b/packages/picasso/src/DrawerTitle/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './DrawerTitle' diff --git a/packages/picasso/src/DrawerTitle/package.json b/packages/picasso/src/DrawerTitle/package.json new file mode 100644 index 0000000000..ac1974cb44 --- /dev/null +++ b/packages/picasso/src/DrawerTitle/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-drawer-title", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-container": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/DrawerTitle/styles.ts b/packages/picasso/src/DrawerTitle/styles.ts index 3fc6a98ec9..ed1b575415 100644 --- a/packages/picasso/src/DrawerTitle/styles.ts +++ b/packages/picasso/src/DrawerTitle/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Dropdown/Dropdown.tsx b/packages/picasso/src/Dropdown/Dropdown.tsx index 43db30094d..08374f5f2a 100644 --- a/packages/picasso/src/Dropdown/Dropdown.tsx +++ b/packages/picasso/src/Dropdown/Dropdown.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react' import React, { forwardRef, useContext, useRef, useState } from 'react' import ClickAwayListener from '@material-ui/core/ClickAwayListener' @@ -13,12 +14,12 @@ import type { SpacingType, } from '@toptal/picasso-provider' import { makeResponsiveSpacingProps } from '@toptal/picasso-provider' +import Popper from '@toptal/picasso-popper' +import Paper from '@toptal/picasso-paper' +import noop from '@toptal/picasso-utils/noop' -import Popper from '../Popper' -import Paper from '../Paper' import type { StyleProps } from './styles' import styles from './styles' -import noop from '../utils/noop' type ContentOverflowType = 'scroll' | 'visible' diff --git a/packages/picasso/src/Dropdown/index.ts b/packages/picasso/src/Dropdown/index.ts index 74d970f18f..8430ad7e02 100644 --- a/packages/picasso/src/Dropdown/index.ts +++ b/packages/picasso/src/Dropdown/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Dropdown' diff --git a/packages/picasso/src/Dropdown/package.json b/packages/picasso/src/Dropdown/package.json new file mode 100644 index 0000000000..4e2df09b93 --- /dev/null +++ b/packages/picasso/src/Dropdown/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-dropdown", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-popper": "^1.0.0", + "@toptal/picasso-paper": "^1.0.0", + "@toptal/picasso-utils/noop": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Dropdown/styles.ts b/packages/picasso/src/Dropdown/styles.ts index 4c5eb88a74..75865568b5 100644 --- a/packages/picasso/src/Dropdown/styles.ts +++ b/packages/picasso/src/Dropdown/styles.ts @@ -1,6 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' -import '../Popover/styles' +import '@toptal/picasso-popover/styles' export type StyleProps = { /** Control content element style */ diff --git a/packages/picasso/src/DropdownArrow/DropdownArrow.tsx b/packages/picasso/src/DropdownArrow/DropdownArrow.tsx index 1855e19767..9135174978 100644 --- a/packages/picasso/src/DropdownArrow/DropdownArrow.tsx +++ b/packages/picasso/src/DropdownArrow/DropdownArrow.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/DropdownArrow/index.ts b/packages/picasso/src/DropdownArrow/index.ts index ae8cc9d24a..da2f3e196b 100644 --- a/packages/picasso/src/DropdownArrow/index.ts +++ b/packages/picasso/src/DropdownArrow/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './DropdownArrow' diff --git a/packages/picasso/src/DropdownArrow/package.json b/packages/picasso/src/DropdownArrow/package.json new file mode 100644 index 0000000000..4873ad1648 --- /dev/null +++ b/packages/picasso/src/DropdownArrow/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-dropdown-arrow", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/DropdownArrow/styles.ts b/packages/picasso/src/DropdownArrow/styles.ts index 03b74fc625..10d17b7313 100644 --- a/packages/picasso/src/DropdownArrow/styles.ts +++ b/packages/picasso/src/DropdownArrow/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/DropdownCompound/index.ts b/packages/picasso/src/DropdownCompound/index.ts index 93e52284df..9074a3b78c 100644 --- a/packages/picasso/src/DropdownCompound/index.ts +++ b/packages/picasso/src/DropdownCompound/index.ts @@ -1,6 +1,7 @@ -import Dropdown from '../Dropdown' -import { useDropdownContext } from '../Dropdown/Dropdown' -import DropdownArrow from '../DropdownArrow' +/* eslint-disable import/no-extraneous-dependencies */ +import Dropdown from '@toptal/picasso-dropdown' +import { useDropdownContext } from '@toptal/picasso-dropdown/-dropdown' +import DropdownArrow from '@toptal/picasso-dropdown-arrow' export const DropdownCompound = Object.assign(Dropdown, { Arrow: DropdownArrow, diff --git a/packages/picasso/src/DropdownCompound/package.json b/packages/picasso/src/DropdownCompound/package.json new file mode 100644 index 0000000000..159c01e53f --- /dev/null +++ b/packages/picasso/src/DropdownCompound/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-dropdown-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-dropdown": "^1.0.0", + "@toptal/picasso-dropdown/-dropdown": "^1.0.0", + "@toptal/picasso-dropdown-arrow": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Dropzone/Dropzone.tsx b/packages/picasso/src/Dropzone/Dropzone.tsx index 77ad6143a3..86dc15e33f 100644 --- a/packages/picasso/src/Dropzone/Dropzone.tsx +++ b/packages/picasso/src/Dropzone/Dropzone.tsx @@ -1,18 +1,19 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import { useDropzone } from 'react-dropzone' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import { Upload24 } from '@toptal/picasso-icon' +import FormHint from '@toptal/picasso-form-hint' +import FormError from '@toptal/picasso-form-error' +import Container from '@toptal/picasso-container' +import FileList from '@toptal/picasso-file-list' +import Typography from '@toptal/picasso-typography' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' -import { Upload24 } from '../Icon' -import FormHint from '../FormHint' -import FormError from '../FormError' -import Container from '../Container' -import FileList from '../FileList' -import Typography from '../Typography' import type { FileUpload, DropzoneOptions } from './types' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' import styles from './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/Dropzone/index.ts b/packages/picasso/src/Dropzone/index.ts index 2e28e63df1..3c33c6fd8f 100644 --- a/packages/picasso/src/Dropzone/index.ts +++ b/packages/picasso/src/Dropzone/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Dropzone' diff --git a/packages/picasso/src/Dropzone/package.json b/packages/picasso/src/Dropzone/package.json new file mode 100644 index 0000000000..eea451e08e --- /dev/null +++ b/packages/picasso/src/Dropzone/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-dropzone", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-form-hint": "^1.0.0", + "@toptal/picasso-form-error": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-file-list": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Dropzone/styles.ts b/packages/picasso/src/Dropzone/styles.ts index 03a45827fd..a09c6f8ccb 100644 --- a/packages/picasso/src/Dropzone/styles.ts +++ b/packages/picasso/src/Dropzone/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Dropzone/types.ts b/packages/picasso/src/Dropzone/types.ts index 957ddafa0d..cd3a367274 100644 --- a/packages/picasso/src/Dropzone/types.ts +++ b/packages/picasso/src/Dropzone/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export interface FileUpload { uploading?: boolean progress?: number diff --git a/packages/picasso/src/EmptyState/EmptyState.tsx b/packages/picasso/src/EmptyState/EmptyState.tsx index fba86562ce..c6ff233152 100755 --- a/packages/picasso/src/EmptyState/EmptyState.tsx +++ b/packages/picasso/src/EmptyState/EmptyState.tsx @@ -1,5 +1,6 @@ -import EmptyStatePage from '../EmptyStatePage' -import EmptyStateCollection from '../EmptyStateCollection' +/* eslint-disable import/no-extraneous-dependencies */ +import EmptyStatePage from '@toptal/picasso-empty-state-page' +import EmptyStateCollection from '@toptal/picasso-empty-state-collection' export default { Page: EmptyStatePage, diff --git a/packages/picasso/src/EmptyState/index.tsx b/packages/picasso/src/EmptyState/index.tsx index 95abc7f1d0..b75df1d536 100755 --- a/packages/picasso/src/EmptyState/index.tsx +++ b/packages/picasso/src/EmptyState/index.tsx @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './EmptyState' diff --git a/packages/picasso/src/EmptyState/package.json b/packages/picasso/src/EmptyState/package.json new file mode 100644 index 0000000000..7c54d71172 --- /dev/null +++ b/packages/picasso/src/EmptyState/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-empty-state", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-empty-state-page": "^1.0.0", + "@toptal/picasso-empty-state-collection": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/EmptyStateCollection/EmptyStateCollection.tsx b/packages/picasso/src/EmptyStateCollection/EmptyStateCollection.tsx index 86c0e491e5..310c03aa34 100755 --- a/packages/picasso/src/EmptyStateCollection/EmptyStateCollection.tsx +++ b/packages/picasso/src/EmptyStateCollection/EmptyStateCollection.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, ReactElement } from 'react' import React, { forwardRef, cloneElement } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import { Search16 as Search } from '@toptal/picasso-icon' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' -import { Search16 as Search } from '../Icon' -import Container from '../Container' -import Typography from '../Typography' import styles from './styles' export interface Props extends HTMLAttributes { diff --git a/packages/picasso/src/EmptyStateCollection/index.tsx b/packages/picasso/src/EmptyStateCollection/index.tsx index a048e88ce6..23e25c945c 100755 --- a/packages/picasso/src/EmptyStateCollection/index.tsx +++ b/packages/picasso/src/EmptyStateCollection/index.tsx @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './EmptyStateCollection' diff --git a/packages/picasso/src/EmptyStateCollection/package.json b/packages/picasso/src/EmptyStateCollection/package.json new file mode 100644 index 0000000000..7b27a8ff5b --- /dev/null +++ b/packages/picasso/src/EmptyStateCollection/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-empty-state-collection", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/EmptyStateCollection/styles.ts b/packages/picasso/src/EmptyStateCollection/styles.ts index d4dcaedc16..4223441215 100755 --- a/packages/picasso/src/EmptyStateCollection/styles.ts +++ b/packages/picasso/src/EmptyStateCollection/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/EmptyStatePage/EmptyStatePage.tsx b/packages/picasso/src/EmptyStatePage/EmptyStatePage.tsx index 11546aedd4..827261fe99 100755 --- a/packages/picasso/src/EmptyStatePage/EmptyStatePage.tsx +++ b/packages/picasso/src/EmptyStatePage/EmptyStatePage.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, ReactElement } from 'react' import React, { forwardRef, cloneElement } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' -import Container from '../Container' -import Typography from '../Typography' import styles from './styles' export interface Props extends HTMLAttributes { diff --git a/packages/picasso/src/EmptyStatePage/index.tsx b/packages/picasso/src/EmptyStatePage/index.tsx index bfd1e32a0a..c20c69b6ff 100755 --- a/packages/picasso/src/EmptyStatePage/index.tsx +++ b/packages/picasso/src/EmptyStatePage/index.tsx @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './EmptyStatePage' diff --git a/packages/picasso/src/EmptyStatePage/package.json b/packages/picasso/src/EmptyStatePage/package.json new file mode 100644 index 0000000000..bb47505ee4 --- /dev/null +++ b/packages/picasso/src/EmptyStatePage/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-empty-state-page", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/EmptyStatePage/styles.ts b/packages/picasso/src/EmptyStatePage/styles.ts index b82b3cb494..93b3167b31 100755 --- a/packages/picasso/src/EmptyStatePage/styles.ts +++ b/packages/picasso/src/EmptyStatePage/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/EnvironmentBanner/EnvironmentBanner.tsx b/packages/picasso/src/EnvironmentBanner/EnvironmentBanner.tsx index e308cffc3a..7de8cfb565 100644 --- a/packages/picasso/src/EnvironmentBanner/EnvironmentBanner.tsx +++ b/packages/picasso/src/EnvironmentBanner/EnvironmentBanner.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef, useState } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/EnvironmentBanner/index.ts b/packages/picasso/src/EnvironmentBanner/index.ts index 28b01c6f18..a18bbc4950 100644 --- a/packages/picasso/src/EnvironmentBanner/index.ts +++ b/packages/picasso/src/EnvironmentBanner/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './EnvironmentBanner' diff --git a/packages/picasso/src/EnvironmentBanner/package.json b/packages/picasso/src/EnvironmentBanner/package.json new file mode 100644 index 0000000000..c50acfea20 --- /dev/null +++ b/packages/picasso/src/EnvironmentBanner/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-environment-banner", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/EnvironmentBanner/styles.ts b/packages/picasso/src/EnvironmentBanner/styles.ts index 7db572fbf3..8f690eeae5 100644 --- a/packages/picasso/src/EnvironmentBanner/styles.ts +++ b/packages/picasso/src/EnvironmentBanner/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/FieldRequirements/FieldRequirementItem.tsx b/packages/picasso/src/FieldRequirements/FieldRequirementItem.tsx index 46520dd35b..51220306ab 100644 --- a/packages/picasso/src/FieldRequirements/FieldRequirementItem.tsx +++ b/packages/picasso/src/FieldRequirements/FieldRequirementItem.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { PropsWithChildren } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import Typography from '@toptal/picasso-typography' +import { GridCompound as Grid } from '@toptal/picasso-grid-compound' +import { Bullet16, CheckMinor16, CloseMinor16 } from '@toptal/picasso-icon' -import Typography from '../Typography' -import { GridCompound as Grid } from '../GridCompound' import styles from './styles' -import { Bullet16, CheckMinor16, CloseMinor16 } from '../Icon' const useStyles = makeStyles(styles, { name: 'FieldRequirementItem', diff --git a/packages/picasso/src/FieldRequirements/FieldRequirements.tsx b/packages/picasso/src/FieldRequirements/FieldRequirements.tsx index 8e2cdf6261..519a6565af 100644 --- a/packages/picasso/src/FieldRequirements/FieldRequirements.tsx +++ b/packages/picasso/src/FieldRequirements/FieldRequirements.tsx @@ -1,15 +1,16 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { Collapse } from '@material-ui/core' import type { BaseProps } from '@toptal/picasso-shared' +import Typography from '@toptal/picasso-typography' +import Grid from '@toptal/picasso-grid' import styles from './styles' import type { FieldRequirementItemStatus } from './FieldRequirementItem' import FieldRequirementItem from './FieldRequirementItem' -import Typography from '../Typography' import type { FieldRequirement } from './types' -import Grid from '../Grid' export interface Props extends BaseProps { /** A string that defines the title of the requirement list */ diff --git a/packages/picasso/src/FieldRequirements/index.ts b/packages/picasso/src/FieldRequirements/index.ts index 0c9c5e4c2f..f5d1dfbbdb 100644 --- a/packages/picasso/src/FieldRequirements/index.ts +++ b/packages/picasso/src/FieldRequirements/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './FieldRequirements' diff --git a/packages/picasso/src/FieldRequirements/package.json b/packages/picasso/src/FieldRequirements/package.json new file mode 100644 index 0000000000..169f4fd93d --- /dev/null +++ b/packages/picasso/src/FieldRequirements/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-field-requirements", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-grid-compound": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-grid": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FieldRequirements/styles.ts b/packages/picasso/src/FieldRequirements/styles.ts index 57e340555a..f91d8a49c3 100644 --- a/packages/picasso/src/FieldRequirements/styles.ts +++ b/packages/picasso/src/FieldRequirements/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/FieldRequirements/types.ts b/packages/picasso/src/FieldRequirements/types.ts index 187f04e37c..f8eb3c69c0 100644 --- a/packages/picasso/src/FieldRequirements/types.ts +++ b/packages/picasso/src/FieldRequirements/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export interface FieldRequirement { message: string validator: (value: TValueType) => boolean diff --git a/packages/picasso/src/FieldsLayout/FieldsLayoutContext.tsx b/packages/picasso/src/FieldsLayout/FieldsLayoutContext.tsx index b5d5b85097..5948a27a62 100644 --- a/packages/picasso/src/FieldsLayout/FieldsLayoutContext.tsx +++ b/packages/picasso/src/FieldsLayout/FieldsLayoutContext.tsx @@ -1,6 +1,6 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { createContext, useContext, useMemo } from 'react' - -import { useBreakpoint } from '../utils' +import { useBreakpoint } from '@toptal/picasso-utils' export type FieldsLayoutContextValue = { layout: 'horizontal' | 'vertical' diff --git a/packages/picasso/src/FieldsLayout/index.ts b/packages/picasso/src/FieldsLayout/index.ts index 1bbe9af43a..f7a2557f18 100644 --- a/packages/picasso/src/FieldsLayout/index.ts +++ b/packages/picasso/src/FieldsLayout/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export * from './FieldsLayoutContext' diff --git a/packages/picasso/src/FieldsLayout/package.json b/packages/picasso/src/FieldsLayout/package.json new file mode 100644 index 0000000000..b06df3fe4d --- /dev/null +++ b/packages/picasso/src/FieldsLayout/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-fields-layout", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FileInput/FileInput.tsx b/packages/picasso/src/FileInput/FileInput.tsx index f11df3aa71..b491107e11 100644 --- a/packages/picasso/src/FileInput/FileInput.tsx +++ b/packages/picasso/src/FileInput/FileInput.tsx @@ -1,14 +1,15 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { FocusEventHandler } from 'react' import React, { forwardRef, useRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import FileList from '@toptal/picasso-file-list' +import Container from '@toptal/picasso-container' +import Button from '@toptal/picasso-button' +import FormHint from '@toptal/picasso-form-hint' +import { useCombinedRefs } from '@toptal/picasso-utils' -import FileList from '../FileList' -import Container from '../Container' -import Button from '../Button' -import FormHint from '../FormHint' -import { useCombinedRefs } from '../utils' import type { FileUpload } from './types' import styles from './styles' diff --git a/packages/picasso/src/FileInput/index.ts b/packages/picasso/src/FileInput/index.ts index e6807272c2..568432ee0d 100644 --- a/packages/picasso/src/FileInput/index.ts +++ b/packages/picasso/src/FileInput/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as InternalFileInputProps } from './FileInput' diff --git a/packages/picasso/src/FileInput/package.json b/packages/picasso/src/FileInput/package.json new file mode 100644 index 0000000000..0d1af39bc3 --- /dev/null +++ b/packages/picasso/src/FileInput/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-file-input", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-file-list": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-form-hint": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FileInput/styles.ts b/packages/picasso/src/FileInput/styles.ts index 1865e95bc5..f546671310 100644 --- a/packages/picasso/src/FileInput/styles.ts +++ b/packages/picasso/src/FileInput/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/FileInput/types.ts b/packages/picasso/src/FileInput/types.ts index 5102911b38..9a21041bcf 100644 --- a/packages/picasso/src/FileInput/types.ts +++ b/packages/picasso/src/FileInput/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export interface FileUpload { uploading?: boolean progress?: number diff --git a/packages/picasso/src/FileList/FileList.tsx b/packages/picasso/src/FileList/FileList.tsx index cf4bf10e5b..487edd8452 100644 --- a/packages/picasso/src/FileList/FileList.tsx +++ b/packages/picasso/src/FileList/FileList.tsx @@ -1,13 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import Container from '@toptal/picasso-container' +import FileListItem from '@toptal/picasso-file-list-item' +import type { FileUpload } from '@toptal/picasso-file-input/types' -import Container from '../Container' -import FileListItem from '../FileListItem' -import type { FileUpload } from '../FileInput/types' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/FileList/index.ts b/packages/picasso/src/FileList/index.ts index dbe16a5d3a..ea12e0b08e 100644 --- a/packages/picasso/src/FileList/index.ts +++ b/packages/picasso/src/FileList/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './FileList' diff --git a/packages/picasso/src/FileList/package.json b/packages/picasso/src/FileList/package.json new file mode 100644 index 0000000000..df2b4b817a --- /dev/null +++ b/packages/picasso/src/FileList/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-file-list", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-file-list-item": "^1.0.0", + "@toptal/picasso-file-input/types": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FileList/styles.ts b/packages/picasso/src/FileList/styles.ts index 0735a7d537..ecab868e03 100644 --- a/packages/picasso/src/FileList/styles.ts +++ b/packages/picasso/src/FileList/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/FileListItem/FileListItem.tsx b/packages/picasso/src/FileListItem/FileListItem.tsx index 5b9d80979f..f6a097b5fd 100644 --- a/packages/picasso/src/FileListItem/FileListItem.tsx +++ b/packages/picasso/src/FileListItem/FileListItem.tsx @@ -1,18 +1,19 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' +import Tooltip from '@toptal/picasso-tooltip' +import ButtonCircular from '@toptal/picasso-button-circular' +import Loader from '@toptal/picasso-loader' +import ProgressBar from '@toptal/picasso-progress-bar' +import { Attachment16, Trash16, CloseMinor16 } from '@toptal/picasso-icon' +import type { FileUpload } from '@toptal/picasso-file-input/types' +import TypographyOverflow from '@toptal/picasso-typography-overflow' -import Container from '../Container' -import Typography from '../Typography' -import Tooltip from '../Tooltip' -import ButtonCircular from '../ButtonCircular' -import Loader from '../Loader' -import ProgressBar from '../ProgressBar' -import { Attachment16, Trash16, CloseMinor16 } from '../Icon' -import type { FileUpload } from '../FileInput/types' import styles from './styles' -import TypographyOverflow from '../TypographyOverflow' export interface Props { file: FileUpload diff --git a/packages/picasso/src/FileListItem/index.ts b/packages/picasso/src/FileListItem/index.ts index 10f5843da2..0008aa2040 100644 --- a/packages/picasso/src/FileListItem/index.ts +++ b/packages/picasso/src/FileListItem/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './FileListItem' diff --git a/packages/picasso/src/FileListItem/package.json b/packages/picasso/src/FileListItem/package.json new file mode 100644 index 0000000000..670e4675a7 --- /dev/null +++ b/packages/picasso/src/FileListItem/package.json @@ -0,0 +1,16 @@ +{ + "name": "@toptal/picasso-file-list-item", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-tooltip": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-loader": "^1.0.0", + "@toptal/picasso-progress-bar": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-file-input/types": "^1.0.0", + "@toptal/picasso-typography-overflow": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FileListItem/styles.ts b/packages/picasso/src/FileListItem/styles.ts index b6e8557cb4..eb1b2f0e8d 100644 --- a/packages/picasso/src/FileListItem/styles.ts +++ b/packages/picasso/src/FileListItem/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Form/Form.tsx b/packages/picasso/src/Form/Form.tsx index c20d5d060d..7584f41add 100644 --- a/packages/picasso/src/Form/Form.tsx +++ b/packages/picasso/src/Form/Form.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { FormEventHandler, ReactNode, FormHTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' - -import { FieldsLayoutContextProvider } from '../FieldsLayout' +import { FieldsLayoutContextProvider } from '@toptal/picasso-fields-layout' export interface Props extends BaseProps, FormHTMLAttributes { /** Content of Form constructed of Form elements */ diff --git a/packages/picasso/src/Form/index.ts b/packages/picasso/src/Form/index.ts index 0e050b4507..9f0fb8fce5 100644 --- a/packages/picasso/src/Form/index.ts +++ b/packages/picasso/src/Form/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as InternalFormProps } from './Form' diff --git a/packages/picasso/src/Form/package.json b/packages/picasso/src/Form/package.json new file mode 100644 index 0000000000..fe48b4d855 --- /dev/null +++ b/packages/picasso/src/Form/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-form", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-fields-layout": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FormAutoSaveIndicator/FormAutoSaveIndicator.tsx b/packages/picasso/src/FormAutoSaveIndicator/FormAutoSaveIndicator.tsx index bbe624f1aa..34380adfdc 100644 --- a/packages/picasso/src/FormAutoSaveIndicator/FormAutoSaveIndicator.tsx +++ b/packages/picasso/src/FormAutoSaveIndicator/FormAutoSaveIndicator.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useEffect, useState } from 'react' import debounce from 'debounce' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import Typography from '@toptal/picasso-typography' +import Container from '@toptal/picasso-container' import styles from './styles' -import Typography from '../Typography' -import Container from '../Container' export interface Props { /** Indicates that form values are being saved */ diff --git a/packages/picasso/src/FormAutoSaveIndicator/index.ts b/packages/picasso/src/FormAutoSaveIndicator/index.ts index 9bd641da84..8b13f1291d 100644 --- a/packages/picasso/src/FormAutoSaveIndicator/index.ts +++ b/packages/picasso/src/FormAutoSaveIndicator/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './FormAutoSaveIndicator' diff --git a/packages/picasso/src/FormAutoSaveIndicator/package.json b/packages/picasso/src/FormAutoSaveIndicator/package.json new file mode 100644 index 0000000000..28a00081cb --- /dev/null +++ b/packages/picasso/src/FormAutoSaveIndicator/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-form-auto-save-indicator", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-container": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FormAutoSaveIndicator/styles.ts b/packages/picasso/src/FormAutoSaveIndicator/styles.ts index d90600d4f8..5bc6852057 100644 --- a/packages/picasso/src/FormAutoSaveIndicator/styles.ts +++ b/packages/picasso/src/FormAutoSaveIndicator/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/FormCompound/index.ts b/packages/picasso/src/FormCompound/index.ts index b1ee036f92..003542f585 100644 --- a/packages/picasso/src/FormCompound/index.ts +++ b/packages/picasso/src/FormCompound/index.ts @@ -1,8 +1,9 @@ -import Form from '../Form' -import FormError from '../FormError' -import FormField from '../FormField' -import FormHint from '../FormHint' -import FormLabel from '../FormLabel' +/* eslint-disable import/no-extraneous-dependencies */ +import Form from '@toptal/picasso-form' +import FormError from '@toptal/picasso-form-error' +import FormField from '@toptal/picasso-form-field' +import FormHint from '@toptal/picasso-form-hint' +import FormLabel from '@toptal/picasso-form-label' export const FormCompound = Object.assign(Form, { Field: FormField, diff --git a/packages/picasso/src/FormCompound/package.json b/packages/picasso/src/FormCompound/package.json new file mode 100644 index 0000000000..a03c6c2f77 --- /dev/null +++ b/packages/picasso/src/FormCompound/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-form-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-form": "^1.0.0", + "@toptal/picasso-form-error": "^1.0.0", + "@toptal/picasso-form-field": "^1.0.0", + "@toptal/picasso-form-hint": "^1.0.0", + "@toptal/picasso-form-label": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FormControlLabel/FormControlLabel.tsx b/packages/picasso/src/FormControlLabel/FormControlLabel.tsx index 29bcc501ca..71472f9b26 100644 --- a/packages/picasso/src/FormControlLabel/FormControlLabel.tsx +++ b/packages/picasso/src/FormControlLabel/FormControlLabel.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement, ReactNode, LabelHTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { FormControlLabelProps } from '@material-ui/core/FormControlLabel' @@ -5,11 +6,11 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps, TextLabelProps } from '@toptal/picasso-shared' import cx from 'classnames' +import type { RequiredDecoration } from '@toptal/picasso-form-label' +import { FormCompound as Form } from '@toptal/picasso-form-compound' +import { useFieldsLayoutContext } from '@toptal/picasso-fields-layout' -import type { RequiredDecoration } from '../FormLabel' import styles from './styles' -import { FormCompound as Form } from '../FormCompound' -import { useFieldsLayoutContext } from '../FieldsLayout' export type FormControlLabelAttributesType = LabelHTMLAttributes & diff --git a/packages/picasso/src/FormControlLabel/index.ts b/packages/picasso/src/FormControlLabel/index.ts index 6fc29efbc3..18190edf5d 100644 --- a/packages/picasso/src/FormControlLabel/index.ts +++ b/packages/picasso/src/FormControlLabel/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './FormControlLabel' diff --git a/packages/picasso/src/FormControlLabel/package.json b/packages/picasso/src/FormControlLabel/package.json new file mode 100644 index 0000000000..d92b3536f4 --- /dev/null +++ b/packages/picasso/src/FormControlLabel/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-form-control-label", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-form-label": "^1.0.0", + "@toptal/picasso-form-compound": "^1.0.0", + "@toptal/picasso-fields-layout": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FormControlLabel/styles.ts b/packages/picasso/src/FormControlLabel/styles.ts index 0ab2b5c63b..ccaa28c549 100644 --- a/packages/picasso/src/FormControlLabel/styles.ts +++ b/packages/picasso/src/FormControlLabel/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/FormError/FormError.tsx b/packages/picasso/src/FormError/FormError.tsx index b06b6022b0..3f71ced6f5 100644 --- a/packages/picasso/src/FormError/FormError.tsx +++ b/packages/picasso/src/FormError/FormError.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import Typography from '@toptal/picasso-typography' import styles from './styles' -import Typography from '../Typography' export interface Props extends BaseProps, HTMLAttributes { /** The text of the error */ diff --git a/packages/picasso/src/FormError/index.ts b/packages/picasso/src/FormError/index.ts index 1ac2162342..01816774fe 100644 --- a/packages/picasso/src/FormError/index.ts +++ b/packages/picasso/src/FormError/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './FormError' diff --git a/packages/picasso/src/FormError/package.json b/packages/picasso/src/FormError/package.json new file mode 100644 index 0000000000..7c6b0d6ff3 --- /dev/null +++ b/packages/picasso/src/FormError/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-form-error", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FormError/styles.ts b/packages/picasso/src/FormError/styles.ts index 86dfc66eca..5fbc6a0b01 100644 --- a/packages/picasso/src/FormError/styles.ts +++ b/packages/picasso/src/FormError/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/FormField/FormField.tsx b/packages/picasso/src/FormField/FormField.tsx index 2a2df79b76..ee05af70b5 100644 --- a/packages/picasso/src/FormField/FormField.tsx +++ b/packages/picasso/src/FormField/FormField.tsx @@ -1,15 +1,16 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef, Children } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import Container from '@toptal/picasso-container' +import FormHint from '@toptal/picasso-form-hint' +import FormError from '@toptal/picasso-form-error' +import { useFieldsLayoutContext } from '@toptal/picasso-fields-layout' -import Container from '../Container' -import FormHint from '../FormHint' -import FormError from '../FormError' import styles from './styles' -import { useFieldsLayoutContext } from '../FieldsLayout' export interface Props extends BaseProps, HTMLAttributes { /** The text of the hint */ diff --git a/packages/picasso/src/FormField/index.ts b/packages/picasso/src/FormField/index.ts index 8696e34787..e2e32eecdc 100644 --- a/packages/picasso/src/FormField/index.ts +++ b/packages/picasso/src/FormField/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './FormField' diff --git a/packages/picasso/src/FormField/package.json b/packages/picasso/src/FormField/package.json new file mode 100644 index 0000000000..f4fb23a361 --- /dev/null +++ b/packages/picasso/src/FormField/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-form-field", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-form-hint": "^1.0.0", + "@toptal/picasso-form-error": "^1.0.0", + "@toptal/picasso-fields-layout": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FormField/styles.ts b/packages/picasso/src/FormField/styles.ts index b8cd9009b3..fa5fecf08e 100644 --- a/packages/picasso/src/FormField/styles.ts +++ b/packages/picasso/src/FormField/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' const HORIZONTAL_COLUMN_WIDTH_PX = 272 diff --git a/packages/picasso/src/FormHint/FormHint.tsx b/packages/picasso/src/FormHint/FormHint.tsx index 40b33737bf..75ad42c6c1 100644 --- a/packages/picasso/src/FormHint/FormHint.tsx +++ b/packages/picasso/src/FormHint/FormHint.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import Typography from '@toptal/picasso-typography' -import Typography from '../Typography' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/FormHint/index.ts b/packages/picasso/src/FormHint/index.ts index b5fecd3bcd..a3d59fdb0a 100644 --- a/packages/picasso/src/FormHint/index.ts +++ b/packages/picasso/src/FormHint/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './FormHint' diff --git a/packages/picasso/src/FormHint/package.json b/packages/picasso/src/FormHint/package.json new file mode 100644 index 0000000000..978f59260d --- /dev/null +++ b/packages/picasso/src/FormHint/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-form-hint", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FormHint/styles.ts b/packages/picasso/src/FormHint/styles.ts index acce224a95..9e3bec7b7f 100644 --- a/packages/picasso/src/FormHint/styles.ts +++ b/packages/picasso/src/FormHint/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/FormLabel/FormLabel.tsx b/packages/picasso/src/FormLabel/FormLabel.tsx index 010fa7bb73..966383ebae 100644 --- a/packages/picasso/src/FormLabel/FormLabel.tsx +++ b/packages/picasso/src/FormLabel/FormLabel.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, ReactNode } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -9,10 +10,10 @@ import type { SizeType, } from '@toptal/picasso-shared' import { useTitleCase } from '@toptal/picasso-shared' +import toTitleCase from '@toptal/picasso-utils/to-title-case' +import { useFieldsLayoutContext } from '@toptal/picasso-fields-layout' import styles from './styles' -import toTitleCase from '../utils/to-title-case' -import { useFieldsLayoutContext } from '../FieldsLayout' type ComponentType = 'label' | 'span' export type RequiredDecoration = 'asterisk' | 'optional' diff --git a/packages/picasso/src/FormLabel/index.ts b/packages/picasso/src/FormLabel/index.ts index 940cb84cd4..c10faa9e9b 100644 --- a/packages/picasso/src/FormLabel/index.ts +++ b/packages/picasso/src/FormLabel/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './FormLabel' diff --git a/packages/picasso/src/FormLabel/package.json b/packages/picasso/src/FormLabel/package.json new file mode 100644 index 0000000000..3b2b4c02d7 --- /dev/null +++ b/packages/picasso/src/FormLabel/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-form-label", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/to-title-case": "^1.0.0", + "@toptal/picasso-fields-layout": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/FormLabel/styles.ts b/packages/picasso/src/FormLabel/styles.ts index c8b1cf9992..4dcd4a1727 100644 --- a/packages/picasso/src/FormLabel/styles.ts +++ b/packages/picasso/src/FormLabel/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Grid/Grid.tsx b/packages/picasso/src/Grid/Grid.tsx index 5a733576cb..40c3bb19d7 100644 --- a/packages/picasso/src/Grid/Grid.tsx +++ b/packages/picasso/src/Grid/Grid.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Grid/index.ts b/packages/picasso/src/Grid/index.ts index fec907524b..db9ef33342 100644 --- a/packages/picasso/src/Grid/index.ts +++ b/packages/picasso/src/Grid/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Grid' diff --git a/packages/picasso/src/Grid/package.json b/packages/picasso/src/Grid/package.json new file mode 100644 index 0000000000..157a099caa --- /dev/null +++ b/packages/picasso/src/Grid/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-grid", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Grid/styles.ts b/packages/picasso/src/Grid/styles.ts index 75047443e7..7df36ec014 100644 --- a/packages/picasso/src/Grid/styles.ts +++ b/packages/picasso/src/Grid/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/GridCompound/index.ts b/packages/picasso/src/GridCompound/index.ts index 88ee3e0c16..088072f591 100644 --- a/packages/picasso/src/GridCompound/index.ts +++ b/packages/picasso/src/GridCompound/index.ts @@ -1,4 +1,5 @@ -import Grid from '../Grid' -import GridItem from '../GridItem' +/* eslint-disable import/no-extraneous-dependencies */ +import Grid from '@toptal/picasso-grid' +import GridItem from '@toptal/picasso-grid-item' export const GridCompound = Object.assign(Grid, { Item: GridItem }) diff --git a/packages/picasso/src/GridCompound/package.json b/packages/picasso/src/GridCompound/package.json new file mode 100644 index 0000000000..0ab7684bed --- /dev/null +++ b/packages/picasso/src/GridCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-grid-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-grid": "^1.0.0", + "@toptal/picasso-grid-item": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/GridItem/GridItem.tsx b/packages/picasso/src/GridItem/GridItem.tsx index c212b0c771..2aa51c0fe4 100644 --- a/packages/picasso/src/GridItem/GridItem.tsx +++ b/packages/picasso/src/GridItem/GridItem.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/GridItem/index.ts b/packages/picasso/src/GridItem/index.ts index 6299afc5bc..3e7704acaf 100644 --- a/packages/picasso/src/GridItem/index.ts +++ b/packages/picasso/src/GridItem/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props, GridSizes } from './GridItem' diff --git a/packages/picasso/src/GridItem/package.json b/packages/picasso/src/GridItem/package.json new file mode 100644 index 0000000000..5c19240eeb --- /dev/null +++ b/packages/picasso/src/GridItem/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-grid-item", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/GridItem/styles.ts b/packages/picasso/src/GridItem/styles.ts index 48c635a156..2018ebd2bd 100644 --- a/packages/picasso/src/GridItem/styles.ts +++ b/packages/picasso/src/GridItem/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core' export default () => createStyles({}) diff --git a/packages/picasso/src/HeaderLoader/HeaderLoader.tsx b/packages/picasso/src/HeaderLoader/HeaderLoader.tsx index c1cc3be1db..e11c2c69e9 100644 --- a/packages/picasso/src/HeaderLoader/HeaderLoader.tsx +++ b/packages/picasso/src/HeaderLoader/HeaderLoader.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { BaseProps } from '@toptal/picasso-shared' import ContentLoader from 'react-content-loader' - -import { loaderPalette } from '../utils' +import { loaderPalette } from '@toptal/picasso-utils' const HEIGHT = 10 const WIDTH = 200 diff --git a/packages/picasso/src/HeaderLoader/index.ts b/packages/picasso/src/HeaderLoader/index.ts index c6a9b9e3d4..ca1bb2c4e0 100644 --- a/packages/picasso/src/HeaderLoader/index.ts +++ b/packages/picasso/src/HeaderLoader/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './HeaderLoader' diff --git a/packages/picasso/src/HeaderLoader/package.json b/packages/picasso/src/HeaderLoader/package.json new file mode 100644 index 0000000000..51416c16ba --- /dev/null +++ b/packages/picasso/src/HeaderLoader/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-header-loader", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Helpbox/Helpbox.tsx b/packages/picasso/src/Helpbox/Helpbox.tsx index 69e55d42b2..486f4f32d0 100644 --- a/packages/picasso/src/Helpbox/Helpbox.tsx +++ b/packages/picasso/src/Helpbox/Helpbox.tsx @@ -1,14 +1,15 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import type { VariantType as ContainerVariantType } from '@toptal/picasso-container' +import Container from '@toptal/picasso-container' +import { CloseMinor16 } from '@toptal/picasso-icon' +import ButtonCircular from '@toptal/picasso-button-circular' -import type { VariantType as ContainerVariantType } from '../Container' -import Container from '../Container' -import { CloseMinor16 } from '../Icon' -import ButtonCircular from '../ButtonCircular' import styles from './styles' import HelpboxContext from './HelpboxContext' diff --git a/packages/picasso/src/Helpbox/HelpboxContext.ts b/packages/picasso/src/Helpbox/HelpboxContext.ts index 942e870ae7..a3f6cce091 100644 --- a/packages/picasso/src/Helpbox/HelpboxContext.ts +++ b/packages/picasso/src/Helpbox/HelpboxContext.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { HelpboxContextProps } from './types' diff --git a/packages/picasso/src/Helpbox/index.ts b/packages/picasso/src/Helpbox/index.ts index 76ca557893..bad19c7d38 100644 --- a/packages/picasso/src/Helpbox/index.ts +++ b/packages/picasso/src/Helpbox/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Helpbox' diff --git a/packages/picasso/src/Helpbox/package.json b/packages/picasso/src/Helpbox/package.json new file mode 100644 index 0000000000..61f20bd3d3 --- /dev/null +++ b/packages/picasso/src/Helpbox/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-helpbox", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Helpbox/styles.ts b/packages/picasso/src/Helpbox/styles.ts index 3ac0302863..cf3c496362 100644 --- a/packages/picasso/src/Helpbox/styles.ts +++ b/packages/picasso/src/Helpbox/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/Helpbox/types.ts b/packages/picasso/src/Helpbox/types.ts index 3e4ad72e18..ef66b5ea77 100644 --- a/packages/picasso/src/Helpbox/types.ts +++ b/packages/picasso/src/Helpbox/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export interface HelpboxContextProps { closeable?: boolean } diff --git a/packages/picasso/src/HelpboxActions/HelpboxActions.tsx b/packages/picasso/src/HelpboxActions/HelpboxActions.tsx index 3ee44f292d..c7ccea61dd 100644 --- a/packages/picasso/src/HelpboxActions/HelpboxActions.tsx +++ b/packages/picasso/src/HelpboxActions/HelpboxActions.tsx @@ -1,14 +1,15 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef, useContext } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import Container from '@toptal/picasso-container' +import type { HelpboxContextProps } from '@toptal/picasso-helpbox/types' +import HelpboxContext from '@toptal/picasso-helpbox/-helpbox-context' -import Container from '../Container' import styles from './styles' -import type { HelpboxContextProps } from '../Helpbox/types' -import HelpboxContext from '../Helpbox/HelpboxContext' export interface Props extends BaseProps, HTMLAttributes { /** Actions part of Helpbox */ diff --git a/packages/picasso/src/HelpboxActions/index.ts b/packages/picasso/src/HelpboxActions/index.ts index bb8860b227..0b855a2421 100644 --- a/packages/picasso/src/HelpboxActions/index.ts +++ b/packages/picasso/src/HelpboxActions/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './HelpboxActions' diff --git a/packages/picasso/src/HelpboxActions/package.json b/packages/picasso/src/HelpboxActions/package.json new file mode 100644 index 0000000000..5d32f66752 --- /dev/null +++ b/packages/picasso/src/HelpboxActions/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-helpbox-actions", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-helpbox/types": "^1.0.0", + "@toptal/picasso-helpbox/-helpbox-context": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/HelpboxActions/styles.ts b/packages/picasso/src/HelpboxActions/styles.ts index 2b52d9c3b1..c8855c0997 100644 --- a/packages/picasso/src/HelpboxActions/styles.ts +++ b/packages/picasso/src/HelpboxActions/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/HelpboxCompound/index.ts b/packages/picasso/src/HelpboxCompound/index.ts index 3cfd66a2a9..24f026b030 100644 --- a/packages/picasso/src/HelpboxCompound/index.ts +++ b/packages/picasso/src/HelpboxCompound/index.ts @@ -1,7 +1,8 @@ -import Helpbox from '../Helpbox' -import HelpboxActions from '../HelpboxActions' -import HelpboxContent from '../HelpboxContent' -import HelpboxTitle from '../HelpboxTitle' +/* eslint-disable import/no-extraneous-dependencies */ +import Helpbox from '@toptal/picasso-helpbox' +import HelpboxActions from '@toptal/picasso-helpbox-actions' +import HelpboxContent from '@toptal/picasso-helpbox-content' +import HelpboxTitle from '@toptal/picasso-helpbox-title' export const HelpboxCompound = Object.assign(Helpbox, { Title: HelpboxTitle, diff --git a/packages/picasso/src/HelpboxCompound/package.json b/packages/picasso/src/HelpboxCompound/package.json new file mode 100644 index 0000000000..462cdd4c8b --- /dev/null +++ b/packages/picasso/src/HelpboxCompound/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-helpbox-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-helpbox": "^1.0.0", + "@toptal/picasso-helpbox-actions": "^1.0.0", + "@toptal/picasso-helpbox-content": "^1.0.0", + "@toptal/picasso-helpbox-title": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/HelpboxContent/HelpboxContent.tsx b/packages/picasso/src/HelpboxContent/HelpboxContent.tsx index 2661b65a7e..dde0f4ba61 100644 --- a/packages/picasso/src/HelpboxContent/HelpboxContent.tsx +++ b/packages/picasso/src/HelpboxContent/HelpboxContent.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' import cx from 'classnames' +import Typography from '@toptal/picasso-typography' -import Typography from '../Typography' import styles from './styles' type ContentWidth = 'shrink' | 'full' diff --git a/packages/picasso/src/HelpboxContent/index.ts b/packages/picasso/src/HelpboxContent/index.ts index 961a0be09a..6ff0bcdebb 100644 --- a/packages/picasso/src/HelpboxContent/index.ts +++ b/packages/picasso/src/HelpboxContent/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './HelpboxContent' diff --git a/packages/picasso/src/HelpboxContent/package.json b/packages/picasso/src/HelpboxContent/package.json new file mode 100644 index 0000000000..5a27dd1df7 --- /dev/null +++ b/packages/picasso/src/HelpboxContent/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-helpbox-content", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/HelpboxContent/styles.ts b/packages/picasso/src/HelpboxContent/styles.ts index ad10343599..fa16fe74b6 100644 --- a/packages/picasso/src/HelpboxContent/styles.ts +++ b/packages/picasso/src/HelpboxContent/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/HelpboxTitle/HelpboxTitle.tsx b/packages/picasso/src/HelpboxTitle/HelpboxTitle.tsx index 0cdc459e60..66edb09763 100644 --- a/packages/picasso/src/HelpboxTitle/HelpboxTitle.tsx +++ b/packages/picasso/src/HelpboxTitle/HelpboxTitle.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' import styles from './styles' -import Container from '../Container' -import Typography from '../Typography' export interface Props extends BaseProps, HTMLAttributes { /** Title of Helpbox */ diff --git a/packages/picasso/src/HelpboxTitle/index.ts b/packages/picasso/src/HelpboxTitle/index.ts index d1e813fe2c..33e838b9ab 100644 --- a/packages/picasso/src/HelpboxTitle/index.ts +++ b/packages/picasso/src/HelpboxTitle/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './HelpboxTitle' diff --git a/packages/picasso/src/HelpboxTitle/package.json b/packages/picasso/src/HelpboxTitle/package.json new file mode 100644 index 0000000000..46941cbbb2 --- /dev/null +++ b/packages/picasso/src/HelpboxTitle/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-helpbox-title", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/HelpboxTitle/styles.ts b/packages/picasso/src/HelpboxTitle/styles.ts index fb560d61e5..d9aac8778b 100644 --- a/packages/picasso/src/HelpboxTitle/styles.ts +++ b/packages/picasso/src/HelpboxTitle/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => createStyles({}) diff --git a/packages/picasso/src/Icon/Abstract16.tsx b/packages/picasso/src/Icon/Abstract16.tsx index 8544ba2c96..5ac85c3e70 100644 --- a/packages/picasso/src/Icon/Abstract16.tsx +++ b/packages/picasso/src/Icon/Abstract16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Abstract24.tsx b/packages/picasso/src/Icon/Abstract24.tsx index 151f40effa..ac83974cbd 100644 --- a/packages/picasso/src/Icon/Abstract24.tsx +++ b/packages/picasso/src/Icon/Abstract24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/AbstractResponsive.tsx b/packages/picasso/src/Icon/AbstractResponsive.tsx index d4541720b3..e50adfcfb3 100644 --- a/packages/picasso/src/Icon/AbstractResponsive.tsx +++ b/packages/picasso/src/Icon/AbstractResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Ach16.tsx b/packages/picasso/src/Icon/Ach16.tsx index 1e4da4a66c..e72cc8d7ec 100644 --- a/packages/picasso/src/Icon/Ach16.tsx +++ b/packages/picasso/src/Icon/Ach16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Ach24.tsx b/packages/picasso/src/Icon/Ach24.tsx index 2356c3ba92..8ceac9809a 100644 --- a/packages/picasso/src/Icon/Ach24.tsx +++ b/packages/picasso/src/Icon/Ach24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/Ach32.tsx b/packages/picasso/src/Icon/Ach32.tsx index d425ccdd2b..f53a698944 100644 --- a/packages/picasso/src/Icon/Ach32.tsx +++ b/packages/picasso/src/Icon/Ach32.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 32 diff --git a/packages/picasso/src/Icon/AchResponsive.tsx b/packages/picasso/src/Icon/AchResponsive.tsx index 9e493dfff2..133dd84930 100644 --- a/packages/picasso/src/Icon/AchResponsive.tsx +++ b/packages/picasso/src/Icon/AchResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Add16.tsx b/packages/picasso/src/Icon/Add16.tsx index c414db205f..47e1e734b6 100644 --- a/packages/picasso/src/Icon/Add16.tsx +++ b/packages/picasso/src/Icon/Add16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Add24.tsx b/packages/picasso/src/Icon/Add24.tsx index b164f21b5f..8d8fda01d0 100644 --- a/packages/picasso/src/Icon/Add24.tsx +++ b/packages/picasso/src/Icon/Add24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/AddDocument16.tsx b/packages/picasso/src/Icon/AddDocument16.tsx index 5d0db5406a..45bca346ff 100644 --- a/packages/picasso/src/Icon/AddDocument16.tsx +++ b/packages/picasso/src/Icon/AddDocument16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/AddDocument24.tsx b/packages/picasso/src/Icon/AddDocument24.tsx index 3e84521791..0c5e2b26e0 100644 --- a/packages/picasso/src/Icon/AddDocument24.tsx +++ b/packages/picasso/src/Icon/AddDocument24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/AddDocumentResponsive.tsx b/packages/picasso/src/Icon/AddDocumentResponsive.tsx index 4d362fd5f4..e25d622c09 100644 --- a/packages/picasso/src/Icon/AddDocumentResponsive.tsx +++ b/packages/picasso/src/Icon/AddDocumentResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/AddResponsive.tsx b/packages/picasso/src/Icon/AddResponsive.tsx index 4125d57a1e..045dcb3964 100644 --- a/packages/picasso/src/Icon/AddResponsive.tsx +++ b/packages/picasso/src/Icon/AddResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Afternoon16.tsx b/packages/picasso/src/Icon/Afternoon16.tsx index bda0bda702..3dfb315008 100644 --- a/packages/picasso/src/Icon/Afternoon16.tsx +++ b/packages/picasso/src/Icon/Afternoon16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Afternoon24.tsx b/packages/picasso/src/Icon/Afternoon24.tsx index 3c968298be..f5fac4e792 100644 --- a/packages/picasso/src/Icon/Afternoon24.tsx +++ b/packages/picasso/src/Icon/Afternoon24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/AfternoonResponsive.tsx b/packages/picasso/src/Icon/AfternoonResponsive.tsx index ee337b215d..460e2a1eb6 100644 --- a/packages/picasso/src/Icon/AfternoonResponsive.tsx +++ b/packages/picasso/src/Icon/AfternoonResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Archive16.tsx b/packages/picasso/src/Icon/Archive16.tsx index c51961e305..7954529109 100644 --- a/packages/picasso/src/Icon/Archive16.tsx +++ b/packages/picasso/src/Icon/Archive16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Archive24.tsx b/packages/picasso/src/Icon/Archive24.tsx index 13b4142875..810ce8f13f 100644 --- a/packages/picasso/src/Icon/Archive24.tsx +++ b/packages/picasso/src/Icon/Archive24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArchiveResponsive.tsx b/packages/picasso/src/Icon/ArchiveResponsive.tsx index 4ebee715ee..ea2de58052 100644 --- a/packages/picasso/src/Icon/ArchiveResponsive.tsx +++ b/packages/picasso/src/Icon/ArchiveResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowDownMinor16.tsx b/packages/picasso/src/Icon/ArrowDownMinor16.tsx index c2514f0050..b090afe9a7 100644 --- a/packages/picasso/src/Icon/ArrowDownMinor16.tsx +++ b/packages/picasso/src/Icon/ArrowDownMinor16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowDownMinor24.tsx b/packages/picasso/src/Icon/ArrowDownMinor24.tsx index 37653226d1..34019cb7ef 100644 --- a/packages/picasso/src/Icon/ArrowDownMinor24.tsx +++ b/packages/picasso/src/Icon/ArrowDownMinor24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowDownMinorResponsive.tsx b/packages/picasso/src/Icon/ArrowDownMinorResponsive.tsx index 9e30b63d5d..83f6a0b33e 100644 --- a/packages/picasso/src/Icon/ArrowDownMinorResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowDownMinorResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowDropDown16.tsx b/packages/picasso/src/Icon/ArrowDropDown16.tsx index b6882ef1fb..8d6cb258c1 100644 --- a/packages/picasso/src/Icon/ArrowDropDown16.tsx +++ b/packages/picasso/src/Icon/ArrowDropDown16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowDropDown24.tsx b/packages/picasso/src/Icon/ArrowDropDown24.tsx index 8faa615e6a..fe21eda9dd 100644 --- a/packages/picasso/src/Icon/ArrowDropDown24.tsx +++ b/packages/picasso/src/Icon/ArrowDropDown24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowDropDownResponsive.tsx b/packages/picasso/src/Icon/ArrowDropDownResponsive.tsx index bbfa3d1bc7..046164f6b7 100644 --- a/packages/picasso/src/Icon/ArrowDropDownResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowDropDownResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowDropUp16.tsx b/packages/picasso/src/Icon/ArrowDropUp16.tsx index 6b3d524c22..49e33fcfdb 100644 --- a/packages/picasso/src/Icon/ArrowDropUp16.tsx +++ b/packages/picasso/src/Icon/ArrowDropUp16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowDropUp24.tsx b/packages/picasso/src/Icon/ArrowDropUp24.tsx index c78ba4484b..c23ce87288 100644 --- a/packages/picasso/src/Icon/ArrowDropUp24.tsx +++ b/packages/picasso/src/Icon/ArrowDropUp24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowDropUpResponsive.tsx b/packages/picasso/src/Icon/ArrowDropUpResponsive.tsx index 1206f5b568..1d5a087ca7 100644 --- a/packages/picasso/src/Icon/ArrowDropUpResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowDropUpResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowLongDown16.tsx b/packages/picasso/src/Icon/ArrowLongDown16.tsx index 92d8261b98..09c3d99846 100644 --- a/packages/picasso/src/Icon/ArrowLongDown16.tsx +++ b/packages/picasso/src/Icon/ArrowLongDown16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowLongDown24.tsx b/packages/picasso/src/Icon/ArrowLongDown24.tsx index 807d9c4ab3..cffa252400 100644 --- a/packages/picasso/src/Icon/ArrowLongDown24.tsx +++ b/packages/picasso/src/Icon/ArrowLongDown24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowLongDownResponsive.tsx b/packages/picasso/src/Icon/ArrowLongDownResponsive.tsx index c36cbc56d2..e8914514d8 100644 --- a/packages/picasso/src/Icon/ArrowLongDownResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowLongDownResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowLongLeft16.tsx b/packages/picasso/src/Icon/ArrowLongLeft16.tsx index 0a22a772ab..1f95e5d706 100644 --- a/packages/picasso/src/Icon/ArrowLongLeft16.tsx +++ b/packages/picasso/src/Icon/ArrowLongLeft16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowLongLeft24.tsx b/packages/picasso/src/Icon/ArrowLongLeft24.tsx index 91a2594ae1..fa22b18e96 100644 --- a/packages/picasso/src/Icon/ArrowLongLeft24.tsx +++ b/packages/picasso/src/Icon/ArrowLongLeft24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowLongLeftResponsive.tsx b/packages/picasso/src/Icon/ArrowLongLeftResponsive.tsx index 57014e00f1..92f209569d 100644 --- a/packages/picasso/src/Icon/ArrowLongLeftResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowLongLeftResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowLongRight16.tsx b/packages/picasso/src/Icon/ArrowLongRight16.tsx index 760e89c8ce..decfb526f9 100644 --- a/packages/picasso/src/Icon/ArrowLongRight16.tsx +++ b/packages/picasso/src/Icon/ArrowLongRight16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowLongRight24.tsx b/packages/picasso/src/Icon/ArrowLongRight24.tsx index 302c6d7ee6..fed506c19d 100644 --- a/packages/picasso/src/Icon/ArrowLongRight24.tsx +++ b/packages/picasso/src/Icon/ArrowLongRight24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowLongRightResponsive.tsx b/packages/picasso/src/Icon/ArrowLongRightResponsive.tsx index 2d7191faac..cd682fed27 100644 --- a/packages/picasso/src/Icon/ArrowLongRightResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowLongRightResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowLongUp16.tsx b/packages/picasso/src/Icon/ArrowLongUp16.tsx index 83651e1345..8ddee35559 100644 --- a/packages/picasso/src/Icon/ArrowLongUp16.tsx +++ b/packages/picasso/src/Icon/ArrowLongUp16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowLongUp24.tsx b/packages/picasso/src/Icon/ArrowLongUp24.tsx index c549235e79..f5122e9dfd 100644 --- a/packages/picasso/src/Icon/ArrowLongUp24.tsx +++ b/packages/picasso/src/Icon/ArrowLongUp24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowLongUpResponsive.tsx b/packages/picasso/src/Icon/ArrowLongUpResponsive.tsx index 1f6aa4691b..804ca6d2bc 100644 --- a/packages/picasso/src/Icon/ArrowLongUpResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowLongUpResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowSubdirectory16.tsx b/packages/picasso/src/Icon/ArrowSubdirectory16.tsx index 493d0603cc..8ddfc5b8be 100644 --- a/packages/picasso/src/Icon/ArrowSubdirectory16.tsx +++ b/packages/picasso/src/Icon/ArrowSubdirectory16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowSubdirectory24.tsx b/packages/picasso/src/Icon/ArrowSubdirectory24.tsx index c9a973f040..fefac41329 100644 --- a/packages/picasso/src/Icon/ArrowSubdirectory24.tsx +++ b/packages/picasso/src/Icon/ArrowSubdirectory24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowSubdirectoryResponsive.tsx b/packages/picasso/src/Icon/ArrowSubdirectoryResponsive.tsx index f6300d7223..7f5f77fbac 100644 --- a/packages/picasso/src/Icon/ArrowSubdirectoryResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowSubdirectoryResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ArrowUpMinor16.tsx b/packages/picasso/src/Icon/ArrowUpMinor16.tsx index 4ed0e20b77..20a12e88e7 100644 --- a/packages/picasso/src/Icon/ArrowUpMinor16.tsx +++ b/packages/picasso/src/Icon/ArrowUpMinor16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ArrowUpMinor24.tsx b/packages/picasso/src/Icon/ArrowUpMinor24.tsx index 95710f8a98..e30b105f31 100644 --- a/packages/picasso/src/Icon/ArrowUpMinor24.tsx +++ b/packages/picasso/src/Icon/ArrowUpMinor24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ArrowUpMinorResponsive.tsx b/packages/picasso/src/Icon/ArrowUpMinorResponsive.tsx index 13ac324edf..482c6a416d 100644 --- a/packages/picasso/src/Icon/ArrowUpMinorResponsive.tsx +++ b/packages/picasso/src/Icon/ArrowUpMinorResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Ask16.tsx b/packages/picasso/src/Icon/Ask16.tsx index 83c20cc7bd..a1e49d4024 100644 --- a/packages/picasso/src/Icon/Ask16.tsx +++ b/packages/picasso/src/Icon/Ask16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Ask24.tsx b/packages/picasso/src/Icon/Ask24.tsx index 5b9d938c49..1329ae3c28 100644 --- a/packages/picasso/src/Icon/Ask24.tsx +++ b/packages/picasso/src/Icon/Ask24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/AskResponsive.tsx b/packages/picasso/src/Icon/AskResponsive.tsx index 09a9ef9bbd..046b329939 100644 --- a/packages/picasso/src/Icon/AskResponsive.tsx +++ b/packages/picasso/src/Icon/AskResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/AsteriskSolid16.tsx b/packages/picasso/src/Icon/AsteriskSolid16.tsx index fb23fcdf0a..0c04e1d3a3 100644 --- a/packages/picasso/src/Icon/AsteriskSolid16.tsx +++ b/packages/picasso/src/Icon/AsteriskSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/AsteriskSolid24.tsx b/packages/picasso/src/Icon/AsteriskSolid24.tsx index aac713bdb5..4555d1be99 100644 --- a/packages/picasso/src/Icon/AsteriskSolid24.tsx +++ b/packages/picasso/src/Icon/AsteriskSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/AsteriskSolidResponsive.tsx b/packages/picasso/src/Icon/AsteriskSolidResponsive.tsx index 1d137e125f..6fd68ee2f1 100644 --- a/packages/picasso/src/Icon/AsteriskSolidResponsive.tsx +++ b/packages/picasso/src/Icon/AsteriskSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Attachment16.tsx b/packages/picasso/src/Icon/Attachment16.tsx index 5c98ea7ccb..2b393f3bae 100644 --- a/packages/picasso/src/Icon/Attachment16.tsx +++ b/packages/picasso/src/Icon/Attachment16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Attachment24.tsx b/packages/picasso/src/Icon/Attachment24.tsx index 397ef2d06d..bba0e7ce32 100644 --- a/packages/picasso/src/Icon/Attachment24.tsx +++ b/packages/picasso/src/Icon/Attachment24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/AttachmentResponsive.tsx b/packages/picasso/src/Icon/AttachmentResponsive.tsx index b0dc70f87f..63799e1ba0 100644 --- a/packages/picasso/src/Icon/AttachmentResponsive.tsx +++ b/packages/picasso/src/Icon/AttachmentResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Award16.tsx b/packages/picasso/src/Icon/Award16.tsx index 8f8d4b76c6..2b96c837cc 100644 --- a/packages/picasso/src/Icon/Award16.tsx +++ b/packages/picasso/src/Icon/Award16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Award24.tsx b/packages/picasso/src/Icon/Award24.tsx index 5bd8768aab..3b46f742d0 100644 --- a/packages/picasso/src/Icon/Award24.tsx +++ b/packages/picasso/src/Icon/Award24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/AwardResponsive.tsx b/packages/picasso/src/Icon/AwardResponsive.tsx index 1f5d3e26e6..00061d919d 100644 --- a/packages/picasso/src/Icon/AwardResponsive.tsx +++ b/packages/picasso/src/Icon/AwardResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/BackMinor16.tsx b/packages/picasso/src/Icon/BackMinor16.tsx index 700c3445f4..a6aef74832 100644 --- a/packages/picasso/src/Icon/BackMinor16.tsx +++ b/packages/picasso/src/Icon/BackMinor16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/BackMinor24.tsx b/packages/picasso/src/Icon/BackMinor24.tsx index ef65a672c5..ed39079f31 100644 --- a/packages/picasso/src/Icon/BackMinor24.tsx +++ b/packages/picasso/src/Icon/BackMinor24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BackMinorResponsive.tsx b/packages/picasso/src/Icon/BackMinorResponsive.tsx index a02a507207..30c9ea5baf 100644 --- a/packages/picasso/src/Icon/BackMinorResponsive.tsx +++ b/packages/picasso/src/Icon/BackMinorResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Backspace16.tsx b/packages/picasso/src/Icon/Backspace16.tsx index 3eaa6fbe97..cc709d9035 100644 --- a/packages/picasso/src/Icon/Backspace16.tsx +++ b/packages/picasso/src/Icon/Backspace16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Backspace24.tsx b/packages/picasso/src/Icon/Backspace24.tsx index c859214874..4f270821b7 100644 --- a/packages/picasso/src/Icon/Backspace24.tsx +++ b/packages/picasso/src/Icon/Backspace24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BackspaceResponsive.tsx b/packages/picasso/src/Icon/BackspaceResponsive.tsx index e93f75d118..e7a056f532 100644 --- a/packages/picasso/src/Icon/BackspaceResponsive.tsx +++ b/packages/picasso/src/Icon/BackspaceResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/BankWire16.tsx b/packages/picasso/src/Icon/BankWire16.tsx index 35e8e50d25..1df6f0dc91 100644 --- a/packages/picasso/src/Icon/BankWire16.tsx +++ b/packages/picasso/src/Icon/BankWire16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/BankWire24.tsx b/packages/picasso/src/Icon/BankWire24.tsx index 9505928fbf..2a8aeddd87 100644 --- a/packages/picasso/src/Icon/BankWire24.tsx +++ b/packages/picasso/src/Icon/BankWire24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BankWireResponsive.tsx b/packages/picasso/src/Icon/BankWireResponsive.tsx index e8f203e6b2..e29ccf7e57 100644 --- a/packages/picasso/src/Icon/BankWireResponsive.tsx +++ b/packages/picasso/src/Icon/BankWireResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Behance16.tsx b/packages/picasso/src/Icon/Behance16.tsx index 349b227168..897c923951 100644 --- a/packages/picasso/src/Icon/Behance16.tsx +++ b/packages/picasso/src/Icon/Behance16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Behance24.tsx b/packages/picasso/src/Icon/Behance24.tsx index ac560c1a0c..55469329ce 100644 --- a/packages/picasso/src/Icon/Behance24.tsx +++ b/packages/picasso/src/Icon/Behance24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BehanceResponsive.tsx b/packages/picasso/src/Icon/BehanceResponsive.tsx index d44148d673..be67b19fc4 100644 --- a/packages/picasso/src/Icon/BehanceResponsive.tsx +++ b/packages/picasso/src/Icon/BehanceResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Bell16.tsx b/packages/picasso/src/Icon/Bell16.tsx index ba4e85b262..4396e8c543 100644 --- a/packages/picasso/src/Icon/Bell16.tsx +++ b/packages/picasso/src/Icon/Bell16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Bell24.tsx b/packages/picasso/src/Icon/Bell24.tsx index 4124084d7b..a67d0d34b9 100644 --- a/packages/picasso/src/Icon/Bell24.tsx +++ b/packages/picasso/src/Icon/Bell24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BellOff16.tsx b/packages/picasso/src/Icon/BellOff16.tsx index ded298a0bf..bb402300a5 100644 --- a/packages/picasso/src/Icon/BellOff16.tsx +++ b/packages/picasso/src/Icon/BellOff16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/BellOff24.tsx b/packages/picasso/src/Icon/BellOff24.tsx index 0e016f7f10..c27ac2f045 100644 --- a/packages/picasso/src/Icon/BellOff24.tsx +++ b/packages/picasso/src/Icon/BellOff24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BellOffResponsive.tsx b/packages/picasso/src/Icon/BellOffResponsive.tsx index 502f6b1709..c7f38ff31c 100644 --- a/packages/picasso/src/Icon/BellOffResponsive.tsx +++ b/packages/picasso/src/Icon/BellOffResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/BellResponsive.tsx b/packages/picasso/src/Icon/BellResponsive.tsx index 7956386d91..95b59b8e60 100644 --- a/packages/picasso/src/Icon/BellResponsive.tsx +++ b/packages/picasso/src/Icon/BellResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/BellSolid16.tsx b/packages/picasso/src/Icon/BellSolid16.tsx index 05ff31b5ab..68dc0d3155 100644 --- a/packages/picasso/src/Icon/BellSolid16.tsx +++ b/packages/picasso/src/Icon/BellSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/BellSolid24.tsx b/packages/picasso/src/Icon/BellSolid24.tsx index b4eee1bdf1..3caa95744b 100644 --- a/packages/picasso/src/Icon/BellSolid24.tsx +++ b/packages/picasso/src/Icon/BellSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BellSolidResponsive.tsx b/packages/picasso/src/Icon/BellSolidResponsive.tsx index 63137dd8a7..30c7cbc46d 100644 --- a/packages/picasso/src/Icon/BellSolidResponsive.tsx +++ b/packages/picasso/src/Icon/BellSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Billing16.tsx b/packages/picasso/src/Icon/Billing16.tsx index dc03b6358f..f80c7f49ef 100644 --- a/packages/picasso/src/Icon/Billing16.tsx +++ b/packages/picasso/src/Icon/Billing16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Billing24.tsx b/packages/picasso/src/Icon/Billing24.tsx index 1490429e1b..36af2e7b0d 100644 --- a/packages/picasso/src/Icon/Billing24.tsx +++ b/packages/picasso/src/Icon/Billing24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BillingResponsive.tsx b/packages/picasso/src/Icon/BillingResponsive.tsx index 5115657bae..9ffd241626 100644 --- a/packages/picasso/src/Icon/BillingResponsive.tsx +++ b/packages/picasso/src/Icon/BillingResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Bold16.tsx b/packages/picasso/src/Icon/Bold16.tsx index 1e8e8d7bab..fbee3f5503 100644 --- a/packages/picasso/src/Icon/Bold16.tsx +++ b/packages/picasso/src/Icon/Bold16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Bold24.tsx b/packages/picasso/src/Icon/Bold24.tsx index 94dde5fbab..04db8bc547 100644 --- a/packages/picasso/src/Icon/Bold24.tsx +++ b/packages/picasso/src/Icon/Bold24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BoldResponsive.tsx b/packages/picasso/src/Icon/BoldResponsive.tsx index b0f20bd6b7..56a37ab4f8 100644 --- a/packages/picasso/src/Icon/BoldResponsive.tsx +++ b/packages/picasso/src/Icon/BoldResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Box16.tsx b/packages/picasso/src/Icon/Box16.tsx index fc97a3264d..75efd54e86 100644 --- a/packages/picasso/src/Icon/Box16.tsx +++ b/packages/picasso/src/Icon/Box16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Box24.tsx b/packages/picasso/src/Icon/Box24.tsx index a371dda3e0..5f46df3c92 100644 --- a/packages/picasso/src/Icon/Box24.tsx +++ b/packages/picasso/src/Icon/Box24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BoxResponsive.tsx b/packages/picasso/src/Icon/BoxResponsive.tsx index 33e50f3ba5..bb7d194dc0 100644 --- a/packages/picasso/src/Icon/BoxResponsive.tsx +++ b/packages/picasso/src/Icon/BoxResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Bullet16.tsx b/packages/picasso/src/Icon/Bullet16.tsx index 123accee7d..bc89132496 100644 --- a/packages/picasso/src/Icon/Bullet16.tsx +++ b/packages/picasso/src/Icon/Bullet16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Bullet24.tsx b/packages/picasso/src/Icon/Bullet24.tsx index 9881801699..06d0d23376 100644 --- a/packages/picasso/src/Icon/Bullet24.tsx +++ b/packages/picasso/src/Icon/Bullet24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/BulletResponsive.tsx b/packages/picasso/src/Icon/BulletResponsive.tsx index 9c15091a5c..68f58199dd 100644 --- a/packages/picasso/src/Icon/BulletResponsive.tsx +++ b/packages/picasso/src/Icon/BulletResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Calendar16.tsx b/packages/picasso/src/Icon/Calendar16.tsx index 4b249f3bb1..861a16e94e 100644 --- a/packages/picasso/src/Icon/Calendar16.tsx +++ b/packages/picasso/src/Icon/Calendar16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Calendar24.tsx b/packages/picasso/src/Icon/Calendar24.tsx index d89e00e7b1..3f0a414ce5 100644 --- a/packages/picasso/src/Icon/Calendar24.tsx +++ b/packages/picasso/src/Icon/Calendar24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CalendarReminder16.tsx b/packages/picasso/src/Icon/CalendarReminder16.tsx index dead0653c4..3149c542b8 100644 --- a/packages/picasso/src/Icon/CalendarReminder16.tsx +++ b/packages/picasso/src/Icon/CalendarReminder16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/CalendarReminder24.tsx b/packages/picasso/src/Icon/CalendarReminder24.tsx index 22d329c5c1..acb7cb29dc 100644 --- a/packages/picasso/src/Icon/CalendarReminder24.tsx +++ b/packages/picasso/src/Icon/CalendarReminder24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CalendarReminderResponsive.tsx b/packages/picasso/src/Icon/CalendarReminderResponsive.tsx index a0e9e487e7..54a6134518 100644 --- a/packages/picasso/src/Icon/CalendarReminderResponsive.tsx +++ b/packages/picasso/src/Icon/CalendarReminderResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/CalendarResponsive.tsx b/packages/picasso/src/Icon/CalendarResponsive.tsx index ef9eb2df46..a4bd04996f 100644 --- a/packages/picasso/src/Icon/CalendarResponsive.tsx +++ b/packages/picasso/src/Icon/CalendarResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Candidates16.tsx b/packages/picasso/src/Icon/Candidates16.tsx index 7c1d8afd02..42ba1bad62 100644 --- a/packages/picasso/src/Icon/Candidates16.tsx +++ b/packages/picasso/src/Icon/Candidates16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Candidates24.tsx b/packages/picasso/src/Icon/Candidates24.tsx index c7fb890b48..51d31a5c70 100644 --- a/packages/picasso/src/Icon/Candidates24.tsx +++ b/packages/picasso/src/Icon/Candidates24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CandidatesResponsive.tsx b/packages/picasso/src/Icon/CandidatesResponsive.tsx index 4528007d85..94e570ccb2 100644 --- a/packages/picasso/src/Icon/CandidatesResponsive.tsx +++ b/packages/picasso/src/Icon/CandidatesResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Career16.tsx b/packages/picasso/src/Icon/Career16.tsx index d024a9faeb..d9a5411700 100644 --- a/packages/picasso/src/Icon/Career16.tsx +++ b/packages/picasso/src/Icon/Career16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Career24.tsx b/packages/picasso/src/Icon/Career24.tsx index c19bbd4424..171c3ec0f6 100644 --- a/packages/picasso/src/Icon/Career24.tsx +++ b/packages/picasso/src/Icon/Career24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CareerResponsive.tsx b/packages/picasso/src/Icon/CareerResponsive.tsx index 69269934c3..9d54db3f49 100644 --- a/packages/picasso/src/Icon/CareerResponsive.tsx +++ b/packages/picasso/src/Icon/CareerResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Certificate16.tsx b/packages/picasso/src/Icon/Certificate16.tsx index 0e31e33fd0..5a7f724ea9 100644 --- a/packages/picasso/src/Icon/Certificate16.tsx +++ b/packages/picasso/src/Icon/Certificate16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Certificate24.tsx b/packages/picasso/src/Icon/Certificate24.tsx index 895e9c71c6..9c8ea195eb 100644 --- a/packages/picasso/src/Icon/Certificate24.tsx +++ b/packages/picasso/src/Icon/Certificate24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CertificateResponsive.tsx b/packages/picasso/src/Icon/CertificateResponsive.tsx index 9ed61a33e3..af84fe7d6e 100644 --- a/packages/picasso/src/Icon/CertificateResponsive.tsx +++ b/packages/picasso/src/Icon/CertificateResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Chat16.tsx b/packages/picasso/src/Icon/Chat16.tsx index 544e40c259..6ecdc71e6f 100644 --- a/packages/picasso/src/Icon/Chat16.tsx +++ b/packages/picasso/src/Icon/Chat16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Chat24.tsx b/packages/picasso/src/Icon/Chat24.tsx index cd29a7ecbc..f93b3911f2 100644 --- a/packages/picasso/src/Icon/Chat24.tsx +++ b/packages/picasso/src/Icon/Chat24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ChatResponsive.tsx b/packages/picasso/src/Icon/ChatResponsive.tsx index 9ececf53ae..3e0a92c08b 100644 --- a/packages/picasso/src/Icon/ChatResponsive.tsx +++ b/packages/picasso/src/Icon/ChatResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Check16.tsx b/packages/picasso/src/Icon/Check16.tsx index f794758700..8de624ec82 100644 --- a/packages/picasso/src/Icon/Check16.tsx +++ b/packages/picasso/src/Icon/Check16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Check24.tsx b/packages/picasso/src/Icon/Check24.tsx index 675d9b6a6e..9919e6b169 100644 --- a/packages/picasso/src/Icon/Check24.tsx +++ b/packages/picasso/src/Icon/Check24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CheckMinor16.tsx b/packages/picasso/src/Icon/CheckMinor16.tsx index 885feed7a4..4577ebdd50 100644 --- a/packages/picasso/src/Icon/CheckMinor16.tsx +++ b/packages/picasso/src/Icon/CheckMinor16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/CheckMinor24.tsx b/packages/picasso/src/Icon/CheckMinor24.tsx index 71169a2a42..c31db22ef9 100644 --- a/packages/picasso/src/Icon/CheckMinor24.tsx +++ b/packages/picasso/src/Icon/CheckMinor24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CheckMinorResponsive.tsx b/packages/picasso/src/Icon/CheckMinorResponsive.tsx index 486c9a2b4b..7957a0497d 100644 --- a/packages/picasso/src/Icon/CheckMinorResponsive.tsx +++ b/packages/picasso/src/Icon/CheckMinorResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/CheckResponsive.tsx b/packages/picasso/src/Icon/CheckResponsive.tsx index 0ff5a69b8f..426d50f495 100644 --- a/packages/picasso/src/Icon/CheckResponsive.tsx +++ b/packages/picasso/src/Icon/CheckResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/CheckSolid16.tsx b/packages/picasso/src/Icon/CheckSolid16.tsx index f611d4696d..41b4dda02f 100644 --- a/packages/picasso/src/Icon/CheckSolid16.tsx +++ b/packages/picasso/src/Icon/CheckSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/CheckSolid24.tsx b/packages/picasso/src/Icon/CheckSolid24.tsx index b968a3cbaf..3b456bf167 100644 --- a/packages/picasso/src/Icon/CheckSolid24.tsx +++ b/packages/picasso/src/Icon/CheckSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CheckSolidResponsive.tsx b/packages/picasso/src/Icon/CheckSolidResponsive.tsx index 4ed28e7c9f..b70fac2727 100644 --- a/packages/picasso/src/Icon/CheckSolidResponsive.tsx +++ b/packages/picasso/src/Icon/CheckSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Chevron16.tsx b/packages/picasso/src/Icon/Chevron16.tsx index 56b1e1cbf5..bcf5f8dd5b 100644 --- a/packages/picasso/src/Icon/Chevron16.tsx +++ b/packages/picasso/src/Icon/Chevron16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Chevron24.tsx b/packages/picasso/src/Icon/Chevron24.tsx index 7d39a18a1e..28fe0f1749 100644 --- a/packages/picasso/src/Icon/Chevron24.tsx +++ b/packages/picasso/src/Icon/Chevron24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ChevronMinor16.tsx b/packages/picasso/src/Icon/ChevronMinor16.tsx index 5b43bf9b61..2483623f6e 100644 --- a/packages/picasso/src/Icon/ChevronMinor16.tsx +++ b/packages/picasso/src/Icon/ChevronMinor16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ChevronMinor24.tsx b/packages/picasso/src/Icon/ChevronMinor24.tsx index 1e38286f46..0ccd25c10c 100644 --- a/packages/picasso/src/Icon/ChevronMinor24.tsx +++ b/packages/picasso/src/Icon/ChevronMinor24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ChevronMinorResponsive.tsx b/packages/picasso/src/Icon/ChevronMinorResponsive.tsx index dbbcec5eda..f49fe75b14 100644 --- a/packages/picasso/src/Icon/ChevronMinorResponsive.tsx +++ b/packages/picasso/src/Icon/ChevronMinorResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ChevronResponsive.tsx b/packages/picasso/src/Icon/ChevronResponsive.tsx index e9e8fe3485..395d3fd657 100644 --- a/packages/picasso/src/Icon/ChevronResponsive.tsx +++ b/packages/picasso/src/Icon/ChevronResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ChevronRight16.tsx b/packages/picasso/src/Icon/ChevronRight16.tsx index 47e3da6404..3b0bd8fabb 100644 --- a/packages/picasso/src/Icon/ChevronRight16.tsx +++ b/packages/picasso/src/Icon/ChevronRight16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ChevronRight24.tsx b/packages/picasso/src/Icon/ChevronRight24.tsx index 6e3810b81f..56983d2bb0 100644 --- a/packages/picasso/src/Icon/ChevronRight24.tsx +++ b/packages/picasso/src/Icon/ChevronRight24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ChevronRightResponsive.tsx b/packages/picasso/src/Icon/ChevronRightResponsive.tsx index bdd9a84ee6..34d15ea9ce 100644 --- a/packages/picasso/src/Icon/ChevronRightResponsive.tsx +++ b/packages/picasso/src/Icon/ChevronRightResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Close16.tsx b/packages/picasso/src/Icon/Close16.tsx index aebc2e704d..4aeabd9f01 100644 --- a/packages/picasso/src/Icon/Close16.tsx +++ b/packages/picasso/src/Icon/Close16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Close24.tsx b/packages/picasso/src/Icon/Close24.tsx index 3c2033defb..a837a6e64c 100644 --- a/packages/picasso/src/Icon/Close24.tsx +++ b/packages/picasso/src/Icon/Close24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CloseMinor16.tsx b/packages/picasso/src/Icon/CloseMinor16.tsx index 67b5389df0..4b93b0bafb 100644 --- a/packages/picasso/src/Icon/CloseMinor16.tsx +++ b/packages/picasso/src/Icon/CloseMinor16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/CloseMinor24.tsx b/packages/picasso/src/Icon/CloseMinor24.tsx index 755c8422c6..8654e2aa71 100644 --- a/packages/picasso/src/Icon/CloseMinor24.tsx +++ b/packages/picasso/src/Icon/CloseMinor24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CloseMinorResponsive.tsx b/packages/picasso/src/Icon/CloseMinorResponsive.tsx index 9f0c2cc38b..cef5018c16 100644 --- a/packages/picasso/src/Icon/CloseMinorResponsive.tsx +++ b/packages/picasso/src/Icon/CloseMinorResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/CloseResponsive.tsx b/packages/picasso/src/Icon/CloseResponsive.tsx index 67ee489365..39856705d0 100644 --- a/packages/picasso/src/Icon/CloseResponsive.tsx +++ b/packages/picasso/src/Icon/CloseResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Code16.tsx b/packages/picasso/src/Icon/Code16.tsx index d8109486cb..11e049b198 100644 --- a/packages/picasso/src/Icon/Code16.tsx +++ b/packages/picasso/src/Icon/Code16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Code24.tsx b/packages/picasso/src/Icon/Code24.tsx index 1c046a3677..db15255304 100644 --- a/packages/picasso/src/Icon/Code24.tsx +++ b/packages/picasso/src/Icon/Code24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CodeBlock16.tsx b/packages/picasso/src/Icon/CodeBlock16.tsx index 427d1bf2a5..12fc028a5f 100644 --- a/packages/picasso/src/Icon/CodeBlock16.tsx +++ b/packages/picasso/src/Icon/CodeBlock16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/CodeBlock24.tsx b/packages/picasso/src/Icon/CodeBlock24.tsx index 3340367645..b66c0fe488 100644 --- a/packages/picasso/src/Icon/CodeBlock24.tsx +++ b/packages/picasso/src/Icon/CodeBlock24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CodeBlockResponsive.tsx b/packages/picasso/src/Icon/CodeBlockResponsive.tsx index ee239f810c..9d96f94aaf 100644 --- a/packages/picasso/src/Icon/CodeBlockResponsive.tsx +++ b/packages/picasso/src/Icon/CodeBlockResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/CodeResponsive.tsx b/packages/picasso/src/Icon/CodeResponsive.tsx index e32e24cd42..863fee745c 100644 --- a/packages/picasso/src/Icon/CodeResponsive.tsx +++ b/packages/picasso/src/Icon/CodeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Commission16.tsx b/packages/picasso/src/Icon/Commission16.tsx index 3577de133a..38e873fcdf 100644 --- a/packages/picasso/src/Icon/Commission16.tsx +++ b/packages/picasso/src/Icon/Commission16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Commission24.tsx b/packages/picasso/src/Icon/Commission24.tsx index a8b9c5149e..5bbdeddc75 100644 --- a/packages/picasso/src/Icon/Commission24.tsx +++ b/packages/picasso/src/Icon/Commission24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CommissionResponsive.tsx b/packages/picasso/src/Icon/CommissionResponsive.tsx index 400348a800..80268ae447 100644 --- a/packages/picasso/src/Icon/CommissionResponsive.tsx +++ b/packages/picasso/src/Icon/CommissionResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Company16.tsx b/packages/picasso/src/Icon/Company16.tsx index b4290a888a..58ff3ca255 100644 --- a/packages/picasso/src/Icon/Company16.tsx +++ b/packages/picasso/src/Icon/Company16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Company24.tsx b/packages/picasso/src/Icon/Company24.tsx index d851fad15a..f119bcadff 100644 --- a/packages/picasso/src/Icon/Company24.tsx +++ b/packages/picasso/src/Icon/Company24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CompanyResponsive.tsx b/packages/picasso/src/Icon/CompanyResponsive.tsx index 424a855cc5..6b970bed5a 100644 --- a/packages/picasso/src/Icon/CompanyResponsive.tsx +++ b/packages/picasso/src/Icon/CompanyResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Component16.tsx b/packages/picasso/src/Icon/Component16.tsx index eb1cc0ce0f..1c73da840e 100644 --- a/packages/picasso/src/Icon/Component16.tsx +++ b/packages/picasso/src/Icon/Component16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Component24.tsx b/packages/picasso/src/Icon/Component24.tsx index 81ae51b191..28a67407ab 100644 --- a/packages/picasso/src/Icon/Component24.tsx +++ b/packages/picasso/src/Icon/Component24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ComponentResponsive.tsx b/packages/picasso/src/Icon/ComponentResponsive.tsx index 116de6b73b..17f5317e6c 100644 --- a/packages/picasso/src/Icon/ComponentResponsive.tsx +++ b/packages/picasso/src/Icon/ComponentResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Confluence16.tsx b/packages/picasso/src/Icon/Confluence16.tsx index 3d00197ae0..62b0c1c884 100644 --- a/packages/picasso/src/Icon/Confluence16.tsx +++ b/packages/picasso/src/Icon/Confluence16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Confluence24.tsx b/packages/picasso/src/Icon/Confluence24.tsx index 999cd1567b..920216bf7c 100644 --- a/packages/picasso/src/Icon/Confluence24.tsx +++ b/packages/picasso/src/Icon/Confluence24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ConfluenceResponsive.tsx b/packages/picasso/src/Icon/ConfluenceResponsive.tsx index 50840330ad..21189509be 100644 --- a/packages/picasso/src/Icon/ConfluenceResponsive.tsx +++ b/packages/picasso/src/Icon/ConfluenceResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Copy16.tsx b/packages/picasso/src/Icon/Copy16.tsx index cf2eddd7e7..32290df70a 100644 --- a/packages/picasso/src/Icon/Copy16.tsx +++ b/packages/picasso/src/Icon/Copy16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Copy24.tsx b/packages/picasso/src/Icon/Copy24.tsx index 780ce84884..b70619ebd6 100644 --- a/packages/picasso/src/Icon/Copy24.tsx +++ b/packages/picasso/src/Icon/Copy24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CopyResponsive.tsx b/packages/picasso/src/Icon/CopyResponsive.tsx index fdd03f265e..dd04e87d22 100644 --- a/packages/picasso/src/Icon/CopyResponsive.tsx +++ b/packages/picasso/src/Icon/CopyResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/CreditCard16.tsx b/packages/picasso/src/Icon/CreditCard16.tsx index 5efa3b990a..8018193269 100644 --- a/packages/picasso/src/Icon/CreditCard16.tsx +++ b/packages/picasso/src/Icon/CreditCard16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/CreditCard24.tsx b/packages/picasso/src/Icon/CreditCard24.tsx index e7d4009bb9..41d7483851 100644 --- a/packages/picasso/src/Icon/CreditCard24.tsx +++ b/packages/picasso/src/Icon/CreditCard24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/CreditCard32.tsx b/packages/picasso/src/Icon/CreditCard32.tsx index 4869a80b36..8d75f64c3a 100644 --- a/packages/picasso/src/Icon/CreditCard32.tsx +++ b/packages/picasso/src/Icon/CreditCard32.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 32 diff --git a/packages/picasso/src/Icon/CreditCardResponsive.tsx b/packages/picasso/src/Icon/CreditCardResponsive.tsx index 4882373c6a..7fc4dc7290 100644 --- a/packages/picasso/src/Icon/CreditCardResponsive.tsx +++ b/packages/picasso/src/Icon/CreditCardResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Dialpad16.tsx b/packages/picasso/src/Icon/Dialpad16.tsx index 371e997995..053fe8eee6 100644 --- a/packages/picasso/src/Icon/Dialpad16.tsx +++ b/packages/picasso/src/Icon/Dialpad16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Dialpad24.tsx b/packages/picasso/src/Icon/Dialpad24.tsx index d3978b90e7..3e48bf1fb9 100644 --- a/packages/picasso/src/Icon/Dialpad24.tsx +++ b/packages/picasso/src/Icon/Dialpad24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/DialpadResponsive.tsx b/packages/picasso/src/Icon/DialpadResponsive.tsx index 5ce3120178..196de54191 100644 --- a/packages/picasso/src/Icon/DialpadResponsive.tsx +++ b/packages/picasso/src/Icon/DialpadResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Dispute16.tsx b/packages/picasso/src/Icon/Dispute16.tsx index d5983b285b..993a8dc186 100644 --- a/packages/picasso/src/Icon/Dispute16.tsx +++ b/packages/picasso/src/Icon/Dispute16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Dispute24.tsx b/packages/picasso/src/Icon/Dispute24.tsx index ff3b1e921d..eef49dc580 100644 --- a/packages/picasso/src/Icon/Dispute24.tsx +++ b/packages/picasso/src/Icon/Dispute24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/DisputeResponsive.tsx b/packages/picasso/src/Icon/DisputeResponsive.tsx index 2469bf4957..3f011a7c3e 100644 --- a/packages/picasso/src/Icon/DisputeResponsive.tsx +++ b/packages/picasso/src/Icon/DisputeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Done16.tsx b/packages/picasso/src/Icon/Done16.tsx index e1bf6ff93f..bd524e0d3e 100644 --- a/packages/picasso/src/Icon/Done16.tsx +++ b/packages/picasso/src/Icon/Done16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Done24.tsx b/packages/picasso/src/Icon/Done24.tsx index fe21a6871d..4ec847c6ad 100644 --- a/packages/picasso/src/Icon/Done24.tsx +++ b/packages/picasso/src/Icon/Done24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/DoneResponsive.tsx b/packages/picasso/src/Icon/DoneResponsive.tsx index 42aeeea184..9689e1d925 100644 --- a/packages/picasso/src/Icon/DoneResponsive.tsx +++ b/packages/picasso/src/Icon/DoneResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/DoneSolid16.tsx b/packages/picasso/src/Icon/DoneSolid16.tsx index 67f50b6e89..a373664cc3 100644 --- a/packages/picasso/src/Icon/DoneSolid16.tsx +++ b/packages/picasso/src/Icon/DoneSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/DoneSolid24.tsx b/packages/picasso/src/Icon/DoneSolid24.tsx index fe62f031ad..fad9bab776 100644 --- a/packages/picasso/src/Icon/DoneSolid24.tsx +++ b/packages/picasso/src/Icon/DoneSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/DoneSolidResponsive.tsx b/packages/picasso/src/Icon/DoneSolidResponsive.tsx index b0f4e87f57..50582fddfc 100644 --- a/packages/picasso/src/Icon/DoneSolidResponsive.tsx +++ b/packages/picasso/src/Icon/DoneSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Download16.tsx b/packages/picasso/src/Icon/Download16.tsx index f19bc8d825..db129532b5 100644 --- a/packages/picasso/src/Icon/Download16.tsx +++ b/packages/picasso/src/Icon/Download16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Download24.tsx b/packages/picasso/src/Icon/Download24.tsx index 807347f605..eb98aa93e6 100644 --- a/packages/picasso/src/Icon/Download24.tsx +++ b/packages/picasso/src/Icon/Download24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/DownloadResponsive.tsx b/packages/picasso/src/Icon/DownloadResponsive.tsx index c1e593e16f..ef4f0a9c10 100644 --- a/packages/picasso/src/Icon/DownloadResponsive.tsx +++ b/packages/picasso/src/Icon/DownloadResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Drag16.tsx b/packages/picasso/src/Icon/Drag16.tsx index f7f49ca429..854fb58374 100644 --- a/packages/picasso/src/Icon/Drag16.tsx +++ b/packages/picasso/src/Icon/Drag16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Drag24.tsx b/packages/picasso/src/Icon/Drag24.tsx index e7e72255d7..62906b413a 100644 --- a/packages/picasso/src/Icon/Drag24.tsx +++ b/packages/picasso/src/Icon/Drag24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/DragResponsive.tsx b/packages/picasso/src/Icon/DragResponsive.tsx index 7e50a812a3..e15e3fa08e 100644 --- a/packages/picasso/src/Icon/DragResponsive.tsx +++ b/packages/picasso/src/Icon/DragResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Dribble16.tsx b/packages/picasso/src/Icon/Dribble16.tsx index 9a057ccd3a..1ede2300d7 100644 --- a/packages/picasso/src/Icon/Dribble16.tsx +++ b/packages/picasso/src/Icon/Dribble16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Dribble24.tsx b/packages/picasso/src/Icon/Dribble24.tsx index a5180d6e12..86a59f9031 100644 --- a/packages/picasso/src/Icon/Dribble24.tsx +++ b/packages/picasso/src/Icon/Dribble24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/DribbleResponsive.tsx b/packages/picasso/src/Icon/DribbleResponsive.tsx index c59c54dc0a..3a3c9cc716 100644 --- a/packages/picasso/src/Icon/DribbleResponsive.tsx +++ b/packages/picasso/src/Icon/DribbleResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/DropdownArrows16.tsx b/packages/picasso/src/Icon/DropdownArrows16.tsx index b7872eb5b4..e4d681d667 100644 --- a/packages/picasso/src/Icon/DropdownArrows16.tsx +++ b/packages/picasso/src/Icon/DropdownArrows16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/DropdownArrows24.tsx b/packages/picasso/src/Icon/DropdownArrows24.tsx index 4a9a9d63c0..8be6a8aba3 100644 --- a/packages/picasso/src/Icon/DropdownArrows24.tsx +++ b/packages/picasso/src/Icon/DropdownArrows24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/DropdownArrowsResponsive.tsx b/packages/picasso/src/Icon/DropdownArrowsResponsive.tsx index d86a758298..424209dbf0 100644 --- a/packages/picasso/src/Icon/DropdownArrowsResponsive.tsx +++ b/packages/picasso/src/Icon/DropdownArrowsResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Education16.tsx b/packages/picasso/src/Icon/Education16.tsx index fafb82f050..8da8791f82 100644 --- a/packages/picasso/src/Icon/Education16.tsx +++ b/packages/picasso/src/Icon/Education16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Education24.tsx b/packages/picasso/src/Icon/Education24.tsx index c9b5e24fa3..26b64ea875 100644 --- a/packages/picasso/src/Icon/Education24.tsx +++ b/packages/picasso/src/Icon/Education24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/EducationResponsive.tsx b/packages/picasso/src/Icon/EducationResponsive.tsx index 142bde1f19..adb479eb35 100644 --- a/packages/picasso/src/Icon/EducationResponsive.tsx +++ b/packages/picasso/src/Icon/EducationResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Email16.tsx b/packages/picasso/src/Icon/Email16.tsx index e0ed0adf61..c12d988193 100644 --- a/packages/picasso/src/Icon/Email16.tsx +++ b/packages/picasso/src/Icon/Email16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Email24.tsx b/packages/picasso/src/Icon/Email24.tsx index b1e4ea133f..22be73c387 100644 --- a/packages/picasso/src/Icon/Email24.tsx +++ b/packages/picasso/src/Icon/Email24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/EmailResponsive.tsx b/packages/picasso/src/Icon/EmailResponsive.tsx index 147710ad93..77a2f48563 100644 --- a/packages/picasso/src/Icon/EmailResponsive.tsx +++ b/packages/picasso/src/Icon/EmailResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Employee16.tsx b/packages/picasso/src/Icon/Employee16.tsx index e0a68cc756..2d3101ba2a 100644 --- a/packages/picasso/src/Icon/Employee16.tsx +++ b/packages/picasso/src/Icon/Employee16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Employee24.tsx b/packages/picasso/src/Icon/Employee24.tsx index 952bcb7428..4463b41453 100644 --- a/packages/picasso/src/Icon/Employee24.tsx +++ b/packages/picasso/src/Icon/Employee24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/EmployeeResponsive.tsx b/packages/picasso/src/Icon/EmployeeResponsive.tsx index 7a90c8d0ba..62d5f19eee 100644 --- a/packages/picasso/src/Icon/EmployeeResponsive.tsx +++ b/packages/picasso/src/Icon/EmployeeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Evening16.tsx b/packages/picasso/src/Icon/Evening16.tsx index 106a3a068b..5a91691452 100644 --- a/packages/picasso/src/Icon/Evening16.tsx +++ b/packages/picasso/src/Icon/Evening16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Evening24.tsx b/packages/picasso/src/Icon/Evening24.tsx index 21c9902a34..6fe00ee308 100644 --- a/packages/picasso/src/Icon/Evening24.tsx +++ b/packages/picasso/src/Icon/Evening24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/EveningResponsive.tsx b/packages/picasso/src/Icon/EveningResponsive.tsx index 82e96921eb..52ad70c5e5 100644 --- a/packages/picasso/src/Icon/EveningResponsive.tsx +++ b/packages/picasso/src/Icon/EveningResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Exclamation16.tsx b/packages/picasso/src/Icon/Exclamation16.tsx index 750f887938..4bf2135dd6 100644 --- a/packages/picasso/src/Icon/Exclamation16.tsx +++ b/packages/picasso/src/Icon/Exclamation16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Exclamation24.tsx b/packages/picasso/src/Icon/Exclamation24.tsx index 5ee30833ca..36adc702b9 100644 --- a/packages/picasso/src/Icon/Exclamation24.tsx +++ b/packages/picasso/src/Icon/Exclamation24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ExclamationResponsive.tsx b/packages/picasso/src/Icon/ExclamationResponsive.tsx index a76477b183..176d745477 100644 --- a/packages/picasso/src/Icon/ExclamationResponsive.tsx +++ b/packages/picasso/src/Icon/ExclamationResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ExclamationSolid16.tsx b/packages/picasso/src/Icon/ExclamationSolid16.tsx index 958115d3b1..5e08b74b90 100644 --- a/packages/picasso/src/Icon/ExclamationSolid16.tsx +++ b/packages/picasso/src/Icon/ExclamationSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ExclamationSolid24.tsx b/packages/picasso/src/Icon/ExclamationSolid24.tsx index 6d8c7c0302..102a458467 100644 --- a/packages/picasso/src/Icon/ExclamationSolid24.tsx +++ b/packages/picasso/src/Icon/ExclamationSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ExclamationSolidResponsive.tsx b/packages/picasso/src/Icon/ExclamationSolidResponsive.tsx index 07c6120da7..f66084d875 100644 --- a/packages/picasso/src/Icon/ExclamationSolidResponsive.tsx +++ b/packages/picasso/src/Icon/ExclamationSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Eye16.tsx b/packages/picasso/src/Icon/Eye16.tsx index f224413dcc..954b4f4dce 100644 --- a/packages/picasso/src/Icon/Eye16.tsx +++ b/packages/picasso/src/Icon/Eye16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Eye24.tsx b/packages/picasso/src/Icon/Eye24.tsx index 85d3d2a4a7..fa8d98f1d4 100644 --- a/packages/picasso/src/Icon/Eye24.tsx +++ b/packages/picasso/src/Icon/Eye24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/EyeHidden16.tsx b/packages/picasso/src/Icon/EyeHidden16.tsx index 79983be505..498c9238a9 100644 --- a/packages/picasso/src/Icon/EyeHidden16.tsx +++ b/packages/picasso/src/Icon/EyeHidden16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/EyeHidden24.tsx b/packages/picasso/src/Icon/EyeHidden24.tsx index f7fa94795a..b2e58006fe 100644 --- a/packages/picasso/src/Icon/EyeHidden24.tsx +++ b/packages/picasso/src/Icon/EyeHidden24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/EyeHiddenResponsive.tsx b/packages/picasso/src/Icon/EyeHiddenResponsive.tsx index 4a58f67ff6..522eeb136c 100644 --- a/packages/picasso/src/Icon/EyeHiddenResponsive.tsx +++ b/packages/picasso/src/Icon/EyeHiddenResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/EyeResponsive.tsx b/packages/picasso/src/Icon/EyeResponsive.tsx index 145d42be29..4c92b73db9 100644 --- a/packages/picasso/src/Icon/EyeResponsive.tsx +++ b/packages/picasso/src/Icon/EyeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Facebook16.tsx b/packages/picasso/src/Icon/Facebook16.tsx index 39c48676d9..0fd6a6b2d8 100644 --- a/packages/picasso/src/Icon/Facebook16.tsx +++ b/packages/picasso/src/Icon/Facebook16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Facebook24.tsx b/packages/picasso/src/Icon/Facebook24.tsx index 4f76149999..0a4b2237b8 100644 --- a/packages/picasso/src/Icon/Facebook24.tsx +++ b/packages/picasso/src/Icon/Facebook24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/FacebookResponsive.tsx b/packages/picasso/src/Icon/FacebookResponsive.tsx index 793752d4c5..fc7f628a5e 100644 --- a/packages/picasso/src/Icon/FacebookResponsive.tsx +++ b/packages/picasso/src/Icon/FacebookResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Filter16.tsx b/packages/picasso/src/Icon/Filter16.tsx index 3913d7c3af..e418d5f546 100644 --- a/packages/picasso/src/Icon/Filter16.tsx +++ b/packages/picasso/src/Icon/Filter16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Filter24.tsx b/packages/picasso/src/Icon/Filter24.tsx index 226a7d97e7..5df2b72a99 100644 --- a/packages/picasso/src/Icon/Filter24.tsx +++ b/packages/picasso/src/Icon/Filter24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/FilterResponsive.tsx b/packages/picasso/src/Icon/FilterResponsive.tsx index f28adf1c0e..266b3b8c87 100644 --- a/packages/picasso/src/Icon/FilterResponsive.tsx +++ b/packages/picasso/src/Icon/FilterResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Flag16.tsx b/packages/picasso/src/Icon/Flag16.tsx index fe350f84ee..3c9d3b7884 100644 --- a/packages/picasso/src/Icon/Flag16.tsx +++ b/packages/picasso/src/Icon/Flag16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Flag24.tsx b/packages/picasso/src/Icon/Flag24.tsx index 48d6011b86..55bbd3f60f 100644 --- a/packages/picasso/src/Icon/Flag24.tsx +++ b/packages/picasso/src/Icon/Flag24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/FlagResponsive.tsx b/packages/picasso/src/Icon/FlagResponsive.tsx index 687ab4b748..d714700511 100644 --- a/packages/picasso/src/Icon/FlagResponsive.tsx +++ b/packages/picasso/src/Icon/FlagResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Flash16.tsx b/packages/picasso/src/Icon/Flash16.tsx index 4cf3690fc7..c3d0f1abaf 100644 --- a/packages/picasso/src/Icon/Flash16.tsx +++ b/packages/picasso/src/Icon/Flash16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Flash24.tsx b/packages/picasso/src/Icon/Flash24.tsx index 0f7e577fb7..9d4e01fe98 100644 --- a/packages/picasso/src/Icon/Flash24.tsx +++ b/packages/picasso/src/Icon/Flash24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/FlashResponsive.tsx b/packages/picasso/src/Icon/FlashResponsive.tsx index c56faa3619..23e3179595 100644 --- a/packages/picasso/src/Icon/FlashResponsive.tsx +++ b/packages/picasso/src/Icon/FlashResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Folder16.tsx b/packages/picasso/src/Icon/Folder16.tsx index 8bdda3d43e..ed62951711 100644 --- a/packages/picasso/src/Icon/Folder16.tsx +++ b/packages/picasso/src/Icon/Folder16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Folder24.tsx b/packages/picasso/src/Icon/Folder24.tsx index 09178de7a9..a250eaeafb 100644 --- a/packages/picasso/src/Icon/Folder24.tsx +++ b/packages/picasso/src/Icon/Folder24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/FolderResponsive.tsx b/packages/picasso/src/Icon/FolderResponsive.tsx index 87113c4d1e..e85e0bf8cf 100644 --- a/packages/picasso/src/Icon/FolderResponsive.tsx +++ b/packages/picasso/src/Icon/FolderResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/FullTime16.tsx b/packages/picasso/src/Icon/FullTime16.tsx index 3ede992d8f..e26162b21b 100644 --- a/packages/picasso/src/Icon/FullTime16.tsx +++ b/packages/picasso/src/Icon/FullTime16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/FullTime24.tsx b/packages/picasso/src/Icon/FullTime24.tsx index c491d75865..a31b0b5c0e 100644 --- a/packages/picasso/src/Icon/FullTime24.tsx +++ b/packages/picasso/src/Icon/FullTime24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/FullTimeResponsive.tsx b/packages/picasso/src/Icon/FullTimeResponsive.tsx index 8c6713a3dd..f809bcfc00 100644 --- a/packages/picasso/src/Icon/FullTimeResponsive.tsx +++ b/packages/picasso/src/Icon/FullTimeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Fullscreen16.tsx b/packages/picasso/src/Icon/Fullscreen16.tsx index d5c8c01a05..f0cbc6968a 100644 --- a/packages/picasso/src/Icon/Fullscreen16.tsx +++ b/packages/picasso/src/Icon/Fullscreen16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Fullscreen24.tsx b/packages/picasso/src/Icon/Fullscreen24.tsx index 7eae2c9cb1..6ab999a9d2 100644 --- a/packages/picasso/src/Icon/Fullscreen24.tsx +++ b/packages/picasso/src/Icon/Fullscreen24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/FullscreenResponsive.tsx b/packages/picasso/src/Icon/FullscreenResponsive.tsx index 29a0e42cfc..29e09a8080 100644 --- a/packages/picasso/src/Icon/FullscreenResponsive.tsx +++ b/packages/picasso/src/Icon/FullscreenResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Function16.tsx b/packages/picasso/src/Icon/Function16.tsx index 5a5ab9e05e..c5d3db062c 100644 --- a/packages/picasso/src/Icon/Function16.tsx +++ b/packages/picasso/src/Icon/Function16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Function24.tsx b/packages/picasso/src/Icon/Function24.tsx index 86fb1ad0d4..c6c5f6097c 100644 --- a/packages/picasso/src/Icon/Function24.tsx +++ b/packages/picasso/src/Icon/Function24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/FunctionResponsive.tsx b/packages/picasso/src/Icon/FunctionResponsive.tsx index 5ca0c8b79c..164cae68b0 100644 --- a/packages/picasso/src/Icon/FunctionResponsive.tsx +++ b/packages/picasso/src/Icon/FunctionResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Gift16.tsx b/packages/picasso/src/Icon/Gift16.tsx index 4a4f0a3ca7..4bc82864df 100644 --- a/packages/picasso/src/Icon/Gift16.tsx +++ b/packages/picasso/src/Icon/Gift16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Gift24.tsx b/packages/picasso/src/Icon/Gift24.tsx index 8ec1f4dd7e..a00763f232 100644 --- a/packages/picasso/src/Icon/Gift24.tsx +++ b/packages/picasso/src/Icon/Gift24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/GiftResponsive.tsx b/packages/picasso/src/Icon/GiftResponsive.tsx index 26785959c2..fc8f3ef5ed 100644 --- a/packages/picasso/src/Icon/GiftResponsive.tsx +++ b/packages/picasso/src/Icon/GiftResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Github16.tsx b/packages/picasso/src/Icon/Github16.tsx index bbdf590bee..6a2dccc2b0 100644 --- a/packages/picasso/src/Icon/Github16.tsx +++ b/packages/picasso/src/Icon/Github16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Github24.tsx b/packages/picasso/src/Icon/Github24.tsx index ebda23c9b0..6aa2fe00c1 100644 --- a/packages/picasso/src/Icon/Github24.tsx +++ b/packages/picasso/src/Icon/Github24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/GithubResponsive.tsx b/packages/picasso/src/Icon/GithubResponsive.tsx index 150f85004a..c5edc7ef03 100644 --- a/packages/picasso/src/Icon/GithubResponsive.tsx +++ b/packages/picasso/src/Icon/GithubResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Globe16.tsx b/packages/picasso/src/Icon/Globe16.tsx index 15dd57aedc..08eb7d8cb2 100644 --- a/packages/picasso/src/Icon/Globe16.tsx +++ b/packages/picasso/src/Icon/Globe16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Globe24.tsx b/packages/picasso/src/Icon/Globe24.tsx index d4b708f02e..63c2572dd6 100644 --- a/packages/picasso/src/Icon/Globe24.tsx +++ b/packages/picasso/src/Icon/Globe24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/GlobeResponsive.tsx b/packages/picasso/src/Icon/GlobeResponsive.tsx index f7f679eb85..632112ffef 100644 --- a/packages/picasso/src/Icon/GlobeResponsive.tsx +++ b/packages/picasso/src/Icon/GlobeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Guests16.tsx b/packages/picasso/src/Icon/Guests16.tsx index 8a959c7b27..e39083f067 100644 --- a/packages/picasso/src/Icon/Guests16.tsx +++ b/packages/picasso/src/Icon/Guests16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Guests24.tsx b/packages/picasso/src/Icon/Guests24.tsx index 19ec39f5b7..8895818613 100644 --- a/packages/picasso/src/Icon/Guests24.tsx +++ b/packages/picasso/src/Icon/Guests24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/GuestsResponsive.tsx b/packages/picasso/src/Icon/GuestsResponsive.tsx index 3abe681d23..9d6651e6eb 100644 --- a/packages/picasso/src/Icon/GuestsResponsive.tsx +++ b/packages/picasso/src/Icon/GuestsResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Heartbeat16.tsx b/packages/picasso/src/Icon/Heartbeat16.tsx index 01f36a0326..7b3eb2dc04 100644 --- a/packages/picasso/src/Icon/Heartbeat16.tsx +++ b/packages/picasso/src/Icon/Heartbeat16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Heartbeat24.tsx b/packages/picasso/src/Icon/Heartbeat24.tsx index 53b5353c0d..915ba9eb16 100644 --- a/packages/picasso/src/Icon/Heartbeat24.tsx +++ b/packages/picasso/src/Icon/Heartbeat24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/HeartbeatResponsive.tsx b/packages/picasso/src/Icon/HeartbeatResponsive.tsx index d2d1f0e645..674eaca243 100644 --- a/packages/picasso/src/Icon/HeartbeatResponsive.tsx +++ b/packages/picasso/src/Icon/HeartbeatResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Help16.tsx b/packages/picasso/src/Icon/Help16.tsx index 5cf6643936..190e25c907 100644 --- a/packages/picasso/src/Icon/Help16.tsx +++ b/packages/picasso/src/Icon/Help16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Help24.tsx b/packages/picasso/src/Icon/Help24.tsx index 8e814216de..eff304d9ce 100644 --- a/packages/picasso/src/Icon/Help24.tsx +++ b/packages/picasso/src/Icon/Help24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/HelpResponsive.tsx b/packages/picasso/src/Icon/HelpResponsive.tsx index 211365d88c..ec56ddcf6e 100644 --- a/packages/picasso/src/Icon/HelpResponsive.tsx +++ b/packages/picasso/src/Icon/HelpResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Home16.tsx b/packages/picasso/src/Icon/Home16.tsx index 743e06085e..0fb211d17d 100644 --- a/packages/picasso/src/Icon/Home16.tsx +++ b/packages/picasso/src/Icon/Home16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Home24.tsx b/packages/picasso/src/Icon/Home24.tsx index 6acf46f184..cd9191cc49 100644 --- a/packages/picasso/src/Icon/Home24.tsx +++ b/packages/picasso/src/Icon/Home24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/HomeResponsive.tsx b/packages/picasso/src/Icon/HomeResponsive.tsx index 93f456d3f7..df774e0ec9 100644 --- a/packages/picasso/src/Icon/HomeResponsive.tsx +++ b/packages/picasso/src/Icon/HomeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Image16.tsx b/packages/picasso/src/Icon/Image16.tsx index a7f051cb1e..7dfd6a2456 100644 --- a/packages/picasso/src/Icon/Image16.tsx +++ b/packages/picasso/src/Icon/Image16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Image24.tsx b/packages/picasso/src/Icon/Image24.tsx index bfb7e109bb..1a44c29ebd 100644 --- a/packages/picasso/src/Icon/Image24.tsx +++ b/packages/picasso/src/Icon/Image24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ImageResponsive.tsx b/packages/picasso/src/Icon/ImageResponsive.tsx index eb3048fdda..d677411f78 100644 --- a/packages/picasso/src/Icon/ImageResponsive.tsx +++ b/packages/picasso/src/Icon/ImageResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Inbox16.tsx b/packages/picasso/src/Icon/Inbox16.tsx index c25b5dc6d6..a39eb030ae 100644 --- a/packages/picasso/src/Icon/Inbox16.tsx +++ b/packages/picasso/src/Icon/Inbox16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Inbox24.tsx b/packages/picasso/src/Icon/Inbox24.tsx index e53f55bd5c..6853f80615 100644 --- a/packages/picasso/src/Icon/Inbox24.tsx +++ b/packages/picasso/src/Icon/Inbox24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/InboxResponsive.tsx b/packages/picasso/src/Icon/InboxResponsive.tsx index 050824c706..93508f0b5d 100644 --- a/packages/picasso/src/Icon/InboxResponsive.tsx +++ b/packages/picasso/src/Icon/InboxResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Info16.tsx b/packages/picasso/src/Icon/Info16.tsx index 585a41e889..890c015657 100644 --- a/packages/picasso/src/Icon/Info16.tsx +++ b/packages/picasso/src/Icon/Info16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Info24.tsx b/packages/picasso/src/Icon/Info24.tsx index 51a9d5022f..1768fcc0c8 100644 --- a/packages/picasso/src/Icon/Info24.tsx +++ b/packages/picasso/src/Icon/Info24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/InfoResponsive.tsx b/packages/picasso/src/Icon/InfoResponsive.tsx index f3f21f4c2c..4a969371c3 100644 --- a/packages/picasso/src/Icon/InfoResponsive.tsx +++ b/packages/picasso/src/Icon/InfoResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/InfoSolid16.tsx b/packages/picasso/src/Icon/InfoSolid16.tsx index b41d44c3fe..b6fc5d7f80 100644 --- a/packages/picasso/src/Icon/InfoSolid16.tsx +++ b/packages/picasso/src/Icon/InfoSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/InfoSolid24.tsx b/packages/picasso/src/Icon/InfoSolid24.tsx index eba77e310d..dbfdbfd68c 100644 --- a/packages/picasso/src/Icon/InfoSolid24.tsx +++ b/packages/picasso/src/Icon/InfoSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/InfoSolidResponsive.tsx b/packages/picasso/src/Icon/InfoSolidResponsive.tsx index d56cac0b87..224a936b81 100644 --- a/packages/picasso/src/Icon/InfoSolidResponsive.tsx +++ b/packages/picasso/src/Icon/InfoSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Instagram16.tsx b/packages/picasso/src/Icon/Instagram16.tsx index 0d17bf81af..4369560d87 100644 --- a/packages/picasso/src/Icon/Instagram16.tsx +++ b/packages/picasso/src/Icon/Instagram16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Instagram24.tsx b/packages/picasso/src/Icon/Instagram24.tsx index 69e854b802..976abc3fa8 100644 --- a/packages/picasso/src/Icon/Instagram24.tsx +++ b/packages/picasso/src/Icon/Instagram24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/InstagramResponsive.tsx b/packages/picasso/src/Icon/InstagramResponsive.tsx index 9b91b5df6b..c02e113da7 100644 --- a/packages/picasso/src/Icon/InstagramResponsive.tsx +++ b/packages/picasso/src/Icon/InstagramResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Italic16.tsx b/packages/picasso/src/Icon/Italic16.tsx index 03a1e09f41..b6ea0d01e0 100644 --- a/packages/picasso/src/Icon/Italic16.tsx +++ b/packages/picasso/src/Icon/Italic16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Italic24.tsx b/packages/picasso/src/Icon/Italic24.tsx index 9f3500650e..5650fa1104 100644 --- a/packages/picasso/src/Icon/Italic24.tsx +++ b/packages/picasso/src/Icon/Italic24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ItalicResponsive.tsx b/packages/picasso/src/Icon/ItalicResponsive.tsx index 8f5a4a1333..4ad92c9d57 100644 --- a/packages/picasso/src/Icon/ItalicResponsive.tsx +++ b/packages/picasso/src/Icon/ItalicResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/JobChange16.tsx b/packages/picasso/src/Icon/JobChange16.tsx index 943f988693..925b2e4e1f 100644 --- a/packages/picasso/src/Icon/JobChange16.tsx +++ b/packages/picasso/src/Icon/JobChange16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/JobChange24.tsx b/packages/picasso/src/Icon/JobChange24.tsx index f002311342..4391074637 100644 --- a/packages/picasso/src/Icon/JobChange24.tsx +++ b/packages/picasso/src/Icon/JobChange24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/JobChangeResponsive.tsx b/packages/picasso/src/Icon/JobChangeResponsive.tsx index ba97d3043c..b8ba83e997 100644 --- a/packages/picasso/src/Icon/JobChangeResponsive.tsx +++ b/packages/picasso/src/Icon/JobChangeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Jobs16.tsx b/packages/picasso/src/Icon/Jobs16.tsx index 0e40edaceb..3e1197e263 100644 --- a/packages/picasso/src/Icon/Jobs16.tsx +++ b/packages/picasso/src/Icon/Jobs16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Jobs24.tsx b/packages/picasso/src/Icon/Jobs24.tsx index b7feaccc4f..1945878b53 100644 --- a/packages/picasso/src/Icon/Jobs24.tsx +++ b/packages/picasso/src/Icon/Jobs24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/JobsResponsive.tsx b/packages/picasso/src/Icon/JobsResponsive.tsx index 92eeb04cd8..2270b07880 100644 --- a/packages/picasso/src/Icon/JobsResponsive.tsx +++ b/packages/picasso/src/Icon/JobsResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Keyboard16.tsx b/packages/picasso/src/Icon/Keyboard16.tsx index d7aacee0e8..4c828f83c2 100644 --- a/packages/picasso/src/Icon/Keyboard16.tsx +++ b/packages/picasso/src/Icon/Keyboard16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Keyboard24.tsx b/packages/picasso/src/Icon/Keyboard24.tsx index bfa97b5350..b64e6815d0 100644 --- a/packages/picasso/src/Icon/Keyboard24.tsx +++ b/packages/picasso/src/Icon/Keyboard24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/KeyboardResponsive.tsx b/packages/picasso/src/Icon/KeyboardResponsive.tsx index 5ba61da600..0678b16bb3 100644 --- a/packages/picasso/src/Icon/KeyboardResponsive.tsx +++ b/packages/picasso/src/Icon/KeyboardResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Language16.tsx b/packages/picasso/src/Icon/Language16.tsx index cbd9941656..63328c4332 100644 --- a/packages/picasso/src/Icon/Language16.tsx +++ b/packages/picasso/src/Icon/Language16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Language24.tsx b/packages/picasso/src/Icon/Language24.tsx index ee59727e2c..f56086b943 100644 --- a/packages/picasso/src/Icon/Language24.tsx +++ b/packages/picasso/src/Icon/Language24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LanguageResponsive.tsx b/packages/picasso/src/Icon/LanguageResponsive.tsx index 93a0db40e0..749adfa7ff 100644 --- a/packages/picasso/src/Icon/LanguageResponsive.tsx +++ b/packages/picasso/src/Icon/LanguageResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Layers16.tsx b/packages/picasso/src/Icon/Layers16.tsx index da332c4225..33ce8032a2 100644 --- a/packages/picasso/src/Icon/Layers16.tsx +++ b/packages/picasso/src/Icon/Layers16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Layers24.tsx b/packages/picasso/src/Icon/Layers24.tsx index 72d816b1e0..72d5a9465d 100644 --- a/packages/picasso/src/Icon/Layers24.tsx +++ b/packages/picasso/src/Icon/Layers24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LayersResponsive.tsx b/packages/picasso/src/Icon/LayersResponsive.tsx index 78117a7161..00adbbdf87 100644 --- a/packages/picasso/src/Icon/LayersResponsive.tsx +++ b/packages/picasso/src/Icon/LayersResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/LeadOrgUnitJoin16.tsx b/packages/picasso/src/Icon/LeadOrgUnitJoin16.tsx index 5027535bcd..bd58a12c2e 100644 --- a/packages/picasso/src/Icon/LeadOrgUnitJoin16.tsx +++ b/packages/picasso/src/Icon/LeadOrgUnitJoin16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/LeadOrgUnitJoin24.tsx b/packages/picasso/src/Icon/LeadOrgUnitJoin24.tsx index 1661a8160d..e6955c5b0b 100644 --- a/packages/picasso/src/Icon/LeadOrgUnitJoin24.tsx +++ b/packages/picasso/src/Icon/LeadOrgUnitJoin24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LeadOrgUnitJoinResponsive.tsx b/packages/picasso/src/Icon/LeadOrgUnitJoinResponsive.tsx index d3c66492cb..f44e31d752 100644 --- a/packages/picasso/src/Icon/LeadOrgUnitJoinResponsive.tsx +++ b/packages/picasso/src/Icon/LeadOrgUnitJoinResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Leave16.tsx b/packages/picasso/src/Icon/Leave16.tsx index c9c924d26f..d631e9b915 100644 --- a/packages/picasso/src/Icon/Leave16.tsx +++ b/packages/picasso/src/Icon/Leave16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Leave24.tsx b/packages/picasso/src/Icon/Leave24.tsx index bdc7ca97fa..3008657b2e 100644 --- a/packages/picasso/src/Icon/Leave24.tsx +++ b/packages/picasso/src/Icon/Leave24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LeaveResponsive.tsx b/packages/picasso/src/Icon/LeaveResponsive.tsx index 56da9fb4f1..ae8cc781bc 100644 --- a/packages/picasso/src/Icon/LeaveResponsive.tsx +++ b/packages/picasso/src/Icon/LeaveResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/LegalInfo16.tsx b/packages/picasso/src/Icon/LegalInfo16.tsx index 94963bf70a..5606a14fdc 100644 --- a/packages/picasso/src/Icon/LegalInfo16.tsx +++ b/packages/picasso/src/Icon/LegalInfo16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/LegalInfo24.tsx b/packages/picasso/src/Icon/LegalInfo24.tsx index b7f3f20ee7..4c51d64fbb 100644 --- a/packages/picasso/src/Icon/LegalInfo24.tsx +++ b/packages/picasso/src/Icon/LegalInfo24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LegalInfoResponsive.tsx b/packages/picasso/src/Icon/LegalInfoResponsive.tsx index 84157a3d49..55ea6500b0 100644 --- a/packages/picasso/src/Icon/LegalInfoResponsive.tsx +++ b/packages/picasso/src/Icon/LegalInfoResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Length16.tsx b/packages/picasso/src/Icon/Length16.tsx index 95e2ec224a..ae41cc6e5f 100644 --- a/packages/picasso/src/Icon/Length16.tsx +++ b/packages/picasso/src/Icon/Length16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Length24.tsx b/packages/picasso/src/Icon/Length24.tsx index 5f420769f0..b50b45cc8b 100644 --- a/packages/picasso/src/Icon/Length24.tsx +++ b/packages/picasso/src/Icon/Length24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LengthResponsive.tsx b/packages/picasso/src/Icon/LengthResponsive.tsx index ceeebe3ecb..b23e60d581 100644 --- a/packages/picasso/src/Icon/LengthResponsive.tsx +++ b/packages/picasso/src/Icon/LengthResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Link16.tsx b/packages/picasso/src/Icon/Link16.tsx index 69b83a76b0..7173e67345 100644 --- a/packages/picasso/src/Icon/Link16.tsx +++ b/packages/picasso/src/Icon/Link16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Link24.tsx b/packages/picasso/src/Icon/Link24.tsx index 6715622dc6..ae0f181d99 100644 --- a/packages/picasso/src/Icon/Link24.tsx +++ b/packages/picasso/src/Icon/Link24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LinkResponsive.tsx b/packages/picasso/src/Icon/LinkResponsive.tsx index 6a266cc77c..5eb39d1da7 100644 --- a/packages/picasso/src/Icon/LinkResponsive.tsx +++ b/packages/picasso/src/Icon/LinkResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Linkedin16.tsx b/packages/picasso/src/Icon/Linkedin16.tsx index 354714d882..04c0ae81be 100644 --- a/packages/picasso/src/Icon/Linkedin16.tsx +++ b/packages/picasso/src/Icon/Linkedin16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Linkedin24.tsx b/packages/picasso/src/Icon/Linkedin24.tsx index 8f37b43ab6..8d32b523f9 100644 --- a/packages/picasso/src/Icon/Linkedin24.tsx +++ b/packages/picasso/src/Icon/Linkedin24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LinkedinResponsive.tsx b/packages/picasso/src/Icon/LinkedinResponsive.tsx index a38c39bd1e..77684e4570 100644 --- a/packages/picasso/src/Icon/LinkedinResponsive.tsx +++ b/packages/picasso/src/Icon/LinkedinResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ListOrdered16.tsx b/packages/picasso/src/Icon/ListOrdered16.tsx index 64d1d184e7..efd9511297 100644 --- a/packages/picasso/src/Icon/ListOrdered16.tsx +++ b/packages/picasso/src/Icon/ListOrdered16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ListOrdered24.tsx b/packages/picasso/src/Icon/ListOrdered24.tsx index 667b4fdbb0..bf507bfe6a 100644 --- a/packages/picasso/src/Icon/ListOrdered24.tsx +++ b/packages/picasso/src/Icon/ListOrdered24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ListOrderedResponsive.tsx b/packages/picasso/src/Icon/ListOrderedResponsive.tsx index bd61d4b766..af56a55c30 100644 --- a/packages/picasso/src/Icon/ListOrderedResponsive.tsx +++ b/packages/picasso/src/Icon/ListOrderedResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ListUnordered16.tsx b/packages/picasso/src/Icon/ListUnordered16.tsx index fdfd82b8f0..0ac0f81084 100644 --- a/packages/picasso/src/Icon/ListUnordered16.tsx +++ b/packages/picasso/src/Icon/ListUnordered16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ListUnordered24.tsx b/packages/picasso/src/Icon/ListUnordered24.tsx index cc84b19c1c..808da9dc94 100644 --- a/packages/picasso/src/Icon/ListUnordered24.tsx +++ b/packages/picasso/src/Icon/ListUnordered24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ListUnorderedResponsive.tsx b/packages/picasso/src/Icon/ListUnorderedResponsive.tsx index 51b65ec864..67376b9cf9 100644 --- a/packages/picasso/src/Icon/ListUnorderedResponsive.tsx +++ b/packages/picasso/src/Icon/ListUnorderedResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Lock16.tsx b/packages/picasso/src/Icon/Lock16.tsx index 91d7be7726..03444c8761 100644 --- a/packages/picasso/src/Icon/Lock16.tsx +++ b/packages/picasso/src/Icon/Lock16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Lock24.tsx b/packages/picasso/src/Icon/Lock24.tsx index 4234ddb73a..8b71b36e6c 100644 --- a/packages/picasso/src/Icon/Lock24.tsx +++ b/packages/picasso/src/Icon/Lock24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/LockResponsive.tsx b/packages/picasso/src/Icon/LockResponsive.tsx index fe0ac577f5..06ac587541 100644 --- a/packages/picasso/src/Icon/LockResponsive.tsx +++ b/packages/picasso/src/Icon/LockResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Logo.tsx b/packages/picasso/src/Icon/Logo.tsx index 4b64b47048..c5079db9ef 100644 --- a/packages/picasso/src/Icon/Logo.tsx +++ b/packages/picasso/src/Icon/Logo.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/LogoEmblem.tsx b/packages/picasso/src/Icon/LogoEmblem.tsx index c2ca97856b..b666f2a00d 100644 --- a/packages/picasso/src/Icon/LogoEmblem.tsx +++ b/packages/picasso/src/Icon/LogoEmblem.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Message16.tsx b/packages/picasso/src/Icon/Message16.tsx index 1f793f9c33..864039818a 100644 --- a/packages/picasso/src/Icon/Message16.tsx +++ b/packages/picasso/src/Icon/Message16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Message24.tsx b/packages/picasso/src/Icon/Message24.tsx index 2ed4d505db..c6f1bd17f8 100644 --- a/packages/picasso/src/Icon/Message24.tsx +++ b/packages/picasso/src/Icon/Message24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MessageResponsive.tsx b/packages/picasso/src/Icon/MessageResponsive.tsx index fac65c97e4..3038dba896 100644 --- a/packages/picasso/src/Icon/MessageResponsive.tsx +++ b/packages/picasso/src/Icon/MessageResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/MicrophoneOff16.tsx b/packages/picasso/src/Icon/MicrophoneOff16.tsx index 5399da7842..a429dc0ae9 100644 --- a/packages/picasso/src/Icon/MicrophoneOff16.tsx +++ b/packages/picasso/src/Icon/MicrophoneOff16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/MicrophoneOff24.tsx b/packages/picasso/src/Icon/MicrophoneOff24.tsx index 3193faa336..263eae4986 100644 --- a/packages/picasso/src/Icon/MicrophoneOff24.tsx +++ b/packages/picasso/src/Icon/MicrophoneOff24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MicrophoneOffResponsive.tsx b/packages/picasso/src/Icon/MicrophoneOffResponsive.tsx index b06c4d2887..86f179219f 100644 --- a/packages/picasso/src/Icon/MicrophoneOffResponsive.tsx +++ b/packages/picasso/src/Icon/MicrophoneOffResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/MicrophoneOn16.tsx b/packages/picasso/src/Icon/MicrophoneOn16.tsx index ad3a8638ea..e8e635e62b 100644 --- a/packages/picasso/src/Icon/MicrophoneOn16.tsx +++ b/packages/picasso/src/Icon/MicrophoneOn16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/MicrophoneOn24.tsx b/packages/picasso/src/Icon/MicrophoneOn24.tsx index ebff23ebe0..379623851d 100644 --- a/packages/picasso/src/Icon/MicrophoneOn24.tsx +++ b/packages/picasso/src/Icon/MicrophoneOn24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MicrophoneOnResponsive.tsx b/packages/picasso/src/Icon/MicrophoneOnResponsive.tsx index d0745fb673..2ea18b9b3c 100644 --- a/packages/picasso/src/Icon/MicrophoneOnResponsive.tsx +++ b/packages/picasso/src/Icon/MicrophoneOnResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Minus16.tsx b/packages/picasso/src/Icon/Minus16.tsx index f1fce10b13..8bc51c3349 100644 --- a/packages/picasso/src/Icon/Minus16.tsx +++ b/packages/picasso/src/Icon/Minus16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Minus24.tsx b/packages/picasso/src/Icon/Minus24.tsx index 39db0cbb16..ca74f46a29 100644 --- a/packages/picasso/src/Icon/Minus24.tsx +++ b/packages/picasso/src/Icon/Minus24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MinusResponsive.tsx b/packages/picasso/src/Icon/MinusResponsive.tsx index 5adf7fbff7..57fef1be7e 100644 --- a/packages/picasso/src/Icon/MinusResponsive.tsx +++ b/packages/picasso/src/Icon/MinusResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/MissedCall16.tsx b/packages/picasso/src/Icon/MissedCall16.tsx index c45a3c31bc..a4ae09dac1 100644 --- a/packages/picasso/src/Icon/MissedCall16.tsx +++ b/packages/picasso/src/Icon/MissedCall16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/MissedCall24.tsx b/packages/picasso/src/Icon/MissedCall24.tsx index e6a7452d84..3ee74b9fcd 100644 --- a/packages/picasso/src/Icon/MissedCall24.tsx +++ b/packages/picasso/src/Icon/MissedCall24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MissedCallResponsive.tsx b/packages/picasso/src/Icon/MissedCallResponsive.tsx index d582e2284a..805e9c2ec6 100644 --- a/packages/picasso/src/Icon/MissedCallResponsive.tsx +++ b/packages/picasso/src/Icon/MissedCallResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Mobile16.tsx b/packages/picasso/src/Icon/Mobile16.tsx index c8d21f8c76..fd3f91d2ca 100644 --- a/packages/picasso/src/Icon/Mobile16.tsx +++ b/packages/picasso/src/Icon/Mobile16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Mobile24.tsx b/packages/picasso/src/Icon/Mobile24.tsx index 88b67fdff7..68c436108d 100644 --- a/packages/picasso/src/Icon/Mobile24.tsx +++ b/packages/picasso/src/Icon/Mobile24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MobileResponsive.tsx b/packages/picasso/src/Icon/MobileResponsive.tsx index 5891419344..dc8d04394c 100644 --- a/packages/picasso/src/Icon/MobileResponsive.tsx +++ b/packages/picasso/src/Icon/MobileResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/More16.tsx b/packages/picasso/src/Icon/More16.tsx index 1712e7935c..0450ca7686 100644 --- a/packages/picasso/src/Icon/More16.tsx +++ b/packages/picasso/src/Icon/More16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/More24.tsx b/packages/picasso/src/Icon/More24.tsx index 93dd640540..7bc91fa40c 100644 --- a/packages/picasso/src/Icon/More24.tsx +++ b/packages/picasso/src/Icon/More24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MoreResponsive.tsx b/packages/picasso/src/Icon/MoreResponsive.tsx index b3fd4043ea..5d445f723b 100644 --- a/packages/picasso/src/Icon/MoreResponsive.tsx +++ b/packages/picasso/src/Icon/MoreResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Morning16.tsx b/packages/picasso/src/Icon/Morning16.tsx index bdbda1abd0..33fd5f8a2f 100644 --- a/packages/picasso/src/Icon/Morning16.tsx +++ b/packages/picasso/src/Icon/Morning16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Morning24.tsx b/packages/picasso/src/Icon/Morning24.tsx index a0130687b3..b08a2bab1a 100644 --- a/packages/picasso/src/Icon/Morning24.tsx +++ b/packages/picasso/src/Icon/Morning24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MorningResponsive.tsx b/packages/picasso/src/Icon/MorningResponsive.tsx index 735e77bd66..a0900b2b86 100644 --- a/packages/picasso/src/Icon/MorningResponsive.tsx +++ b/packages/picasso/src/Icon/MorningResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Multi16.tsx b/packages/picasso/src/Icon/Multi16.tsx index d1b5d2ffdc..0dcf83661c 100644 --- a/packages/picasso/src/Icon/Multi16.tsx +++ b/packages/picasso/src/Icon/Multi16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Multi24.tsx b/packages/picasso/src/Icon/Multi24.tsx index 10aabbe9b8..a3642a6899 100644 --- a/packages/picasso/src/Icon/Multi24.tsx +++ b/packages/picasso/src/Icon/Multi24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/MultiResponsive.tsx b/packages/picasso/src/Icon/MultiResponsive.tsx index 36a1e7b262..0d840b6cc8 100644 --- a/packages/picasso/src/Icon/MultiResponsive.tsx +++ b/packages/picasso/src/Icon/MultiResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/New16.tsx b/packages/picasso/src/Icon/New16.tsx index 8697b4714e..5dd5d90650 100644 --- a/packages/picasso/src/Icon/New16.tsx +++ b/packages/picasso/src/Icon/New16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/New24.tsx b/packages/picasso/src/Icon/New24.tsx index 3e75f57574..8cb804c6f4 100644 --- a/packages/picasso/src/Icon/New24.tsx +++ b/packages/picasso/src/Icon/New24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/NewCandidate16.tsx b/packages/picasso/src/Icon/NewCandidate16.tsx index 93550f7970..8d26f18089 100644 --- a/packages/picasso/src/Icon/NewCandidate16.tsx +++ b/packages/picasso/src/Icon/NewCandidate16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/NewCandidate24.tsx b/packages/picasso/src/Icon/NewCandidate24.tsx index 288c1b0c36..237d519843 100644 --- a/packages/picasso/src/Icon/NewCandidate24.tsx +++ b/packages/picasso/src/Icon/NewCandidate24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/NewCandidateResponsive.tsx b/packages/picasso/src/Icon/NewCandidateResponsive.tsx index c55aaa3dfc..1e0e1b50fe 100644 --- a/packages/picasso/src/Icon/NewCandidateResponsive.tsx +++ b/packages/picasso/src/Icon/NewCandidateResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/NewResponsive.tsx b/packages/picasso/src/Icon/NewResponsive.tsx index b9a19641a1..b6b40e4d13 100644 --- a/packages/picasso/src/Icon/NewResponsive.tsx +++ b/packages/picasso/src/Icon/NewResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Night16.tsx b/packages/picasso/src/Icon/Night16.tsx index 1b6a06d8b5..a3f9498bc4 100644 --- a/packages/picasso/src/Icon/Night16.tsx +++ b/packages/picasso/src/Icon/Night16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Night24.tsx b/packages/picasso/src/Icon/Night24.tsx index c3379d51bc..4ad49a2bf9 100644 --- a/packages/picasso/src/Icon/Night24.tsx +++ b/packages/picasso/src/Icon/Night24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/NightResponsive.tsx b/packages/picasso/src/Icon/NightResponsive.tsx index 38a0912f0a..f0685afb28 100644 --- a/packages/picasso/src/Icon/NightResponsive.tsx +++ b/packages/picasso/src/Icon/NightResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/NumericalAnalysis16.tsx b/packages/picasso/src/Icon/NumericalAnalysis16.tsx index 1c4cfc7a06..29040cbcae 100644 --- a/packages/picasso/src/Icon/NumericalAnalysis16.tsx +++ b/packages/picasso/src/Icon/NumericalAnalysis16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/NumericalAnalysis24.tsx b/packages/picasso/src/Icon/NumericalAnalysis24.tsx index 264c62e2df..2beb2bbb5e 100644 --- a/packages/picasso/src/Icon/NumericalAnalysis24.tsx +++ b/packages/picasso/src/Icon/NumericalAnalysis24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/NumericalAnalysisResponsive.tsx b/packages/picasso/src/Icon/NumericalAnalysisResponsive.tsx index f85c4f2843..ee9b72d921 100644 --- a/packages/picasso/src/Icon/NumericalAnalysisResponsive.tsx +++ b/packages/picasso/src/Icon/NumericalAnalysisResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Okr16.tsx b/packages/picasso/src/Icon/Okr16.tsx index 113c21da88..c3d9098952 100644 --- a/packages/picasso/src/Icon/Okr16.tsx +++ b/packages/picasso/src/Icon/Okr16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Okr24.tsx b/packages/picasso/src/Icon/Okr24.tsx index 50735c1019..eec8ea7415 100644 --- a/packages/picasso/src/Icon/Okr24.tsx +++ b/packages/picasso/src/Icon/Okr24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/OkrResponsive.tsx b/packages/picasso/src/Icon/OkrResponsive.tsx index 0c5de9c59f..3884aa86c7 100644 --- a/packages/picasso/src/Icon/OkrResponsive.tsx +++ b/packages/picasso/src/Icon/OkrResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Overlap16.tsx b/packages/picasso/src/Icon/Overlap16.tsx index d8b25eff5e..e2cb2b36a6 100644 --- a/packages/picasso/src/Icon/Overlap16.tsx +++ b/packages/picasso/src/Icon/Overlap16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Overlap24.tsx b/packages/picasso/src/Icon/Overlap24.tsx index 517e613f43..93fda7a4ca 100644 --- a/packages/picasso/src/Icon/Overlap24.tsx +++ b/packages/picasso/src/Icon/Overlap24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/OverlapResponsive.tsx b/packages/picasso/src/Icon/OverlapResponsive.tsx index 680aaa84bf..5d099160bf 100644 --- a/packages/picasso/src/Icon/OverlapResponsive.tsx +++ b/packages/picasso/src/Icon/OverlapResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Overview16.tsx b/packages/picasso/src/Icon/Overview16.tsx index 52dc3194fc..bf345b81e2 100644 --- a/packages/picasso/src/Icon/Overview16.tsx +++ b/packages/picasso/src/Icon/Overview16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Overview24.tsx b/packages/picasso/src/Icon/Overview24.tsx index 5e15c5d763..d6bc22af17 100644 --- a/packages/picasso/src/Icon/Overview24.tsx +++ b/packages/picasso/src/Icon/Overview24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/OverviewResponsive.tsx b/packages/picasso/src/Icon/OverviewResponsive.tsx index 1e6f8db517..19f5fdb51b 100644 --- a/packages/picasso/src/Icon/OverviewResponsive.tsx +++ b/packages/picasso/src/Icon/OverviewResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/OwnerDefault16.tsx b/packages/picasso/src/Icon/OwnerDefault16.tsx index c476a8ac85..b3a628a2c3 100644 --- a/packages/picasso/src/Icon/OwnerDefault16.tsx +++ b/packages/picasso/src/Icon/OwnerDefault16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/OwnerDefault24.tsx b/packages/picasso/src/Icon/OwnerDefault24.tsx index a70a643756..ceb74c5d96 100644 --- a/packages/picasso/src/Icon/OwnerDefault24.tsx +++ b/packages/picasso/src/Icon/OwnerDefault24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/OwnerDefaultResponsive.tsx b/packages/picasso/src/Icon/OwnerDefaultResponsive.tsx index cd169a1170..730021ff13 100644 --- a/packages/picasso/src/Icon/OwnerDefaultResponsive.tsx +++ b/packages/picasso/src/Icon/OwnerDefaultResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Page16.tsx b/packages/picasso/src/Icon/Page16.tsx index 3bb8a749a4..73b6a7c537 100644 --- a/packages/picasso/src/Icon/Page16.tsx +++ b/packages/picasso/src/Icon/Page16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Page24.tsx b/packages/picasso/src/Icon/Page24.tsx index 4e5a1fe688..daab9f77a5 100644 --- a/packages/picasso/src/Icon/Page24.tsx +++ b/packages/picasso/src/Icon/Page24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PageResponsive.tsx b/packages/picasso/src/Icon/PageResponsive.tsx index 59acc2efb2..6d52aef769 100644 --- a/packages/picasso/src/Icon/PageResponsive.tsx +++ b/packages/picasso/src/Icon/PageResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/PartTime16.tsx b/packages/picasso/src/Icon/PartTime16.tsx index 7e26309265..1294e36e7b 100644 --- a/packages/picasso/src/Icon/PartTime16.tsx +++ b/packages/picasso/src/Icon/PartTime16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/PartTime24.tsx b/packages/picasso/src/Icon/PartTime24.tsx index b2f2d31b46..4a659c7d34 100644 --- a/packages/picasso/src/Icon/PartTime24.tsx +++ b/packages/picasso/src/Icon/PartTime24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PartTimeResponsive.tsx b/packages/picasso/src/Icon/PartTimeResponsive.tsx index 041349ea5e..091e7b91ca 100644 --- a/packages/picasso/src/Icon/PartTimeResponsive.tsx +++ b/packages/picasso/src/Icon/PartTimeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Participants16.tsx b/packages/picasso/src/Icon/Participants16.tsx index efd340f373..16291daded 100644 --- a/packages/picasso/src/Icon/Participants16.tsx +++ b/packages/picasso/src/Icon/Participants16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Participants24.tsx b/packages/picasso/src/Icon/Participants24.tsx index 7512cb4ab4..de3fc90d83 100644 --- a/packages/picasso/src/Icon/Participants24.tsx +++ b/packages/picasso/src/Icon/Participants24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ParticipantsResponsive.tsx b/packages/picasso/src/Icon/ParticipantsResponsive.tsx index 0e757606a6..0083c3291b 100644 --- a/packages/picasso/src/Icon/ParticipantsResponsive.tsx +++ b/packages/picasso/src/Icon/ParticipantsResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Pause16.tsx b/packages/picasso/src/Icon/Pause16.tsx index d26b8073a0..cd09232a69 100644 --- a/packages/picasso/src/Icon/Pause16.tsx +++ b/packages/picasso/src/Icon/Pause16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Pause24.tsx b/packages/picasso/src/Icon/Pause24.tsx index 70fb299455..cdedb68c92 100644 --- a/packages/picasso/src/Icon/Pause24.tsx +++ b/packages/picasso/src/Icon/Pause24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PauseResponsive.tsx b/packages/picasso/src/Icon/PauseResponsive.tsx index d22931a806..c57c89a472 100644 --- a/packages/picasso/src/Icon/PauseResponsive.tsx +++ b/packages/picasso/src/Icon/PauseResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/PauseSolid16.tsx b/packages/picasso/src/Icon/PauseSolid16.tsx index 05f50c544c..87471e0eeb 100644 --- a/packages/picasso/src/Icon/PauseSolid16.tsx +++ b/packages/picasso/src/Icon/PauseSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/PauseSolid24.tsx b/packages/picasso/src/Icon/PauseSolid24.tsx index aac0a12abe..34e28599f8 100644 --- a/packages/picasso/src/Icon/PauseSolid24.tsx +++ b/packages/picasso/src/Icon/PauseSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PauseSolidResponsive.tsx b/packages/picasso/src/Icon/PauseSolidResponsive.tsx index 03a9a374ff..7cf8605c1c 100644 --- a/packages/picasso/src/Icon/PauseSolidResponsive.tsx +++ b/packages/picasso/src/Icon/PauseSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Pencil16.tsx b/packages/picasso/src/Icon/Pencil16.tsx index 25763e30d4..4e971ed538 100644 --- a/packages/picasso/src/Icon/Pencil16.tsx +++ b/packages/picasso/src/Icon/Pencil16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Pencil24.tsx b/packages/picasso/src/Icon/Pencil24.tsx index 22adbaaa8d..dc6c180411 100644 --- a/packages/picasso/src/Icon/Pencil24.tsx +++ b/packages/picasso/src/Icon/Pencil24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PencilResponsive.tsx b/packages/picasso/src/Icon/PencilResponsive.tsx index 4f28ee0aa2..1f0e9a0163 100644 --- a/packages/picasso/src/Icon/PencilResponsive.tsx +++ b/packages/picasso/src/Icon/PencilResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Performance16.tsx b/packages/picasso/src/Icon/Performance16.tsx index 733793a020..d4c6fba148 100644 --- a/packages/picasso/src/Icon/Performance16.tsx +++ b/packages/picasso/src/Icon/Performance16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Performance24.tsx b/packages/picasso/src/Icon/Performance24.tsx index cebc932b17..77f06d7a13 100644 --- a/packages/picasso/src/Icon/Performance24.tsx +++ b/packages/picasso/src/Icon/Performance24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PerformanceResponsive.tsx b/packages/picasso/src/Icon/PerformanceResponsive.tsx index 6e62d9906d..b18d865f9d 100644 --- a/packages/picasso/src/Icon/PerformanceResponsive.tsx +++ b/packages/picasso/src/Icon/PerformanceResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Phone16.tsx b/packages/picasso/src/Icon/Phone16.tsx index e104b32454..5b57f5a0c7 100644 --- a/packages/picasso/src/Icon/Phone16.tsx +++ b/packages/picasso/src/Icon/Phone16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Phone24.tsx b/packages/picasso/src/Icon/Phone24.tsx index ae4d5a05a3..ced5077cde 100644 --- a/packages/picasso/src/Icon/Phone24.tsx +++ b/packages/picasso/src/Icon/Phone24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PhoneDown16.tsx b/packages/picasso/src/Icon/PhoneDown16.tsx index a029794dbe..cdae9ec9f9 100644 --- a/packages/picasso/src/Icon/PhoneDown16.tsx +++ b/packages/picasso/src/Icon/PhoneDown16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/PhoneDown24.tsx b/packages/picasso/src/Icon/PhoneDown24.tsx index 9f7fc7fb56..7878fc5881 100644 --- a/packages/picasso/src/Icon/PhoneDown24.tsx +++ b/packages/picasso/src/Icon/PhoneDown24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PhoneDownResponsive.tsx b/packages/picasso/src/Icon/PhoneDownResponsive.tsx index c7d021689b..9df15923a6 100644 --- a/packages/picasso/src/Icon/PhoneDownResponsive.tsx +++ b/packages/picasso/src/Icon/PhoneDownResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/PhoneResponsive.tsx b/packages/picasso/src/Icon/PhoneResponsive.tsx index eceb85422e..b4d3556617 100644 --- a/packages/picasso/src/Icon/PhoneResponsive.tsx +++ b/packages/picasso/src/Icon/PhoneResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/PieChart16.tsx b/packages/picasso/src/Icon/PieChart16.tsx index 05540a3e46..2fe8d0bd4b 100644 --- a/packages/picasso/src/Icon/PieChart16.tsx +++ b/packages/picasso/src/Icon/PieChart16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/PieChart24.tsx b/packages/picasso/src/Icon/PieChart24.tsx index b88f64dd0a..4a40c8a8c3 100644 --- a/packages/picasso/src/Icon/PieChart24.tsx +++ b/packages/picasso/src/Icon/PieChart24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PieChartResponsive.tsx b/packages/picasso/src/Icon/PieChartResponsive.tsx index 14f85f56dc..09e310519f 100644 --- a/packages/picasso/src/Icon/PieChartResponsive.tsx +++ b/packages/picasso/src/Icon/PieChartResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Pin16.tsx b/packages/picasso/src/Icon/Pin16.tsx index 34f386bad1..c310e27f55 100644 --- a/packages/picasso/src/Icon/Pin16.tsx +++ b/packages/picasso/src/Icon/Pin16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Pin24.tsx b/packages/picasso/src/Icon/Pin24.tsx index ac6ad2b666..5c2ccde5f3 100644 --- a/packages/picasso/src/Icon/Pin24.tsx +++ b/packages/picasso/src/Icon/Pin24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PinResponsive.tsx b/packages/picasso/src/Icon/PinResponsive.tsx index f12c4da4ca..6b7542a993 100644 --- a/packages/picasso/src/Icon/PinResponsive.tsx +++ b/packages/picasso/src/Icon/PinResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/PinSolid16.tsx b/packages/picasso/src/Icon/PinSolid16.tsx index 861517050c..6309eb64b0 100644 --- a/packages/picasso/src/Icon/PinSolid16.tsx +++ b/packages/picasso/src/Icon/PinSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/PinSolid24.tsx b/packages/picasso/src/Icon/PinSolid24.tsx index 07e693ce07..adf07b2bf8 100644 --- a/packages/picasso/src/Icon/PinSolid24.tsx +++ b/packages/picasso/src/Icon/PinSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PinSolidResponsive.tsx b/packages/picasso/src/Icon/PinSolidResponsive.tsx index 380947cd6c..d7941f5c10 100644 --- a/packages/picasso/src/Icon/PinSolidResponsive.tsx +++ b/packages/picasso/src/Icon/PinSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/PlaySolid16.tsx b/packages/picasso/src/Icon/PlaySolid16.tsx index 22dc681fb3..b6d24f3066 100644 --- a/packages/picasso/src/Icon/PlaySolid16.tsx +++ b/packages/picasso/src/Icon/PlaySolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/PlaySolid24.tsx b/packages/picasso/src/Icon/PlaySolid24.tsx index bef9b2545a..1d060427c7 100644 --- a/packages/picasso/src/Icon/PlaySolid24.tsx +++ b/packages/picasso/src/Icon/PlaySolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PlaySolidResponsive.tsx b/packages/picasso/src/Icon/PlaySolidResponsive.tsx index 44a08f07c6..dc360a6577 100644 --- a/packages/picasso/src/Icon/PlaySolidResponsive.tsx +++ b/packages/picasso/src/Icon/PlaySolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Player16.tsx b/packages/picasso/src/Icon/Player16.tsx index 1b69faf271..a0e545a8aa 100644 --- a/packages/picasso/src/Icon/Player16.tsx +++ b/packages/picasso/src/Icon/Player16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Player24.tsx b/packages/picasso/src/Icon/Player24.tsx index 70703add12..4092444ee1 100644 --- a/packages/picasso/src/Icon/Player24.tsx +++ b/packages/picasso/src/Icon/Player24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PlayerResponsive.tsx b/packages/picasso/src/Icon/PlayerResponsive.tsx index 8057890544..f354755f5c 100644 --- a/packages/picasso/src/Icon/PlayerResponsive.tsx +++ b/packages/picasso/src/Icon/PlayerResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Plus16.tsx b/packages/picasso/src/Icon/Plus16.tsx index 5f67abab1b..ed4e9a2186 100644 --- a/packages/picasso/src/Icon/Plus16.tsx +++ b/packages/picasso/src/Icon/Plus16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Plus24.tsx b/packages/picasso/src/Icon/Plus24.tsx index 1f3d013404..6a85ff617e 100644 --- a/packages/picasso/src/Icon/Plus24.tsx +++ b/packages/picasso/src/Icon/Plus24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PlusResponsive.tsx b/packages/picasso/src/Icon/PlusResponsive.tsx index 1b2544e947..cf7bf0ec63 100644 --- a/packages/picasso/src/Icon/PlusResponsive.tsx +++ b/packages/picasso/src/Icon/PlusResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Pod16.tsx b/packages/picasso/src/Icon/Pod16.tsx index cc1c6f9669..ece8e29bc4 100644 --- a/packages/picasso/src/Icon/Pod16.tsx +++ b/packages/picasso/src/Icon/Pod16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Pod24.tsx b/packages/picasso/src/Icon/Pod24.tsx index ce510f7fa5..a186cda995 100644 --- a/packages/picasso/src/Icon/Pod24.tsx +++ b/packages/picasso/src/Icon/Pod24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PodResponsive.tsx b/packages/picasso/src/Icon/PodResponsive.tsx index a4020b638b..ca60213f28 100644 --- a/packages/picasso/src/Icon/PodResponsive.tsx +++ b/packages/picasso/src/Icon/PodResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/PortfolioDesigner16.tsx b/packages/picasso/src/Icon/PortfolioDesigner16.tsx index 48ebab79b2..81841b11ca 100644 --- a/packages/picasso/src/Icon/PortfolioDesigner16.tsx +++ b/packages/picasso/src/Icon/PortfolioDesigner16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/PortfolioDesigner24.tsx b/packages/picasso/src/Icon/PortfolioDesigner24.tsx index 0337818097..0777a87215 100644 --- a/packages/picasso/src/Icon/PortfolioDesigner24.tsx +++ b/packages/picasso/src/Icon/PortfolioDesigner24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PortfolioDesignerResponsive.tsx b/packages/picasso/src/Icon/PortfolioDesignerResponsive.tsx index 9a10546b7c..a76ec9c4ed 100644 --- a/packages/picasso/src/Icon/PortfolioDesignerResponsive.tsx +++ b/packages/picasso/src/Icon/PortfolioDesignerResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/PortfolioFinance16.tsx b/packages/picasso/src/Icon/PortfolioFinance16.tsx index 6a5325c52b..2eaa868d63 100644 --- a/packages/picasso/src/Icon/PortfolioFinance16.tsx +++ b/packages/picasso/src/Icon/PortfolioFinance16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/PortfolioFinance24.tsx b/packages/picasso/src/Icon/PortfolioFinance24.tsx index 15ca2d20f5..739c35ebef 100644 --- a/packages/picasso/src/Icon/PortfolioFinance24.tsx +++ b/packages/picasso/src/Icon/PortfolioFinance24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PortfolioFinanceResponsive.tsx b/packages/picasso/src/Icon/PortfolioFinanceResponsive.tsx index c4e4ba7c09..b4e57e04e5 100644 --- a/packages/picasso/src/Icon/PortfolioFinanceResponsive.tsx +++ b/packages/picasso/src/Icon/PortfolioFinanceResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Preview16.tsx b/packages/picasso/src/Icon/Preview16.tsx index eeddb0f65a..4f44bb6082 100644 --- a/packages/picasso/src/Icon/Preview16.tsx +++ b/packages/picasso/src/Icon/Preview16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Preview24.tsx b/packages/picasso/src/Icon/Preview24.tsx index 2e777d83d9..3f50265bd7 100644 --- a/packages/picasso/src/Icon/Preview24.tsx +++ b/packages/picasso/src/Icon/Preview24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/PreviewResponsive.tsx b/packages/picasso/src/Icon/PreviewResponsive.tsx index db38a44102..a4f140cc20 100644 --- a/packages/picasso/src/Icon/PreviewResponsive.tsx +++ b/packages/picasso/src/Icon/PreviewResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Profile16.tsx b/packages/picasso/src/Icon/Profile16.tsx index d962509510..e37616ea5f 100644 --- a/packages/picasso/src/Icon/Profile16.tsx +++ b/packages/picasso/src/Icon/Profile16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Profile24.tsx b/packages/picasso/src/Icon/Profile24.tsx index 1258b2a434..d992617ada 100644 --- a/packages/picasso/src/Icon/Profile24.tsx +++ b/packages/picasso/src/Icon/Profile24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ProfileCrossed16.tsx b/packages/picasso/src/Icon/ProfileCrossed16.tsx index ea99e3c8a7..ef34141363 100644 --- a/packages/picasso/src/Icon/ProfileCrossed16.tsx +++ b/packages/picasso/src/Icon/ProfileCrossed16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ProfileCrossed24.tsx b/packages/picasso/src/Icon/ProfileCrossed24.tsx index 2f1d2a1684..9fb3f3f765 100644 --- a/packages/picasso/src/Icon/ProfileCrossed24.tsx +++ b/packages/picasso/src/Icon/ProfileCrossed24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ProfileCrossedResponsive.tsx b/packages/picasso/src/Icon/ProfileCrossedResponsive.tsx index 3bc7149644..73a4eded3b 100644 --- a/packages/picasso/src/Icon/ProfileCrossedResponsive.tsx +++ b/packages/picasso/src/Icon/ProfileCrossedResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ProfileResponsive.tsx b/packages/picasso/src/Icon/ProfileResponsive.tsx index 2324b63c37..703f6a4990 100644 --- a/packages/picasso/src/Icon/ProfileResponsive.tsx +++ b/packages/picasso/src/Icon/ProfileResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Project16.tsx b/packages/picasso/src/Icon/Project16.tsx index 2cb714e11c..01d3722535 100644 --- a/packages/picasso/src/Icon/Project16.tsx +++ b/packages/picasso/src/Icon/Project16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Project24.tsx b/packages/picasso/src/Icon/Project24.tsx index e6bc8d6ef8..69dc4a25fe 100644 --- a/packages/picasso/src/Icon/Project24.tsx +++ b/packages/picasso/src/Icon/Project24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ProjectResponsive.tsx b/packages/picasso/src/Icon/ProjectResponsive.tsx index d88d226e35..30131b13be 100644 --- a/packages/picasso/src/Icon/ProjectResponsive.tsx +++ b/packages/picasso/src/Icon/ProjectResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/QuestionMark16.tsx b/packages/picasso/src/Icon/QuestionMark16.tsx index d17d5cf6f5..0d7fd431ce 100644 --- a/packages/picasso/src/Icon/QuestionMark16.tsx +++ b/packages/picasso/src/Icon/QuestionMark16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/QuestionMark24.tsx b/packages/picasso/src/Icon/QuestionMark24.tsx index 7999170549..5058961051 100644 --- a/packages/picasso/src/Icon/QuestionMark24.tsx +++ b/packages/picasso/src/Icon/QuestionMark24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/QuestionMarkResponsive.tsx b/packages/picasso/src/Icon/QuestionMarkResponsive.tsx index 4501cf1448..ddc48c074d 100644 --- a/packages/picasso/src/Icon/QuestionMarkResponsive.tsx +++ b/packages/picasso/src/Icon/QuestionMarkResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/RankOne16.tsx b/packages/picasso/src/Icon/RankOne16.tsx index 74d104222d..5182a6fb86 100644 --- a/packages/picasso/src/Icon/RankOne16.tsx +++ b/packages/picasso/src/Icon/RankOne16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/RankOne24.tsx b/packages/picasso/src/Icon/RankOne24.tsx index 1505829577..ba9db19b32 100644 --- a/packages/picasso/src/Icon/RankOne24.tsx +++ b/packages/picasso/src/Icon/RankOne24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/RankOneResponsive.tsx b/packages/picasso/src/Icon/RankOneResponsive.tsx index c7ea1d4aa7..6d3ed4df62 100644 --- a/packages/picasso/src/Icon/RankOneResponsive.tsx +++ b/packages/picasso/src/Icon/RankOneResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/RankThree16.tsx b/packages/picasso/src/Icon/RankThree16.tsx index 285da20d59..d71d9eb09a 100644 --- a/packages/picasso/src/Icon/RankThree16.tsx +++ b/packages/picasso/src/Icon/RankThree16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/RankThree24.tsx b/packages/picasso/src/Icon/RankThree24.tsx index 80ee2973d9..ddd37d6bcd 100644 --- a/packages/picasso/src/Icon/RankThree24.tsx +++ b/packages/picasso/src/Icon/RankThree24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/RankThreeResponsive.tsx b/packages/picasso/src/Icon/RankThreeResponsive.tsx index 7619efb1e5..1974bcfa5f 100644 --- a/packages/picasso/src/Icon/RankThreeResponsive.tsx +++ b/packages/picasso/src/Icon/RankThreeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/RankTwo16.tsx b/packages/picasso/src/Icon/RankTwo16.tsx index ea2355ad3a..6a1caa580e 100644 --- a/packages/picasso/src/Icon/RankTwo16.tsx +++ b/packages/picasso/src/Icon/RankTwo16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/RankTwo24.tsx b/packages/picasso/src/Icon/RankTwo24.tsx index 5057107976..5653c96689 100644 --- a/packages/picasso/src/Icon/RankTwo24.tsx +++ b/packages/picasso/src/Icon/RankTwo24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/RankTwoResponsive.tsx b/packages/picasso/src/Icon/RankTwoResponsive.tsx index ee9bdf6150..c4f194d719 100644 --- a/packages/picasso/src/Icon/RankTwoResponsive.tsx +++ b/packages/picasso/src/Icon/RankTwoResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Referral16.tsx b/packages/picasso/src/Icon/Referral16.tsx index 2bf2a9c3bd..d6e38877fa 100644 --- a/packages/picasso/src/Icon/Referral16.tsx +++ b/packages/picasso/src/Icon/Referral16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Referral24.tsx b/packages/picasso/src/Icon/Referral24.tsx index 4d71804ec2..a11d8c2cac 100644 --- a/packages/picasso/src/Icon/Referral24.tsx +++ b/packages/picasso/src/Icon/Referral24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ReferralBonus16.tsx b/packages/picasso/src/Icon/ReferralBonus16.tsx index 35ff8b571a..384bc0154c 100644 --- a/packages/picasso/src/Icon/ReferralBonus16.tsx +++ b/packages/picasso/src/Icon/ReferralBonus16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ReferralBonus24.tsx b/packages/picasso/src/Icon/ReferralBonus24.tsx index 25e5f41a5e..52cbab2ea2 100644 --- a/packages/picasso/src/Icon/ReferralBonus24.tsx +++ b/packages/picasso/src/Icon/ReferralBonus24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ReferralBonusResponsive.tsx b/packages/picasso/src/Icon/ReferralBonusResponsive.tsx index 35c651462b..804eb0bc8a 100644 --- a/packages/picasso/src/Icon/ReferralBonusResponsive.tsx +++ b/packages/picasso/src/Icon/ReferralBonusResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ReferralDashboard16.tsx b/packages/picasso/src/Icon/ReferralDashboard16.tsx index a726219354..a4bc44dca9 100644 --- a/packages/picasso/src/Icon/ReferralDashboard16.tsx +++ b/packages/picasso/src/Icon/ReferralDashboard16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ReferralDashboard24.tsx b/packages/picasso/src/Icon/ReferralDashboard24.tsx index 7c8b6ec34a..2cd229611e 100644 --- a/packages/picasso/src/Icon/ReferralDashboard24.tsx +++ b/packages/picasso/src/Icon/ReferralDashboard24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ReferralDashboardResponsive.tsx b/packages/picasso/src/Icon/ReferralDashboardResponsive.tsx index d3a63c231d..f740b39523 100644 --- a/packages/picasso/src/Icon/ReferralDashboardResponsive.tsx +++ b/packages/picasso/src/Icon/ReferralDashboardResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ReferralResponsive.tsx b/packages/picasso/src/Icon/ReferralResponsive.tsx index 9c577da630..8e7403ca3e 100644 --- a/packages/picasso/src/Icon/ReferralResponsive.tsx +++ b/packages/picasso/src/Icon/ReferralResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Referrals16.tsx b/packages/picasso/src/Icon/Referrals16.tsx index 60693a98cb..94bfbe1bf9 100644 --- a/packages/picasso/src/Icon/Referrals16.tsx +++ b/packages/picasso/src/Icon/Referrals16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Referrals24.tsx b/packages/picasso/src/Icon/Referrals24.tsx index dce7f98b97..071f2e3bdf 100644 --- a/packages/picasso/src/Icon/Referrals24.tsx +++ b/packages/picasso/src/Icon/Referrals24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ReferralsResponsive.tsx b/packages/picasso/src/Icon/ReferralsResponsive.tsx index f8eb821734..a8700b62f4 100644 --- a/packages/picasso/src/Icon/ReferralsResponsive.tsx +++ b/packages/picasso/src/Icon/ReferralsResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Report16.tsx b/packages/picasso/src/Icon/Report16.tsx index 8bae7d60e4..1b21dee385 100644 --- a/packages/picasso/src/Icon/Report16.tsx +++ b/packages/picasso/src/Icon/Report16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Report24.tsx b/packages/picasso/src/Icon/Report24.tsx index f4768f2b1f..51978f5e28 100644 --- a/packages/picasso/src/Icon/Report24.tsx +++ b/packages/picasso/src/Icon/Report24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ReportResponsive.tsx b/packages/picasso/src/Icon/ReportResponsive.tsx index c6f2b116b6..e218033802 100644 --- a/packages/picasso/src/Icon/ReportResponsive.tsx +++ b/packages/picasso/src/Icon/ReportResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Representatives16.tsx b/packages/picasso/src/Icon/Representatives16.tsx index b84d061b92..bd38f2b0ca 100644 --- a/packages/picasso/src/Icon/Representatives16.tsx +++ b/packages/picasso/src/Icon/Representatives16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Representatives24.tsx b/packages/picasso/src/Icon/Representatives24.tsx index 5585df5e96..966d8539fe 100644 --- a/packages/picasso/src/Icon/Representatives24.tsx +++ b/packages/picasso/src/Icon/Representatives24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/RepresentativesResponsive.tsx b/packages/picasso/src/Icon/RepresentativesResponsive.tsx index 37e4af7993..1258ac777a 100644 --- a/packages/picasso/src/Icon/RepresentativesResponsive.tsx +++ b/packages/picasso/src/Icon/RepresentativesResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/RepresentativesSolid16.tsx b/packages/picasso/src/Icon/RepresentativesSolid16.tsx index 5825ed0611..666484ce75 100644 --- a/packages/picasso/src/Icon/RepresentativesSolid16.tsx +++ b/packages/picasso/src/Icon/RepresentativesSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/RepresentativesSolid24.tsx b/packages/picasso/src/Icon/RepresentativesSolid24.tsx index b05f51a5ba..7fe8c18ab0 100644 --- a/packages/picasso/src/Icon/RepresentativesSolid24.tsx +++ b/packages/picasso/src/Icon/RepresentativesSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/RepresentativesSolidResponsive.tsx b/packages/picasso/src/Icon/RepresentativesSolidResponsive.tsx index d4bdb23277..3c3f19870d 100644 --- a/packages/picasso/src/Icon/RepresentativesSolidResponsive.tsx +++ b/packages/picasso/src/Icon/RepresentativesSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Reset16.tsx b/packages/picasso/src/Icon/Reset16.tsx index 96052e5b11..c57b04c6ed 100644 --- a/packages/picasso/src/Icon/Reset16.tsx +++ b/packages/picasso/src/Icon/Reset16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Reset24.tsx b/packages/picasso/src/Icon/Reset24.tsx index c62788222e..6b1eb06841 100644 --- a/packages/picasso/src/Icon/Reset24.tsx +++ b/packages/picasso/src/Icon/Reset24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ResetResponsive.tsx b/packages/picasso/src/Icon/ResetResponsive.tsx index d9a5465801..1de68c7160 100644 --- a/packages/picasso/src/Icon/ResetResponsive.tsx +++ b/packages/picasso/src/Icon/ResetResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Resources16.tsx b/packages/picasso/src/Icon/Resources16.tsx index 0cd4a06f3f..2dea5a1a9b 100644 --- a/packages/picasso/src/Icon/Resources16.tsx +++ b/packages/picasso/src/Icon/Resources16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Resources24.tsx b/packages/picasso/src/Icon/Resources24.tsx index 220bdd7808..f5f7c058c7 100644 --- a/packages/picasso/src/Icon/Resources24.tsx +++ b/packages/picasso/src/Icon/Resources24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ResourcesResponsive.tsx b/packages/picasso/src/Icon/ResourcesResponsive.tsx index 6b00550998..adc8b48648 100644 --- a/packages/picasso/src/Icon/ResourcesResponsive.tsx +++ b/packages/picasso/src/Icon/ResourcesResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Rotate16.tsx b/packages/picasso/src/Icon/Rotate16.tsx index 1c7c8c17eb..4e5a77cff4 100644 --- a/packages/picasso/src/Icon/Rotate16.tsx +++ b/packages/picasso/src/Icon/Rotate16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Rotate24.tsx b/packages/picasso/src/Icon/Rotate24.tsx index f2e5b864fe..5b767bddfe 100644 --- a/packages/picasso/src/Icon/Rotate24.tsx +++ b/packages/picasso/src/Icon/Rotate24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/RotateResponsive.tsx b/packages/picasso/src/Icon/RotateResponsive.tsx index 921d54e251..903767ada9 100644 --- a/packages/picasso/src/Icon/RotateResponsive.tsx +++ b/packages/picasso/src/Icon/RotateResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ScheduledPayment16.tsx b/packages/picasso/src/Icon/ScheduledPayment16.tsx index 2e30564926..5ad430b000 100644 --- a/packages/picasso/src/Icon/ScheduledPayment16.tsx +++ b/packages/picasso/src/Icon/ScheduledPayment16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ScheduledPayment24.tsx b/packages/picasso/src/Icon/ScheduledPayment24.tsx index caa75a1a19..df61045b26 100644 --- a/packages/picasso/src/Icon/ScheduledPayment24.tsx +++ b/packages/picasso/src/Icon/ScheduledPayment24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ScheduledPaymentResponsive.tsx b/packages/picasso/src/Icon/ScheduledPaymentResponsive.tsx index 02a809668e..e2a54597ca 100644 --- a/packages/picasso/src/Icon/ScheduledPaymentResponsive.tsx +++ b/packages/picasso/src/Icon/ScheduledPaymentResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Search16.tsx b/packages/picasso/src/Icon/Search16.tsx index 933c35926d..ca553acba1 100644 --- a/packages/picasso/src/Icon/Search16.tsx +++ b/packages/picasso/src/Icon/Search16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Search24.tsx b/packages/picasso/src/Icon/Search24.tsx index 9e6b711dfc..d327c80097 100644 --- a/packages/picasso/src/Icon/Search24.tsx +++ b/packages/picasso/src/Icon/Search24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SearchResponsive.tsx b/packages/picasso/src/Icon/SearchResponsive.tsx index 0c3ab1ec37..75639774bd 100644 --- a/packages/picasso/src/Icon/SearchResponsive.tsx +++ b/packages/picasso/src/Icon/SearchResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Services16.tsx b/packages/picasso/src/Icon/Services16.tsx index a363050b52..94fc02c867 100644 --- a/packages/picasso/src/Icon/Services16.tsx +++ b/packages/picasso/src/Icon/Services16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Services24.tsx b/packages/picasso/src/Icon/Services24.tsx index 522ffc2eeb..30aba88f0b 100644 --- a/packages/picasso/src/Icon/Services24.tsx +++ b/packages/picasso/src/Icon/Services24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ServicesResponsive.tsx b/packages/picasso/src/Icon/ServicesResponsive.tsx index 0f87e5ae18..9bf48bf461 100644 --- a/packages/picasso/src/Icon/ServicesResponsive.tsx +++ b/packages/picasso/src/Icon/ServicesResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Settings16.tsx b/packages/picasso/src/Icon/Settings16.tsx index b56c0f2dc7..921487a825 100644 --- a/packages/picasso/src/Icon/Settings16.tsx +++ b/packages/picasso/src/Icon/Settings16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Settings24.tsx b/packages/picasso/src/Icon/Settings24.tsx index dbb0e2ce7a..c653e2f199 100644 --- a/packages/picasso/src/Icon/Settings24.tsx +++ b/packages/picasso/src/Icon/Settings24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SettingsResponsive.tsx b/packages/picasso/src/Icon/SettingsResponsive.tsx index 11852190a1..e146d11ef3 100644 --- a/packages/picasso/src/Icon/SettingsResponsive.tsx +++ b/packages/picasso/src/Icon/SettingsResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Share16.tsx b/packages/picasso/src/Icon/Share16.tsx index 2e2706f488..ae8b2bb506 100644 --- a/packages/picasso/src/Icon/Share16.tsx +++ b/packages/picasso/src/Icon/Share16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Share24.tsx b/packages/picasso/src/Icon/Share24.tsx index a19d13229d..31971c6e1a 100644 --- a/packages/picasso/src/Icon/Share24.tsx +++ b/packages/picasso/src/Icon/Share24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ShareResponsive.tsx b/packages/picasso/src/Icon/ShareResponsive.tsx index e69f82c822..b714b86901 100644 --- a/packages/picasso/src/Icon/ShareResponsive.tsx +++ b/packages/picasso/src/Icon/ShareResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Single16.tsx b/packages/picasso/src/Icon/Single16.tsx index 300acd4106..efb930e346 100644 --- a/packages/picasso/src/Icon/Single16.tsx +++ b/packages/picasso/src/Icon/Single16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Single24.tsx b/packages/picasso/src/Icon/Single24.tsx index 6857f791c8..145c3b0e85 100644 --- a/packages/picasso/src/Icon/Single24.tsx +++ b/packages/picasso/src/Icon/Single24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SingleResponsive.tsx b/packages/picasso/src/Icon/SingleResponsive.tsx index c82147702c..8d5eead1cb 100644 --- a/packages/picasso/src/Icon/SingleResponsive.tsx +++ b/packages/picasso/src/Icon/SingleResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Skills16.tsx b/packages/picasso/src/Icon/Skills16.tsx index 592bed3235..29ce2f48cc 100644 --- a/packages/picasso/src/Icon/Skills16.tsx +++ b/packages/picasso/src/Icon/Skills16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Skills24.tsx b/packages/picasso/src/Icon/Skills24.tsx index 819e310cd5..3d75153eef 100644 --- a/packages/picasso/src/Icon/Skills24.tsx +++ b/packages/picasso/src/Icon/Skills24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SkillsResponsive.tsx b/packages/picasso/src/Icon/SkillsResponsive.tsx index f68e667a68..95a8414041 100644 --- a/packages/picasso/src/Icon/SkillsResponsive.tsx +++ b/packages/picasso/src/Icon/SkillsResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Skype16.tsx b/packages/picasso/src/Icon/Skype16.tsx index 4ac5ce3ec5..01f3881948 100644 --- a/packages/picasso/src/Icon/Skype16.tsx +++ b/packages/picasso/src/Icon/Skype16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Skype24.tsx b/packages/picasso/src/Icon/Skype24.tsx index d4f548cc5e..1e2e5446c5 100644 --- a/packages/picasso/src/Icon/Skype24.tsx +++ b/packages/picasso/src/Icon/Skype24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SkypeResponsive.tsx b/packages/picasso/src/Icon/SkypeResponsive.tsx index 30b83636ed..7fd5a98bb0 100644 --- a/packages/picasso/src/Icon/SkypeResponsive.tsx +++ b/packages/picasso/src/Icon/SkypeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Slack16.tsx b/packages/picasso/src/Icon/Slack16.tsx index 837a010cc2..c47031fdb9 100644 --- a/packages/picasso/src/Icon/Slack16.tsx +++ b/packages/picasso/src/Icon/Slack16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Slack24.tsx b/packages/picasso/src/Icon/Slack24.tsx index 6e2148cc48..6457fdabb3 100644 --- a/packages/picasso/src/Icon/Slack24.tsx +++ b/packages/picasso/src/Icon/Slack24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SlackResponsive.tsx b/packages/picasso/src/Icon/SlackResponsive.tsx index f15d14b3dd..e481f4eac1 100644 --- a/packages/picasso/src/Icon/SlackResponsive.tsx +++ b/packages/picasso/src/Icon/SlackResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Sort16.tsx b/packages/picasso/src/Icon/Sort16.tsx index dba8612e29..79844b8f1c 100644 --- a/packages/picasso/src/Icon/Sort16.tsx +++ b/packages/picasso/src/Icon/Sort16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Sort24.tsx b/packages/picasso/src/Icon/Sort24.tsx index eed20d4fc3..f8881f5943 100644 --- a/packages/picasso/src/Icon/Sort24.tsx +++ b/packages/picasso/src/Icon/Sort24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SortResponsive.tsx b/packages/picasso/src/Icon/SortResponsive.tsx index 6cb037aeee..1557ff7bef 100644 --- a/packages/picasso/src/Icon/SortResponsive.tsx +++ b/packages/picasso/src/Icon/SortResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/SoundOff16.tsx b/packages/picasso/src/Icon/SoundOff16.tsx index 9afe35c299..f31f7cd0bf 100644 --- a/packages/picasso/src/Icon/SoundOff16.tsx +++ b/packages/picasso/src/Icon/SoundOff16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/SoundOff24.tsx b/packages/picasso/src/Icon/SoundOff24.tsx index 4617853cb6..9175d5602a 100644 --- a/packages/picasso/src/Icon/SoundOff24.tsx +++ b/packages/picasso/src/Icon/SoundOff24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SoundOffResponsive.tsx b/packages/picasso/src/Icon/SoundOffResponsive.tsx index e408c4c6a6..3073dd8ed0 100644 --- a/packages/picasso/src/Icon/SoundOffResponsive.tsx +++ b/packages/picasso/src/Icon/SoundOffResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/SoundOn16.tsx b/packages/picasso/src/Icon/SoundOn16.tsx index 174981c7e3..e3dbc9ea20 100644 --- a/packages/picasso/src/Icon/SoundOn16.tsx +++ b/packages/picasso/src/Icon/SoundOn16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/SoundOn24.tsx b/packages/picasso/src/Icon/SoundOn24.tsx index 7725c48ae5..b41a289088 100644 --- a/packages/picasso/src/Icon/SoundOn24.tsx +++ b/packages/picasso/src/Icon/SoundOn24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SoundOnResponsive.tsx b/packages/picasso/src/Icon/SoundOnResponsive.tsx index af1a76cb03..22d9ee8a80 100644 --- a/packages/picasso/src/Icon/SoundOnResponsive.tsx +++ b/packages/picasso/src/Icon/SoundOnResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/SpecialGroup16.tsx b/packages/picasso/src/Icon/SpecialGroup16.tsx index 8a35bc49f9..be21173411 100644 --- a/packages/picasso/src/Icon/SpecialGroup16.tsx +++ b/packages/picasso/src/Icon/SpecialGroup16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/SpecialGroup24.tsx b/packages/picasso/src/Icon/SpecialGroup24.tsx index d4db94fa51..836dce2831 100644 --- a/packages/picasso/src/Icon/SpecialGroup24.tsx +++ b/packages/picasso/src/Icon/SpecialGroup24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SpecialGroupResponsive.tsx b/packages/picasso/src/Icon/SpecialGroupResponsive.tsx index a41b1d9ba3..6bf78797e5 100644 --- a/packages/picasso/src/Icon/SpecialGroupResponsive.tsx +++ b/packages/picasso/src/Icon/SpecialGroupResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Star16.tsx b/packages/picasso/src/Icon/Star16.tsx index 551e9c1125..fb14e097b7 100644 --- a/packages/picasso/src/Icon/Star16.tsx +++ b/packages/picasso/src/Icon/Star16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Star24.tsx b/packages/picasso/src/Icon/Star24.tsx index e604a5a1ef..4cf1e162b7 100644 --- a/packages/picasso/src/Icon/Star24.tsx +++ b/packages/picasso/src/Icon/Star24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/StarResponsive.tsx b/packages/picasso/src/Icon/StarResponsive.tsx index 58abf8f5bc..908300ed56 100644 --- a/packages/picasso/src/Icon/StarResponsive.tsx +++ b/packages/picasso/src/Icon/StarResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/StarSolid16.tsx b/packages/picasso/src/Icon/StarSolid16.tsx index 1896244667..230f28c259 100644 --- a/packages/picasso/src/Icon/StarSolid16.tsx +++ b/packages/picasso/src/Icon/StarSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/StarSolid24.tsx b/packages/picasso/src/Icon/StarSolid24.tsx index 53bd3059ce..aecc11418c 100644 --- a/packages/picasso/src/Icon/StarSolid24.tsx +++ b/packages/picasso/src/Icon/StarSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/StarSolidResponsive.tsx b/packages/picasso/src/Icon/StarSolidResponsive.tsx index 97786d3896..a305b34caa 100644 --- a/packages/picasso/src/Icon/StarSolidResponsive.tsx +++ b/packages/picasso/src/Icon/StarSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/StopSolid16.tsx b/packages/picasso/src/Icon/StopSolid16.tsx index ed73f1d78b..fe5a353f5f 100644 --- a/packages/picasso/src/Icon/StopSolid16.tsx +++ b/packages/picasso/src/Icon/StopSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/StopSolid24.tsx b/packages/picasso/src/Icon/StopSolid24.tsx index a1a96eedaf..1d7506df79 100644 --- a/packages/picasso/src/Icon/StopSolid24.tsx +++ b/packages/picasso/src/Icon/StopSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/StopSolidResponsive.tsx b/packages/picasso/src/Icon/StopSolidResponsive.tsx index 756a10cbee..6705edc64f 100644 --- a/packages/picasso/src/Icon/StopSolidResponsive.tsx +++ b/packages/picasso/src/Icon/StopSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Subfunction16.tsx b/packages/picasso/src/Icon/Subfunction16.tsx index 844697f0f0..158af9d687 100644 --- a/packages/picasso/src/Icon/Subfunction16.tsx +++ b/packages/picasso/src/Icon/Subfunction16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Subfunction24.tsx b/packages/picasso/src/Icon/Subfunction24.tsx index 078694d1fb..afc11ace1d 100644 --- a/packages/picasso/src/Icon/Subfunction24.tsx +++ b/packages/picasso/src/Icon/Subfunction24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SubfunctionResponsive.tsx b/packages/picasso/src/Icon/SubfunctionResponsive.tsx index 14649fc4e2..44f78e4643 100644 --- a/packages/picasso/src/Icon/SubfunctionResponsive.tsx +++ b/packages/picasso/src/Icon/SubfunctionResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Support16.tsx b/packages/picasso/src/Icon/Support16.tsx index b3319c5ee2..3eb22a530c 100644 --- a/packages/picasso/src/Icon/Support16.tsx +++ b/packages/picasso/src/Icon/Support16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Support24.tsx b/packages/picasso/src/Icon/Support24.tsx index 882a8354d1..55a7d3e28b 100644 --- a/packages/picasso/src/Icon/Support24.tsx +++ b/packages/picasso/src/Icon/Support24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SupportResponsive.tsx b/packages/picasso/src/Icon/SupportResponsive.tsx index 557f736f90..0eff14355d 100644 --- a/packages/picasso/src/Icon/SupportResponsive.tsx +++ b/packages/picasso/src/Icon/SupportResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Switch16.tsx b/packages/picasso/src/Icon/Switch16.tsx index 0c74c631cb..ea929f1e54 100644 --- a/packages/picasso/src/Icon/Switch16.tsx +++ b/packages/picasso/src/Icon/Switch16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Switch24.tsx b/packages/picasso/src/Icon/Switch24.tsx index 92b5dee2ac..972d7d3fff 100644 --- a/packages/picasso/src/Icon/Switch24.tsx +++ b/packages/picasso/src/Icon/Switch24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/SwitchResponsive.tsx b/packages/picasso/src/Icon/SwitchResponsive.tsx index c099ba462f..e494a3990b 100644 --- a/packages/picasso/src/Icon/SwitchResponsive.tsx +++ b/packages/picasso/src/Icon/SwitchResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Tasks16.tsx b/packages/picasso/src/Icon/Tasks16.tsx index 590a9ed5d7..7c06615af8 100644 --- a/packages/picasso/src/Icon/Tasks16.tsx +++ b/packages/picasso/src/Icon/Tasks16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Tasks24.tsx b/packages/picasso/src/Icon/Tasks24.tsx index f5ca3bd3ce..4e4e762ce3 100644 --- a/packages/picasso/src/Icon/Tasks24.tsx +++ b/packages/picasso/src/Icon/Tasks24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TasksResponsive.tsx b/packages/picasso/src/Icon/TasksResponsive.tsx index f94ecf8f43..dbf90c2730 100644 --- a/packages/picasso/src/Icon/TasksResponsive.tsx +++ b/packages/picasso/src/Icon/TasksResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Team16.tsx b/packages/picasso/src/Icon/Team16.tsx index 49c8a21864..cc49d9377d 100644 --- a/packages/picasso/src/Icon/Team16.tsx +++ b/packages/picasso/src/Icon/Team16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Team24.tsx b/packages/picasso/src/Icon/Team24.tsx index e6e621fe11..dd959e7549 100644 --- a/packages/picasso/src/Icon/Team24.tsx +++ b/packages/picasso/src/Icon/Team24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TeamResponsive.tsx b/packages/picasso/src/Icon/TeamResponsive.tsx index 46313c3533..380d75387f 100644 --- a/packages/picasso/src/Icon/TeamResponsive.tsx +++ b/packages/picasso/src/Icon/TeamResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Telegram16.tsx b/packages/picasso/src/Icon/Telegram16.tsx index 87bb9110ba..2cb410a93e 100644 --- a/packages/picasso/src/Icon/Telegram16.tsx +++ b/packages/picasso/src/Icon/Telegram16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Telegram24.tsx b/packages/picasso/src/Icon/Telegram24.tsx index db1667803f..301d494402 100644 --- a/packages/picasso/src/Icon/Telegram24.tsx +++ b/packages/picasso/src/Icon/Telegram24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TelegramResponsive.tsx b/packages/picasso/src/Icon/TelegramResponsive.tsx index 945f0bb9c2..c8abd1acbf 100644 --- a/packages/picasso/src/Icon/TelegramResponsive.tsx +++ b/packages/picasso/src/Icon/TelegramResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Terms16.tsx b/packages/picasso/src/Icon/Terms16.tsx index b525994938..5102f4b203 100644 --- a/packages/picasso/src/Icon/Terms16.tsx +++ b/packages/picasso/src/Icon/Terms16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Terms24.tsx b/packages/picasso/src/Icon/Terms24.tsx index 281d8f263d..c793ea7f82 100644 --- a/packages/picasso/src/Icon/Terms24.tsx +++ b/packages/picasso/src/Icon/Terms24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TermsResponsive.tsx b/packages/picasso/src/Icon/TermsResponsive.tsx index 9afa232e7f..1724f69f9d 100644 --- a/packages/picasso/src/Icon/TermsResponsive.tsx +++ b/packages/picasso/src/Icon/TermsResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ThumbsDown16.tsx b/packages/picasso/src/Icon/ThumbsDown16.tsx index b718e5f6b1..261b690214 100644 --- a/packages/picasso/src/Icon/ThumbsDown16.tsx +++ b/packages/picasso/src/Icon/ThumbsDown16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ThumbsDown24.tsx b/packages/picasso/src/Icon/ThumbsDown24.tsx index 76d1dcdec3..5e46c30ce7 100644 --- a/packages/picasso/src/Icon/ThumbsDown24.tsx +++ b/packages/picasso/src/Icon/ThumbsDown24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ThumbsDownResponsive.tsx b/packages/picasso/src/Icon/ThumbsDownResponsive.tsx index 3c59c06ea4..96e0d501d3 100644 --- a/packages/picasso/src/Icon/ThumbsDownResponsive.tsx +++ b/packages/picasso/src/Icon/ThumbsDownResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/ThumbsUp16.tsx b/packages/picasso/src/Icon/ThumbsUp16.tsx index 42ac33a73c..d78b8889c4 100644 --- a/packages/picasso/src/Icon/ThumbsUp16.tsx +++ b/packages/picasso/src/Icon/ThumbsUp16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/ThumbsUp24.tsx b/packages/picasso/src/Icon/ThumbsUp24.tsx index 82b8f74c5e..02e4de6798 100644 --- a/packages/picasso/src/Icon/ThumbsUp24.tsx +++ b/packages/picasso/src/Icon/ThumbsUp24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ThumbsUpResponsive.tsx b/packages/picasso/src/Icon/ThumbsUpResponsive.tsx index 8c5d9326d5..69bb2784ba 100644 --- a/packages/picasso/src/Icon/ThumbsUpResponsive.tsx +++ b/packages/picasso/src/Icon/ThumbsUpResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Time16.tsx b/packages/picasso/src/Icon/Time16.tsx index 6078fcb86b..2cb446d25e 100644 --- a/packages/picasso/src/Icon/Time16.tsx +++ b/packages/picasso/src/Icon/Time16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Time24.tsx b/packages/picasso/src/Icon/Time24.tsx index fad83ea254..82862e1ed2 100644 --- a/packages/picasso/src/Icon/Time24.tsx +++ b/packages/picasso/src/Icon/Time24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TimeConvert16.tsx b/packages/picasso/src/Icon/TimeConvert16.tsx index eafba529b3..22299d4498 100644 --- a/packages/picasso/src/Icon/TimeConvert16.tsx +++ b/packages/picasso/src/Icon/TimeConvert16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/TimeConvert24.tsx b/packages/picasso/src/Icon/TimeConvert24.tsx index b05b240d71..822471d235 100644 --- a/packages/picasso/src/Icon/TimeConvert24.tsx +++ b/packages/picasso/src/Icon/TimeConvert24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TimeConvertResponsive.tsx b/packages/picasso/src/Icon/TimeConvertResponsive.tsx index d14b8bf764..30e00bc9e5 100644 --- a/packages/picasso/src/Icon/TimeConvertResponsive.tsx +++ b/packages/picasso/src/Icon/TimeConvertResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/TimeResponsive.tsx b/packages/picasso/src/Icon/TimeResponsive.tsx index 65ff1e9cda..fbb892fc44 100644 --- a/packages/picasso/src/Icon/TimeResponsive.tsx +++ b/packages/picasso/src/Icon/TimeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/TimeSolid16.tsx b/packages/picasso/src/Icon/TimeSolid16.tsx index 418e49097d..ec8ae9cc8c 100644 --- a/packages/picasso/src/Icon/TimeSolid16.tsx +++ b/packages/picasso/src/Icon/TimeSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/TimeSolid24.tsx b/packages/picasso/src/Icon/TimeSolid24.tsx index e670da5341..fe329645dd 100644 --- a/packages/picasso/src/Icon/TimeSolid24.tsx +++ b/packages/picasso/src/Icon/TimeSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TimeSolidResponsive.tsx b/packages/picasso/src/Icon/TimeSolidResponsive.tsx index 08a3f05489..01ed6dc55c 100644 --- a/packages/picasso/src/Icon/TimeSolidResponsive.tsx +++ b/packages/picasso/src/Icon/TimeSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Timesheet16.tsx b/packages/picasso/src/Icon/Timesheet16.tsx index b396564cbc..424af33aec 100644 --- a/packages/picasso/src/Icon/Timesheet16.tsx +++ b/packages/picasso/src/Icon/Timesheet16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Timesheet24.tsx b/packages/picasso/src/Icon/Timesheet24.tsx index 6e8de421e5..8c03499253 100644 --- a/packages/picasso/src/Icon/Timesheet24.tsx +++ b/packages/picasso/src/Icon/Timesheet24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TimesheetResponsive.tsx b/packages/picasso/src/Icon/TimesheetResponsive.tsx index 4f6adb56fd..5627e24281 100644 --- a/packages/picasso/src/Icon/TimesheetResponsive.tsx +++ b/packages/picasso/src/Icon/TimesheetResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Transfer16.tsx b/packages/picasso/src/Icon/Transfer16.tsx index 847334cd4a..4e02270dee 100644 --- a/packages/picasso/src/Icon/Transfer16.tsx +++ b/packages/picasso/src/Icon/Transfer16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Transfer24.tsx b/packages/picasso/src/Icon/Transfer24.tsx index ee0a530417..d7d1f6b0af 100644 --- a/packages/picasso/src/Icon/Transfer24.tsx +++ b/packages/picasso/src/Icon/Transfer24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TransferResponsive.tsx b/packages/picasso/src/Icon/TransferResponsive.tsx index df2c2e2eaa..e87439912b 100644 --- a/packages/picasso/src/Icon/TransferResponsive.tsx +++ b/packages/picasso/src/Icon/TransferResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Trash16.tsx b/packages/picasso/src/Icon/Trash16.tsx index 32fe88409e..0a91f33e0f 100644 --- a/packages/picasso/src/Icon/Trash16.tsx +++ b/packages/picasso/src/Icon/Trash16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Trash24.tsx b/packages/picasso/src/Icon/Trash24.tsx index 0a9409a74f..09c1856cca 100644 --- a/packages/picasso/src/Icon/Trash24.tsx +++ b/packages/picasso/src/Icon/Trash24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TrashResponsive.tsx b/packages/picasso/src/Icon/TrashResponsive.tsx index c188a9b8bc..1eb1e48804 100644 --- a/packages/picasso/src/Icon/TrashResponsive.tsx +++ b/packages/picasso/src/Icon/TrashResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/TriangleLeftMinorSolid16.tsx b/packages/picasso/src/Icon/TriangleLeftMinorSolid16.tsx index 61586b2082..be64174671 100644 --- a/packages/picasso/src/Icon/TriangleLeftMinorSolid16.tsx +++ b/packages/picasso/src/Icon/TriangleLeftMinorSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/TriangleLeftMinorSolid24.tsx b/packages/picasso/src/Icon/TriangleLeftMinorSolid24.tsx index b7c85e8ec7..478f692b2b 100644 --- a/packages/picasso/src/Icon/TriangleLeftMinorSolid24.tsx +++ b/packages/picasso/src/Icon/TriangleLeftMinorSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TriangleLeftMinorSolidResponsive.tsx b/packages/picasso/src/Icon/TriangleLeftMinorSolidResponsive.tsx index a3b7a8a04d..1d24bad840 100644 --- a/packages/picasso/src/Icon/TriangleLeftMinorSolidResponsive.tsx +++ b/packages/picasso/src/Icon/TriangleLeftMinorSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/TriangleRightMinorSolid16.tsx b/packages/picasso/src/Icon/TriangleRightMinorSolid16.tsx index a5cd3f407b..f6011ddeac 100644 --- a/packages/picasso/src/Icon/TriangleRightMinorSolid16.tsx +++ b/packages/picasso/src/Icon/TriangleRightMinorSolid16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/TriangleRightMinorSolid24.tsx b/packages/picasso/src/Icon/TriangleRightMinorSolid24.tsx index 7b03c9d89f..8f31310556 100644 --- a/packages/picasso/src/Icon/TriangleRightMinorSolid24.tsx +++ b/packages/picasso/src/Icon/TriangleRightMinorSolid24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TriangleRightMinorSolidResponsive.tsx b/packages/picasso/src/Icon/TriangleRightMinorSolidResponsive.tsx index 1dff0b4f80..b9c17de7fb 100644 --- a/packages/picasso/src/Icon/TriangleRightMinorSolidResponsive.tsx +++ b/packages/picasso/src/Icon/TriangleRightMinorSolidResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Twitter16.tsx b/packages/picasso/src/Icon/Twitter16.tsx index 5440e06f1d..e139a20871 100644 --- a/packages/picasso/src/Icon/Twitter16.tsx +++ b/packages/picasso/src/Icon/Twitter16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Twitter24.tsx b/packages/picasso/src/Icon/Twitter24.tsx index 9f41892329..b1d4490c15 100644 --- a/packages/picasso/src/Icon/Twitter24.tsx +++ b/packages/picasso/src/Icon/Twitter24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/TwitterResponsive.tsx b/packages/picasso/src/Icon/TwitterResponsive.tsx index 08e00a5c61..8ff445a662 100644 --- a/packages/picasso/src/Icon/TwitterResponsive.tsx +++ b/packages/picasso/src/Icon/TwitterResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/UiGuidelines16.tsx b/packages/picasso/src/Icon/UiGuidelines16.tsx index 2c865cdaa5..29d941feb3 100644 --- a/packages/picasso/src/Icon/UiGuidelines16.tsx +++ b/packages/picasso/src/Icon/UiGuidelines16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/UiGuidelines24.tsx b/packages/picasso/src/Icon/UiGuidelines24.tsx index 0fdf01225e..da30b0272b 100644 --- a/packages/picasso/src/Icon/UiGuidelines24.tsx +++ b/packages/picasso/src/Icon/UiGuidelines24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/UiGuidelinesResponsive.tsx b/packages/picasso/src/Icon/UiGuidelinesResponsive.tsx index bcf2c9f62c..c1907e5cd2 100644 --- a/packages/picasso/src/Icon/UiGuidelinesResponsive.tsx +++ b/packages/picasso/src/Icon/UiGuidelinesResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Unavailable16.tsx b/packages/picasso/src/Icon/Unavailable16.tsx index 31d7ff6aea..5e72c66d75 100644 --- a/packages/picasso/src/Icon/Unavailable16.tsx +++ b/packages/picasso/src/Icon/Unavailable16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Unavailable24.tsx b/packages/picasso/src/Icon/Unavailable24.tsx index 069b749a7c..c9315d52ca 100644 --- a/packages/picasso/src/Icon/Unavailable24.tsx +++ b/packages/picasso/src/Icon/Unavailable24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/UnavailableResponsive.tsx b/packages/picasso/src/Icon/UnavailableResponsive.tsx index e4401790c7..18ab5ac237 100644 --- a/packages/picasso/src/Icon/UnavailableResponsive.tsx +++ b/packages/picasso/src/Icon/UnavailableResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Unlink16.tsx b/packages/picasso/src/Icon/Unlink16.tsx index 5ecb5d3107..4b63143ad9 100644 --- a/packages/picasso/src/Icon/Unlink16.tsx +++ b/packages/picasso/src/Icon/Unlink16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Unlink24.tsx b/packages/picasso/src/Icon/Unlink24.tsx index 8664cbdda2..70eadc137e 100644 --- a/packages/picasso/src/Icon/Unlink24.tsx +++ b/packages/picasso/src/Icon/Unlink24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/UnlinkResponsive.tsx b/packages/picasso/src/Icon/UnlinkResponsive.tsx index c28f42a193..bd3399a909 100644 --- a/packages/picasso/src/Icon/UnlinkResponsive.tsx +++ b/packages/picasso/src/Icon/UnlinkResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Update16.tsx b/packages/picasso/src/Icon/Update16.tsx index e97ac295ea..fca3267155 100644 --- a/packages/picasso/src/Icon/Update16.tsx +++ b/packages/picasso/src/Icon/Update16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Update24.tsx b/packages/picasso/src/Icon/Update24.tsx index a75c1af085..4803a6177c 100644 --- a/packages/picasso/src/Icon/Update24.tsx +++ b/packages/picasso/src/Icon/Update24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/UpdateResponsive.tsx b/packages/picasso/src/Icon/UpdateResponsive.tsx index f43144a418..b94b1551c5 100644 --- a/packages/picasso/src/Icon/UpdateResponsive.tsx +++ b/packages/picasso/src/Icon/UpdateResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Upload16.tsx b/packages/picasso/src/Icon/Upload16.tsx index 0172fca58f..4f6e964e94 100644 --- a/packages/picasso/src/Icon/Upload16.tsx +++ b/packages/picasso/src/Icon/Upload16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Upload24.tsx b/packages/picasso/src/Icon/Upload24.tsx index 71da621d04..783d3fe8f4 100644 --- a/packages/picasso/src/Icon/Upload24.tsx +++ b/packages/picasso/src/Icon/Upload24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/UploadDocument16.tsx b/packages/picasso/src/Icon/UploadDocument16.tsx index fad10e584f..821a31d97a 100644 --- a/packages/picasso/src/Icon/UploadDocument16.tsx +++ b/packages/picasso/src/Icon/UploadDocument16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/UploadDocument24.tsx b/packages/picasso/src/Icon/UploadDocument24.tsx index 4b42c1e6a1..ce80a8db5c 100644 --- a/packages/picasso/src/Icon/UploadDocument24.tsx +++ b/packages/picasso/src/Icon/UploadDocument24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/UploadDocumentResponsive.tsx b/packages/picasso/src/Icon/UploadDocumentResponsive.tsx index 9aebfe09ab..82b87f8d44 100644 --- a/packages/picasso/src/Icon/UploadDocumentResponsive.tsx +++ b/packages/picasso/src/Icon/UploadDocumentResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/UploadResponsive.tsx b/packages/picasso/src/Icon/UploadResponsive.tsx index 403f9d4926..5e2537ceec 100644 --- a/packages/picasso/src/Icon/UploadResponsive.tsx +++ b/packages/picasso/src/Icon/UploadResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/VerificationBadge16.tsx b/packages/picasso/src/Icon/VerificationBadge16.tsx index ad6998756c..6b20f4d408 100644 --- a/packages/picasso/src/Icon/VerificationBadge16.tsx +++ b/packages/picasso/src/Icon/VerificationBadge16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/VerificationBadge24.tsx b/packages/picasso/src/Icon/VerificationBadge24.tsx index a3fedbd197..f43ef41b64 100644 --- a/packages/picasso/src/Icon/VerificationBadge24.tsx +++ b/packages/picasso/src/Icon/VerificationBadge24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/VerificationBadgeResponsive.tsx b/packages/picasso/src/Icon/VerificationBadgeResponsive.tsx index 31774cf339..7bfb6fab87 100644 --- a/packages/picasso/src/Icon/VerificationBadgeResponsive.tsx +++ b/packages/picasso/src/Icon/VerificationBadgeResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/VideoOff16.tsx b/packages/picasso/src/Icon/VideoOff16.tsx index 42f317adac..21ab689929 100644 --- a/packages/picasso/src/Icon/VideoOff16.tsx +++ b/packages/picasso/src/Icon/VideoOff16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/VideoOff24.tsx b/packages/picasso/src/Icon/VideoOff24.tsx index 311fe3aa2a..8576d366fb 100644 --- a/packages/picasso/src/Icon/VideoOff24.tsx +++ b/packages/picasso/src/Icon/VideoOff24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/VideoOffResponsive.tsx b/packages/picasso/src/Icon/VideoOffResponsive.tsx index b2d925f128..1db03d483c 100644 --- a/packages/picasso/src/Icon/VideoOffResponsive.tsx +++ b/packages/picasso/src/Icon/VideoOffResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/VideoOn16.tsx b/packages/picasso/src/Icon/VideoOn16.tsx index 2166452cd9..bceca9184e 100644 --- a/packages/picasso/src/Icon/VideoOn16.tsx +++ b/packages/picasso/src/Icon/VideoOn16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/VideoOn24.tsx b/packages/picasso/src/Icon/VideoOn24.tsx index eb27347870..30a98dc277 100644 --- a/packages/picasso/src/Icon/VideoOn24.tsx +++ b/packages/picasso/src/Icon/VideoOn24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/VideoOnResponsive.tsx b/packages/picasso/src/Icon/VideoOnResponsive.tsx index c6d36a31b2..54d7ad9569 100644 --- a/packages/picasso/src/Icon/VideoOnResponsive.tsx +++ b/packages/picasso/src/Icon/VideoOnResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/View16.tsx b/packages/picasso/src/Icon/View16.tsx index 75401937e2..73e75fefb6 100644 --- a/packages/picasso/src/Icon/View16.tsx +++ b/packages/picasso/src/Icon/View16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/View24.tsx b/packages/picasso/src/Icon/View24.tsx index 2aa532dfee..f5cf9017f3 100644 --- a/packages/picasso/src/Icon/View24.tsx +++ b/packages/picasso/src/Icon/View24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/ViewResponsive.tsx b/packages/picasso/src/Icon/ViewResponsive.tsx index 9a00340464..991047a048 100644 --- a/packages/picasso/src/Icon/ViewResponsive.tsx +++ b/packages/picasso/src/Icon/ViewResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/Whatsapp16.tsx b/packages/picasso/src/Icon/Whatsapp16.tsx index a07f6c9243..c57cbc11c7 100644 --- a/packages/picasso/src/Icon/Whatsapp16.tsx +++ b/packages/picasso/src/Icon/Whatsapp16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/Whatsapp24.tsx b/packages/picasso/src/Icon/Whatsapp24.tsx index 8924686e22..bd8ecd419f 100644 --- a/packages/picasso/src/Icon/Whatsapp24.tsx +++ b/packages/picasso/src/Icon/Whatsapp24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/WhatsappResponsive.tsx b/packages/picasso/src/Icon/WhatsappResponsive.tsx index eac629cac7..b20fce7e58 100644 --- a/packages/picasso/src/Icon/WhatsappResponsive.tsx +++ b/packages/picasso/src/Icon/WhatsappResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/WhitePaper16.tsx b/packages/picasso/src/Icon/WhitePaper16.tsx index 6fc293b76a..3a22b602f8 100644 --- a/packages/picasso/src/Icon/WhitePaper16.tsx +++ b/packages/picasso/src/Icon/WhitePaper16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/WhitePaper24.tsx b/packages/picasso/src/Icon/WhitePaper24.tsx index beda506a0a..55319bad7f 100644 --- a/packages/picasso/src/Icon/WhitePaper24.tsx +++ b/packages/picasso/src/Icon/WhitePaper24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/WhitePaperResponsive.tsx b/packages/picasso/src/Icon/WhitePaperResponsive.tsx index c5b34201e4..a5f930ea88 100644 --- a/packages/picasso/src/Icon/WhitePaperResponsive.tsx +++ b/packages/picasso/src/Icon/WhitePaperResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/WorkExperience16.tsx b/packages/picasso/src/Icon/WorkExperience16.tsx index 482539b1c6..447a39e34f 100644 --- a/packages/picasso/src/Icon/WorkExperience16.tsx +++ b/packages/picasso/src/Icon/WorkExperience16.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 16 diff --git a/packages/picasso/src/Icon/WorkExperience24.tsx b/packages/picasso/src/Icon/WorkExperience24.tsx index 8f2bec29b7..563961c3f4 100644 --- a/packages/picasso/src/Icon/WorkExperience24.tsx +++ b/packages/picasso/src/Icon/WorkExperience24.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' import type { StandardProps } from '@toptal/picasso-shared' +import kebabToCamelCase from '@toptal/picasso-utils/kebab-to-camel-case' -import kebabToCamelCase from '../utils/kebab-to-camel-case' import styles from './styles' const BASE_SIZE = 24 diff --git a/packages/picasso/src/Icon/WorkExperienceResponsive.tsx b/packages/picasso/src/Icon/WorkExperienceResponsive.tsx index c409ee4367..f4cf588bc7 100644 --- a/packages/picasso/src/Icon/WorkExperienceResponsive.tsx +++ b/packages/picasso/src/Icon/WorkExperienceResponsive.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useScreens } from '@toptal/picasso-provider' import React from 'react' diff --git a/packages/picasso/src/Icon/index.ts b/packages/picasso/src/Icon/index.ts index 2965d5c426..a5dc456e6b 100644 --- a/packages/picasso/src/Icon/index.ts +++ b/packages/picasso/src/Icon/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default as Bold16 } from './Bold16' export { default as CheckSolid16 } from './CheckSolid16' export { default as CheckSolid24 } from './CheckSolid24' diff --git a/packages/picasso/src/Icon/package.json b/packages/picasso/src/Icon/package.json new file mode 100644 index 0000000000..4b19f8e356 --- /dev/null +++ b/packages/picasso/src/Icon/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-icon", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/kebab-to-camel-case": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Icon/styles.tsx b/packages/picasso/src/Icon/styles.tsx index 8ac30fd83c..678e41e46d 100644 --- a/packages/picasso/src/Icon/styles.tsx +++ b/packages/picasso/src/Icon/styles.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core' import { createStyles } from '@material-ui/core' diff --git a/packages/picasso/src/Image/Image.tsx b/packages/picasso/src/Image/Image.tsx index 7534182c13..f1b60d607b 100644 --- a/packages/picasso/src/Image/Image.tsx +++ b/packages/picasso/src/Image/Image.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ImgHTMLAttributes } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' diff --git a/packages/picasso/src/Image/index.ts b/packages/picasso/src/Image/index.ts index 3634db427d..51daaed21d 100644 --- a/packages/picasso/src/Image/index.ts +++ b/packages/picasso/src/Image/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Image' diff --git a/packages/picasso/src/Image/package.json b/packages/picasso/src/Image/package.json new file mode 100644 index 0000000000..af7c6ae497 --- /dev/null +++ b/packages/picasso/src/Image/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-image", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Image/styles.ts b/packages/picasso/src/Image/styles.ts index da58e23363..b8824b5b02 100644 --- a/packages/picasso/src/Image/styles.ts +++ b/packages/picasso/src/Image/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/Indicator/Indicator.tsx b/packages/picasso/src/Indicator/Indicator.tsx index d482752fba..371c85a08a 100644 --- a/packages/picasso/src/Indicator/Indicator.tsx +++ b/packages/picasso/src/Indicator/Indicator.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Indicator/index.ts b/packages/picasso/src/Indicator/index.ts index 011c7b0d95..201788ea49 100644 --- a/packages/picasso/src/Indicator/index.ts +++ b/packages/picasso/src/Indicator/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Indicator' diff --git a/packages/picasso/src/Indicator/package.json b/packages/picasso/src/Indicator/package.json new file mode 100644 index 0000000000..56d9001916 --- /dev/null +++ b/packages/picasso/src/Indicator/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-indicator", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Indicator/styles.ts b/packages/picasso/src/Indicator/styles.ts index 6e698d28b9..92a2dc35b9 100644 --- a/packages/picasso/src/Indicator/styles.ts +++ b/packages/picasso/src/Indicator/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Input/Input.tsx b/packages/picasso/src/Input/Input.tsx index 4157f016fb..c5cf8f8374 100644 --- a/packages/picasso/src/Input/Input.tsx +++ b/packages/picasso/src/Input/Input.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable max-lines */ import type { ReactNode, @@ -11,20 +12,20 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps, SizeType } from '@toptal/picasso-shared' import { useHasMultilineCounter } from '@toptal/picasso-shared' +import type { BaseInputProps, Status } from '@toptal/picasso-outlined-input' +import OutlinedInput from '@toptal/picasso-outlined-input' +import { disableUnsupportedProps } from '@toptal/picasso-utils' +import type { FeatureOptions } from '@toptal/picasso-utils/disable-unsupported-props' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import type { InputLimitAdornmentProps } from '@toptal/picasso-input-limit-adornment' +import InputLimitAdornment from '@toptal/picasso-input-limit-adornment' +import type { InputIconAdornmentProps } from '@toptal/picasso-input-icon-adornment' +import InputIconAdornment from '@toptal/picasso-input-icon-adornment' +import Container from '@toptal/picasso-container' +import InputValidIconAdornment from '@toptal/picasso-input-valid-icon-adornment' +import { useFieldsLayoutContext } from '@toptal/picasso-fields-layout' -import type { BaseInputProps, Status } from '../OutlinedInput' -import OutlinedInput from '../OutlinedInput' -import { disableUnsupportedProps } from '../utils' -import type { FeatureOptions } from '../utils/disable-unsupported-props' import styles from './styles' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import type { InputLimitAdornmentProps } from '../InputLimitAdornment' -import InputLimitAdornment from '../InputLimitAdornment' -import type { InputIconAdornmentProps } from '../InputIconAdornment' -import InputIconAdornment from '../InputIconAdornment' -import Container from '../Container' -import InputValidIconAdornment from '../InputValidIconAdornment' -import { useFieldsLayoutContext } from '../FieldsLayout' export interface Props extends BaseProps, diff --git a/packages/picasso/src/Input/index.ts b/packages/picasso/src/Input/index.ts index 71d015cfca..ccd09bc83a 100644 --- a/packages/picasso/src/Input/index.ts +++ b/packages/picasso/src/Input/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as InternalInputProps } from './Input' diff --git a/packages/picasso/src/Input/package.json b/packages/picasso/src/Input/package.json new file mode 100644 index 0000000000..858b696634 --- /dev/null +++ b/packages/picasso/src/Input/package.json @@ -0,0 +1,17 @@ +{ + "name": "@toptal/picasso-input", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-outlined-input": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-utils/disable-unsupported-props": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-input-limit-adornment": "^1.0.0", + "@toptal/picasso-input-icon-adornment": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-input-valid-icon-adornment": "^1.0.0", + "@toptal/picasso-fields-layout": "^1.0.0", + "@toptal/picasso-input-base/highlight-styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Input/styles.ts b/packages/picasso/src/Input/styles.ts index 0a329323c0..ca4888d160 100644 --- a/packages/picasso/src/Input/styles.ts +++ b/packages/picasso/src/Input/styles.ts @@ -1,11 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import highlightAutofillStyles from '../InputBase/highlight-styles' -import '../InputBase/styles' -import '../InputLabel/styles' -import '../OutlinedInput/styles' -import '../InputAdornment/styles' +import highlightAutofillStyles from '@toptal/picasso-input-base/highlight-styles' +import '@toptal/picasso-input-base/styles' +import '@toptal/picasso-input-label/styles' +import '@toptal/picasso-outlined-input/styles' +import '@toptal/picasso-input-adornment/styles' export default (theme: Theme) => createStyles({ diff --git a/packages/picasso/src/InputAdornment/InputAdornment.tsx b/packages/picasso/src/InputAdornment/InputAdornment.tsx index 697c463cff..4c58d261b2 100644 --- a/packages/picasso/src/InputAdornment/InputAdornment.tsx +++ b/packages/picasso/src/InputAdornment/InputAdornment.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes, MouseEvent } from 'react' import React, { useCallback } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -5,9 +6,9 @@ import { makeStyles } from '@material-ui/core/styles' import { InputAdornment as MUIInputAdornment } from '@material-ui/core' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import noop from '@toptal/picasso-utils/noop' import styles from './styles' -import noop from '../utils/noop' type PositionType = 'start' | 'end' diff --git a/packages/picasso/src/InputAdornment/index.ts b/packages/picasso/src/InputAdornment/index.ts index 2f8a92b831..28970df1c9 100644 --- a/packages/picasso/src/InputAdornment/index.ts +++ b/packages/picasso/src/InputAdornment/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './InputAdornment' diff --git a/packages/picasso/src/InputAdornment/package.json b/packages/picasso/src/InputAdornment/package.json new file mode 100644 index 0000000000..d2431f0ba0 --- /dev/null +++ b/packages/picasso/src/InputAdornment/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-input-adornment", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/noop": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/InputAdornment/styles.ts b/packages/picasso/src/InputAdornment/styles.ts index 4cca484f9e..f2db517a9e 100644 --- a/packages/picasso/src/InputAdornment/styles.ts +++ b/packages/picasso/src/InputAdornment/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core' import { createStyles } from '@material-ui/core' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/InputBase/highlight-styles.ts b/packages/picasso/src/InputBase/highlight-styles.ts index d2546dc2ac..eb3f72ad07 100644 --- a/packages/picasso/src/InputBase/highlight-styles.ts +++ b/packages/picasso/src/InputBase/highlight-styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/InputBase/package.json b/packages/picasso/src/InputBase/package.json new file mode 100644 index 0000000000..82237b6686 --- /dev/null +++ b/packages/picasso/src/InputBase/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-input-base", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/InputBase/styles.ts b/packages/picasso/src/InputBase/styles.ts index 8636de9a97..bc3962e522 100644 --- a/packages/picasso/src/InputBase/styles.ts +++ b/packages/picasso/src/InputBase/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/InputIconAdornment/InputIconAdornment.tsx b/packages/picasso/src/InputIconAdornment/InputIconAdornment.tsx index 299e9c1ceb..3e975a39c4 100644 --- a/packages/picasso/src/InputIconAdornment/InputIconAdornment.tsx +++ b/packages/picasso/src/InputIconAdornment/InputIconAdornment.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement, ReactNode } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import InputAdornment from '@toptal/picasso-input-adornment' import styles from './styles' -import InputAdornment from '../InputAdornment' type IconPosition = 'start' | 'end' diff --git a/packages/picasso/src/InputIconAdornment/index.ts b/packages/picasso/src/InputIconAdornment/index.ts index 08d292774c..2d2d2142a4 100644 --- a/packages/picasso/src/InputIconAdornment/index.ts +++ b/packages/picasso/src/InputIconAdornment/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './InputIconAdornment' diff --git a/packages/picasso/src/InputIconAdornment/package.json b/packages/picasso/src/InputIconAdornment/package.json new file mode 100644 index 0000000000..c1012fcd4d --- /dev/null +++ b/packages/picasso/src/InputIconAdornment/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-input-icon-adornment", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-input-adornment": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/InputIconAdornment/styles.ts b/packages/picasso/src/InputIconAdornment/styles.ts index c1e391d5ed..76e155eec0 100644 --- a/packages/picasso/src/InputIconAdornment/styles.ts +++ b/packages/picasso/src/InputIconAdornment/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/InputLabel/InputLabel.tsx b/packages/picasso/src/InputLabel/InputLabel.tsx index dfbc78d636..878adfff27 100644 --- a/packages/picasso/src/InputLabel/InputLabel.tsx +++ b/packages/picasso/src/InputLabel/InputLabel.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, LabelHTMLAttributes } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/InputLabel/index.ts b/packages/picasso/src/InputLabel/index.ts index ed2cbaab77..6efed8c3e0 100644 --- a/packages/picasso/src/InputLabel/index.ts +++ b/packages/picasso/src/InputLabel/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './InputLabel' diff --git a/packages/picasso/src/InputLabel/package.json b/packages/picasso/src/InputLabel/package.json new file mode 100644 index 0000000000..32fe4e273b --- /dev/null +++ b/packages/picasso/src/InputLabel/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-input-label", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/InputLabel/styles.ts b/packages/picasso/src/InputLabel/styles.ts index abd83dfadc..09cd003cc1 100644 --- a/packages/picasso/src/InputLabel/styles.ts +++ b/packages/picasso/src/InputLabel/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core' import { createStyles } from '@material-ui/core' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/InputLimitAdornment/InputLimitAdornment.tsx b/packages/picasso/src/InputLimitAdornment/InputLimitAdornment.tsx index b2ddf1e445..13b0fe180a 100644 --- a/packages/picasso/src/InputLimitAdornment/InputLimitAdornment.tsx +++ b/packages/picasso/src/InputLimitAdornment/InputLimitAdornment.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import { InputAdornment } from '@material-ui/core' +import InputMultilineAdornment from '@toptal/picasso-input-multiline-adornment' import styles from './styles' -import InputMultilineAdornment from '../InputMultilineAdornment' type CounterType = 'remaining' | 'entered' diff --git a/packages/picasso/src/InputLimitAdornment/index.ts b/packages/picasso/src/InputLimitAdornment/index.ts index 6b0a49f417..5ad2a0b4fe 100644 --- a/packages/picasso/src/InputLimitAdornment/index.ts +++ b/packages/picasso/src/InputLimitAdornment/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './InputLimitAdornment' diff --git a/packages/picasso/src/InputLimitAdornment/package.json b/packages/picasso/src/InputLimitAdornment/package.json new file mode 100644 index 0000000000..2196bdb5a9 --- /dev/null +++ b/packages/picasso/src/InputLimitAdornment/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-input-limit-adornment", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-input-multiline-adornment": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/InputLimitAdornment/styles.ts b/packages/picasso/src/InputLimitAdornment/styles.ts index 0c7e733c5a..dc4c267bda 100644 --- a/packages/picasso/src/InputLimitAdornment/styles.ts +++ b/packages/picasso/src/InputLimitAdornment/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/InputMultilineAdornment/InputMultilineAdornment.tsx b/packages/picasso/src/InputMultilineAdornment/InputMultilineAdornment.tsx index bb128dcd6f..a21f25762c 100644 --- a/packages/picasso/src/InputMultilineAdornment/InputMultilineAdornment.tsx +++ b/packages/picasso/src/InputMultilineAdornment/InputMultilineAdornment.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import Container from '@toptal/picasso-container' -import Container from '../Container' import styles from './styles' export interface Props { diff --git a/packages/picasso/src/InputMultilineAdornment/index.ts b/packages/picasso/src/InputMultilineAdornment/index.ts index 3bdb8a04ba..03dc82f285 100644 --- a/packages/picasso/src/InputMultilineAdornment/index.ts +++ b/packages/picasso/src/InputMultilineAdornment/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './InputMultilineAdornment' diff --git a/packages/picasso/src/InputMultilineAdornment/package.json b/packages/picasso/src/InputMultilineAdornment/package.json new file mode 100644 index 0000000000..097022f6fd --- /dev/null +++ b/packages/picasso/src/InputMultilineAdornment/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-input-multiline-adornment", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/InputMultilineAdornment/styles.ts b/packages/picasso/src/InputMultilineAdornment/styles.ts index b81924ea4d..f2416e2ac7 100644 --- a/packages/picasso/src/InputMultilineAdornment/styles.ts +++ b/packages/picasso/src/InputMultilineAdornment/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/InputValidIconAdornment/InputValidIconAdornment.tsx b/packages/picasso/src/InputValidIconAdornment/InputValidIconAdornment.tsx index 461c6b444e..6861fc1a8d 100644 --- a/packages/picasso/src/InputValidIconAdornment/InputValidIconAdornment.tsx +++ b/packages/picasso/src/InputValidIconAdornment/InputValidIconAdornment.tsx @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' - -import { CheckMinor24, CheckMinor16 } from '../Icon' -import InputAdornment from '../InputAdornment' +import { CheckMinor24, CheckMinor16 } from '@toptal/picasso-icon' +import InputAdornment from '@toptal/picasso-input-adornment' export interface Props { 'data-testid'?: string diff --git a/packages/picasso/src/InputValidIconAdornment/index.ts b/packages/picasso/src/InputValidIconAdornment/index.ts index d0de4e730c..e0979e68f7 100644 --- a/packages/picasso/src/InputValidIconAdornment/index.ts +++ b/packages/picasso/src/InputValidIconAdornment/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './InputValidIconAdornment' diff --git a/packages/picasso/src/InputValidIconAdornment/package.json b/packages/picasso/src/InputValidIconAdornment/package.json new file mode 100644 index 0000000000..13705318a9 --- /dev/null +++ b/packages/picasso/src/InputValidIconAdornment/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-input-valid-icon-adornment", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-input-adornment": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/LexicalEditor/package.json b/packages/picasso/src/LexicalEditor/package.json new file mode 100644 index 0000000000..dcfb19bb54 --- /dev/null +++ b/packages/picasso/src/LexicalEditor/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-lexical-editor", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Link/Link.tsx b/packages/picasso/src/Link/Link.tsx index 33c75de475..488615c6f8 100644 --- a/packages/picasso/src/Link/Link.tsx +++ b/packages/picasso/src/Link/Link.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, ElementType, AnchorHTMLAttributes } from 'react' import React, { forwardRef } from 'react' import { Link as MUILink } from '@material-ui/core' diff --git a/packages/picasso/src/Link/index.ts b/packages/picasso/src/Link/index.ts index f1cf52c195..2dd5793fb1 100644 --- a/packages/picasso/src/Link/index.ts +++ b/packages/picasso/src/Link/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Link' diff --git a/packages/picasso/src/Link/package.json b/packages/picasso/src/Link/package.json new file mode 100644 index 0000000000..b573db9ae2 --- /dev/null +++ b/packages/picasso/src/Link/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-link", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Link/styles.ts b/packages/picasso/src/Link/styles.ts index 5dec5e573d..c27886270a 100644 --- a/packages/picasso/src/Link/styles.ts +++ b/packages/picasso/src/Link/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/List/List.tsx b/packages/picasso/src/List/List.tsx index 27bea22718..e6aa74433c 100644 --- a/packages/picasso/src/List/List.tsx +++ b/packages/picasso/src/List/List.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import ListItem from '@toptal/picasso-list-item' +import type { Props as ListItemProps } from '@toptal/picasso-list-item' -import ListItem from '../ListItem' -import type { Props as ListItemProps } from '../ListItem' import styles from './styles' import type { ListItemType } from './context' import { ListContextProvider, useListContext } from './context' diff --git a/packages/picasso/src/List/context.tsx b/packages/picasso/src/List/context.tsx index 100208c78b..b86ab292d3 100644 --- a/packages/picasso/src/List/context.tsx +++ b/packages/picasso/src/List/context.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { createContext, useContext } from 'react' export type ListItemType = diff --git a/packages/picasso/src/List/index.ts b/packages/picasso/src/List/index.ts index 61c9a96b4d..7970fa32c8 100644 --- a/packages/picasso/src/List/index.ts +++ b/packages/picasso/src/List/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './List' diff --git a/packages/picasso/src/List/package.json b/packages/picasso/src/List/package.json new file mode 100644 index 0000000000..36fc3eedfa --- /dev/null +++ b/packages/picasso/src/List/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-list", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-list-item": "^1.0.0", + "@toptal/picasso-list-item/styles": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/List/styles.ts b/packages/picasso/src/List/styles.ts index 784a6c0d64..072ac81849 100644 --- a/packages/picasso/src/List/styles.ts +++ b/packages/picasso/src/List/styles.ts @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' - -import { listStyleTypes } from '../ListItem/styles' -import { palette } from '../utils' +import { listStyleTypes } from '@toptal/picasso-list-item/styles' +import { palette } from '@toptal/picasso-utils' export default ({ typography }: Theme) => createStyles({ diff --git a/packages/picasso/src/ListItem/ListItem.tsx b/packages/picasso/src/ListItem/ListItem.tsx index 54c4b1aa53..eebdc7dd34 100644 --- a/packages/picasso/src/ListItem/ListItem.tsx +++ b/packages/picasso/src/ListItem/ListItem.tsx @@ -1,17 +1,18 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import type { ListItemType } from '@toptal/picasso-list/context' +import { useListContext } from '@toptal/picasso-list/context' +import { ArrowLongRight16, Check16 } from '@toptal/picasso-icon' -import Container from '../Container' -import Typography from '../Typography' import styles from './styles' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import type { ListItemType } from '../List/context' -import { useListContext } from '../List/context' -import { ArrowLongRight16, Check16 } from '../Icon' export type Props = BaseProps & { children: ReactNode diff --git a/packages/picasso/src/ListItem/index.ts b/packages/picasso/src/ListItem/index.ts index 42c052fc45..3eacf48f6f 100644 --- a/packages/picasso/src/ListItem/index.ts +++ b/packages/picasso/src/ListItem/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './ListItem' export type { Props } from './ListItem' diff --git a/packages/picasso/src/ListItem/package.json b/packages/picasso/src/ListItem/package.json new file mode 100644 index 0000000000..610e011af7 --- /dev/null +++ b/packages/picasso/src/ListItem/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-list-item", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-list/context": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ListItem/styles.ts b/packages/picasso/src/ListItem/styles.ts index 758cbfb510..5faa4844db 100644 --- a/packages/picasso/src/ListItem/styles.ts +++ b/packages/picasso/src/ListItem/styles.ts @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { StyleRules } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' import { rem } from '@toptal/picasso-shared' - -import type { ListItemType } from '../List/context' +import type { ListItemType } from '@toptal/picasso-list/context' PicassoProvider.override(() => ({ MuiListItem: { diff --git a/packages/picasso/src/Loader/Loader.tsx b/packages/picasso/src/Loader/Loader.tsx index 1d450419a1..e8d54b958e 100644 --- a/packages/picasso/src/Loader/Loader.tsx +++ b/packages/picasso/src/Loader/Loader.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -6,8 +7,8 @@ import capitalize from '@material-ui/core/utils/capitalize' import cx from 'classnames' import type { BaseProps, SizeType } from '@toptal/picasso-shared' import { useAppConfig } from '@toptal/picasso-provider' +import CircularProgress from '@toptal/picasso-circular-progress' -import CircularProgress from '../CircularProgress' import styles from './styles' const DEFAULT_PROGRESS = 35 diff --git a/packages/picasso/src/Loader/index.ts b/packages/picasso/src/Loader/index.ts index fe276c71ba..19e62e6feb 100644 --- a/packages/picasso/src/Loader/index.ts +++ b/packages/picasso/src/Loader/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Loader' diff --git a/packages/picasso/src/Loader/package.json b/packages/picasso/src/Loader/package.json new file mode 100644 index 0000000000..d7cfab440a --- /dev/null +++ b/packages/picasso/src/Loader/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-loader", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-circular-progress": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Loader/styles.ts b/packages/picasso/src/Loader/styles.ts index 70694060ae..4a487f26d5 100644 --- a/packages/picasso/src/Loader/styles.ts +++ b/packages/picasso/src/Loader/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Logo/Logo.tsx b/packages/picasso/src/Logo/Logo.tsx index 583244c409..ed5e7c2e81 100644 --- a/packages/picasso/src/Logo/Logo.tsx +++ b/packages/picasso/src/Logo/Logo.tsx @@ -1,10 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import { + Logo as LogoIcon, + LogoEmblem as LogoEmblemIcon, +} from '@toptal/picasso-icon' -import { Logo as LogoIcon, LogoEmblem as LogoEmblemIcon } from '../Icon' import styles from './styles' type VariantType = 'default' | 'white' | 'black' | 'grey' | 'blue' diff --git a/packages/picasso/src/Logo/index.ts b/packages/picasso/src/Logo/index.ts index 7029529743..7f944d5395 100644 --- a/packages/picasso/src/Logo/index.ts +++ b/packages/picasso/src/Logo/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Logo' diff --git a/packages/picasso/src/Logo/package.json b/packages/picasso/src/Logo/package.json new file mode 100644 index 0000000000..d740101e8f --- /dev/null +++ b/packages/picasso/src/Logo/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-logo", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Logo/styles.ts b/packages/picasso/src/Logo/styles.ts index db00273d7b..5d3b89c9ea 100644 --- a/packages/picasso/src/Logo/styles.ts +++ b/packages/picasso/src/Logo/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/MediaSkeletonLoader/MediaSkeletonLoader.tsx b/packages/picasso/src/MediaSkeletonLoader/MediaSkeletonLoader.tsx index feec86db3d..03dcfb26e7 100755 --- a/packages/picasso/src/MediaSkeletonLoader/MediaSkeletonLoader.tsx +++ b/packages/picasso/src/MediaSkeletonLoader/MediaSkeletonLoader.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useMemo } from 'react' import ContentLoader from 'react-content-loader' import type { BaseProps } from '@toptal/picasso-shared' import { pxFromRem } from '@toptal/picasso-shared' - -import { loaderPalette } from '../utils' +import { loaderPalette } from '@toptal/picasso-utils' interface MediaSkeletonBase extends BaseProps { /** Default to random unique id, you can set your own unique id to fix SSR */ diff --git a/packages/picasso/src/MediaSkeletonLoader/index.ts b/packages/picasso/src/MediaSkeletonLoader/index.ts index 67c8284a90..1517e43332 100644 --- a/packages/picasso/src/MediaSkeletonLoader/index.ts +++ b/packages/picasso/src/MediaSkeletonLoader/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './MediaSkeletonLoader' diff --git a/packages/picasso/src/MediaSkeletonLoader/package.json b/packages/picasso/src/MediaSkeletonLoader/package.json new file mode 100644 index 0000000000..8cad5a96ce --- /dev/null +++ b/packages/picasso/src/MediaSkeletonLoader/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-media-skeleton-loader", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Menu/Menu.tsx b/packages/picasso/src/Menu/Menu.tsx index 27925fa446..e8ab96765c 100644 --- a/packages/picasso/src/Menu/Menu.tsx +++ b/packages/picasso/src/Menu/Menu.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' @@ -5,10 +6,10 @@ import { MenuList as MUIMenuList } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import { BackMinor16 } from '@toptal/picasso-icon' +import MenuItem from '@toptal/picasso-menu-item' +import Typography from '@toptal/picasso-typography' -import { BackMinor16 } from '../Icon' -import MenuItem from '../MenuItem' -import Typography from '../Typography' import { useMenu } from './hooks' import MenuContext from './MenuContext' import styles from './styles' diff --git a/packages/picasso/src/Menu/MenuContext.tsx b/packages/picasso/src/Menu/MenuContext.tsx index 9130705dc8..61fc97f4de 100644 --- a/packages/picasso/src/Menu/MenuContext.tsx +++ b/packages/picasso/src/Menu/MenuContext.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement } from 'react' import type React from 'react' import { createContext } from 'react' diff --git a/packages/picasso/src/Menu/index.ts b/packages/picasso/src/Menu/index.ts index 83d694a808..9ad1004a81 100644 --- a/packages/picasso/src/Menu/index.ts +++ b/packages/picasso/src/Menu/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Menu' diff --git a/packages/picasso/src/Menu/package.json b/packages/picasso/src/Menu/package.json new file mode 100644 index 0000000000..3c02d53034 --- /dev/null +++ b/packages/picasso/src/Menu/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-menu", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-menu-item": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Menu/styles.ts b/packages/picasso/src/Menu/styles.ts index 25e7a12cb4..83b5ccf35d 100644 --- a/packages/picasso/src/Menu/styles.ts +++ b/packages/picasso/src/Menu/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Menu/types.ts b/packages/picasso/src/Menu/types.ts index 0b4bc08c61..46fc5ba9d4 100644 --- a/packages/picasso/src/Menu/types.ts +++ b/packages/picasso/src/Menu/types.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export type MenuVariant = 'slide' | 'drilldown' diff --git a/packages/picasso/src/MenuCompound/index.ts b/packages/picasso/src/MenuCompound/index.ts index 2729b3def9..7236175c68 100644 --- a/packages/picasso/src/MenuCompound/index.ts +++ b/packages/picasso/src/MenuCompound/index.ts @@ -1,4 +1,5 @@ -import Menu from '../Menu' -import MenuItem from '../MenuItem' +/* eslint-disable import/no-extraneous-dependencies */ +import Menu from '@toptal/picasso-menu' +import MenuItem from '@toptal/picasso-menu-item' export const MenuCompound = Object.assign(Menu, { Item: MenuItem }) diff --git a/packages/picasso/src/MenuCompound/package.json b/packages/picasso/src/MenuCompound/package.json new file mode 100644 index 0000000000..836c8a244b --- /dev/null +++ b/packages/picasso/src/MenuCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-menu-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-menu": "^1.0.0", + "@toptal/picasso-menu-item": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/MenuItem/MenuItem.tsx b/packages/picasso/src/MenuItem/MenuItem.tsx index 3075dcb057..2deadfee7e 100644 --- a/packages/picasso/src/MenuItem/MenuItem.tsx +++ b/packages/picasso/src/MenuItem/MenuItem.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, LiHTMLAttributes, @@ -17,17 +18,17 @@ import type { OverridableComponent, } from '@toptal/picasso-shared' import { useTitleCase } from '@toptal/picasso-shared' +import Container from '@toptal/picasso-container' +import { ChevronMinor16, CheckMinor16 } from '@toptal/picasso-icon' +import Paper from '@toptal/picasso-paper' +import Popper from '@toptal/picasso-popper' +import Link from '@toptal/picasso-link' +import { ClickAwayListener, toTitleCase } from '@toptal/picasso-utils' +import type { AvatarProps } from '@toptal/picasso-avatar' +import type Avatar from '@toptal/picasso-avatar' -import Container from '../Container' -import { ChevronMinor16, CheckMinor16 } from '../Icon' -import Paper from '../Paper' -import Popper from '../Popper' -import Link from '../Link' -import { ClickAwayListener, toTitleCase } from '../utils' import { useMenuItem } from './hooks' import styles from './styles' -import type { AvatarProps } from '../Avatar' -import type Avatar from '../Avatar' export type VariantType = 'light' | 'dark' diff --git a/packages/picasso/src/MenuItem/index.ts b/packages/picasso/src/MenuItem/index.ts index c91a13f74b..93226f3928 100644 --- a/packages/picasso/src/MenuItem/index.ts +++ b/packages/picasso/src/MenuItem/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './MenuItem' diff --git a/packages/picasso/src/MenuItem/package.json b/packages/picasso/src/MenuItem/package.json new file mode 100644 index 0000000000..2862f368b1 --- /dev/null +++ b/packages/picasso/src/MenuItem/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-menu-item", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-paper": "^1.0.0", + "@toptal/picasso-popper": "^1.0.0", + "@toptal/picasso-link": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-avatar": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/MenuItem/styles.ts b/packages/picasso/src/MenuItem/styles.ts index 23d11f4612..f3b4745ceb 100644 --- a/packages/picasso/src/MenuItem/styles.ts +++ b/packages/picasso/src/MenuItem/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/Modal/Modal.tsx b/packages/picasso/src/Modal/Modal.tsx index 19a10f1aaa..81729206f7 100644 --- a/packages/picasso/src/Modal/Modal.tsx +++ b/packages/picasso/src/Modal/Modal.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef, @@ -21,14 +22,14 @@ import { useBreakpoint, RootContext, } from '@toptal/picasso-provider' +import { CloseMinor16 } from '@toptal/picasso-icon' +import useCombinedRefs from '@toptal/picasso-utils/use-combined-refs' +import { ModalManager } from '@toptal/picasso-utils/-modal' +import ButtonCircular from '@toptal/picasso-button-circular' +import { usePageScrollLock } from '@toptal/picasso-utils/use-page-scroll-lock' -import { CloseMinor16 } from '../Icon' -import useCombinedRefs from '../utils/use-combined-refs' -import { ModalManager } from '../utils/Modal' -import ButtonCircular from '../ButtonCircular' import styles from './styles' import ModalContext from './ModalContext' -import { usePageScrollLock } from '../utils/use-page-scroll-lock' type ContainerValue = HTMLElement | (() => HTMLElement) type Alignment = 'top' | 'centered' diff --git a/packages/picasso/src/Modal/ModalContext.ts b/packages/picasso/src/Modal/ModalContext.ts index 3698991e48..7fc26f74ba 100644 --- a/packages/picasso/src/Modal/ModalContext.ts +++ b/packages/picasso/src/Modal/ModalContext.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createContext } from 'react' export default createContext(false) diff --git a/packages/picasso/src/Modal/index.ts b/packages/picasso/src/Modal/index.ts index 32ad0f3056..b4e3a39ded 100644 --- a/packages/picasso/src/Modal/index.ts +++ b/packages/picasso/src/Modal/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Modal' diff --git a/packages/picasso/src/Modal/package.json b/packages/picasso/src/Modal/package.json new file mode 100644 index 0000000000..be504b364a --- /dev/null +++ b/packages/picasso/src/Modal/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-modal", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-utils/use-combined-refs": "^1.0.0", + "@toptal/picasso-utils/-modal": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-utils/use-page-scroll-lock": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Modal/styles.ts b/packages/picasso/src/Modal/styles.ts index 99177144a4..e710b50a88 100644 --- a/packages/picasso/src/Modal/styles.ts +++ b/packages/picasso/src/Modal/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/ModalActions/ModalActions.tsx b/packages/picasso/src/ModalActions/ModalActions.tsx index 07bfb93433..e646fc5143 100644 --- a/packages/picasso/src/ModalActions/ModalActions.tsx +++ b/packages/picasso/src/ModalActions/ModalActions.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/ModalActions/index.ts b/packages/picasso/src/ModalActions/index.ts index d12e17747a..28f2771a00 100644 --- a/packages/picasso/src/ModalActions/index.ts +++ b/packages/picasso/src/ModalActions/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './ModalActions' diff --git a/packages/picasso/src/ModalActions/package.json b/packages/picasso/src/ModalActions/package.json new file mode 100644 index 0000000000..80ab746e83 --- /dev/null +++ b/packages/picasso/src/ModalActions/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-modal-actions", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/ModalActions/styles.ts b/packages/picasso/src/ModalActions/styles.ts index cd307d5b74..03f8b8da75 100644 --- a/packages/picasso/src/ModalActions/styles.ts +++ b/packages/picasso/src/ModalActions/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core' export default () => diff --git a/packages/picasso/src/ModalCompound/index.ts b/packages/picasso/src/ModalCompound/index.ts index 65c69aaf6b..cb15138c88 100644 --- a/packages/picasso/src/ModalCompound/index.ts +++ b/packages/picasso/src/ModalCompound/index.ts @@ -1,7 +1,8 @@ -import Modal from '../Modal' -import ModalActions from '../ModalActions' -import ModalContent from '../ModalContent' -import ModalTitle from '../ModalTitle' +/* eslint-disable import/no-extraneous-dependencies */ +import Modal from '@toptal/picasso-modal' +import ModalActions from '@toptal/picasso-modal-actions' +import ModalContent from '@toptal/picasso-modal-content' +import ModalTitle from '@toptal/picasso-modal-title' export const ModalCompound = Object.assign(Modal, { Content: ModalContent, diff --git a/packages/picasso/src/ModalCompound/package.json b/packages/picasso/src/ModalCompound/package.json new file mode 100644 index 0000000000..04487bad7b --- /dev/null +++ b/packages/picasso/src/ModalCompound/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-modal-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-modal": "^1.0.0", + "@toptal/picasso-modal-actions": "^1.0.0", + "@toptal/picasso-modal-content": "^1.0.0", + "@toptal/picasso-modal-title": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ModalContent/ModalContent.tsx b/packages/picasso/src/ModalContent/ModalContent.tsx index 90d08331c9..7bf706dbcf 100644 --- a/packages/picasso/src/ModalContent/ModalContent.tsx +++ b/packages/picasso/src/ModalContent/ModalContent.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import { useCombinedRefs } from '@toptal/picasso-utils' import styles from './styles' -import { useCombinedRefs } from '../utils' import useScrollableShades from './hooks/use-scrollable-shades' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/ModalContent/index.ts b/packages/picasso/src/ModalContent/index.ts index ab58836946..9652368da3 100644 --- a/packages/picasso/src/ModalContent/index.ts +++ b/packages/picasso/src/ModalContent/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './ModalContent' diff --git a/packages/picasso/src/ModalContent/package.json b/packages/picasso/src/ModalContent/package.json new file mode 100644 index 0000000000..75b67068ae --- /dev/null +++ b/packages/picasso/src/ModalContent/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-modal-content", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ModalContent/styles.ts b/packages/picasso/src/ModalContent/styles.ts index 4f1c5e64dc..251fccb169 100644 --- a/packages/picasso/src/ModalContent/styles.ts +++ b/packages/picasso/src/ModalContent/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core' import { createStyles } from '@material-ui/core' diff --git a/packages/picasso/src/ModalTitle/ModalTitle.tsx b/packages/picasso/src/ModalTitle/ModalTitle.tsx index f86903640a..2f534f1441 100644 --- a/packages/picasso/src/ModalTitle/ModalTitle.tsx +++ b/packages/picasso/src/ModalTitle/ModalTitle.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import Typography from '@toptal/picasso-typography' -import Typography from '../Typography' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/ModalTitle/index.ts b/packages/picasso/src/ModalTitle/index.ts index aff14ad228..31cadca193 100644 --- a/packages/picasso/src/ModalTitle/index.ts +++ b/packages/picasso/src/ModalTitle/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './ModalTitle' diff --git a/packages/picasso/src/ModalTitle/package.json b/packages/picasso/src/ModalTitle/package.json new file mode 100644 index 0000000000..64841c2251 --- /dev/null +++ b/packages/picasso/src/ModalTitle/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-modal-title", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ModalTitle/styles.ts b/packages/picasso/src/ModalTitle/styles.ts index 2a1611abb0..53449e7296 100644 --- a/packages/picasso/src/ModalTitle/styles.ts +++ b/packages/picasso/src/ModalTitle/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/MonthSelect/MonthSelect.tsx b/packages/picasso/src/MonthSelect/MonthSelect.tsx index 587ef9c18a..4b1b5625e6 100644 --- a/packages/picasso/src/MonthSelect/MonthSelect.tsx +++ b/packages/picasso/src/MonthSelect/MonthSelect.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { useMemo } from 'react' - -import type { SelectProps } from '../Select' -import Select from '../Select' -import { documentable, forwardRef } from '../utils/forward-ref' +import type { SelectProps } from '@toptal/picasso-select' +import Select from '@toptal/picasso-select' +import { documentable, forwardRef } from '@toptal/picasso-utils/forward-ref' type AdjustedSelectProps = Omit< SelectProps, diff --git a/packages/picasso/src/MonthSelect/index.ts b/packages/picasso/src/MonthSelect/index.ts index 7022619ad2..1dd8f3860c 100644 --- a/packages/picasso/src/MonthSelect/index.ts +++ b/packages/picasso/src/MonthSelect/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export type { Props as MonthSelectProps } from './MonthSelect' export { default } from './MonthSelect' diff --git a/packages/picasso/src/MonthSelect/package.json b/packages/picasso/src/MonthSelect/package.json new file mode 100644 index 0000000000..aee8542045 --- /dev/null +++ b/packages/picasso/src/MonthSelect/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-month-select", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-select": "^1.0.0", + "@toptal/picasso-utils/forward-ref": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NativeSelect/NativeSelect.tsx b/packages/picasso/src/NativeSelect/NativeSelect.tsx index b5b19ceae1..1870534d2c 100644 --- a/packages/picasso/src/NativeSelect/NativeSelect.tsx +++ b/packages/picasso/src/NativeSelect/NativeSelect.tsx @@ -1,23 +1,29 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useRef } from 'react' import cx from 'classnames' import { NativeSelect as MUINativeSelect } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import capitalize from '@material-ui/core/utils/capitalize' - -import OutlinedInput from '../OutlinedInput' -import SelectCaret from '../SelectCaret' -import type { ValueType, SelectProps } from '../SelectBase' +import OutlinedInput from '@toptal/picasso-outlined-input' +import SelectCaret from '@toptal/picasso-select-caret' +import type { ValueType, SelectProps } from '@toptal/picasso-select-base' import { getOptionText, useAdornments, useSelectState, useSelectProps, renderOption as defaultRenderOption, -} from '../SelectBase' -import NativeSelectOptions from '../NativeSelectOptions' -import NativeSelectPlaceholder from '../NativeSelectPlaceholder' -import { documentable, forwardRef, noop, useCombinedRefs } from '../utils' +} from '@toptal/picasso-select-base' +import NativeSelectOptions from '@toptal/picasso-native-select-options' +import NativeSelectPlaceholder from '@toptal/picasso-native-select-placeholder' +import { + documentable, + forwardRef, + noop, + useCombinedRefs, +} from '@toptal/picasso-utils' + import styles from './styles' const useStyles = makeStyles(styles) diff --git a/packages/picasso/src/NativeSelect/index.tsx b/packages/picasso/src/NativeSelect/index.tsx index df56d2c349..4662e137dd 100644 --- a/packages/picasso/src/NativeSelect/index.tsx +++ b/packages/picasso/src/NativeSelect/index.tsx @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NativeSelect' diff --git a/packages/picasso/src/NativeSelect/package.json b/packages/picasso/src/NativeSelect/package.json new file mode 100644 index 0000000000..f0db65b908 --- /dev/null +++ b/packages/picasso/src/NativeSelect/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-native-select", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-outlined-input": "^1.0.0", + "@toptal/picasso-select-caret": "^1.0.0", + "@toptal/picasso-select-base": "^1.0.0", + "@toptal/picasso-native-select-options": "^1.0.0", + "@toptal/picasso-native-select-placeholder": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-input-base/highlight-styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NativeSelect/styles.ts b/packages/picasso/src/NativeSelect/styles.ts index 01946a5b5c..3dc3bc4df1 100644 --- a/packages/picasso/src/NativeSelect/styles.ts +++ b/packages/picasso/src/NativeSelect/styles.ts @@ -1,11 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import '../InputLabel/styles' -import '../InputBase/styles' -import '../Input/styles' -import '../Loader/styles' -import highlightAutofillStyles from '../InputBase/highlight-styles' +import '@toptal/picasso-input-label/styles' +import '@toptal/picasso-input-base/styles' +import '@toptal/picasso-input/styles' +import '@toptal/picasso-loader/styles' +import highlightAutofillStyles from '@toptal/picasso-input-base/highlight-styles' export default (theme: Theme) => { const { palette } = theme diff --git a/packages/picasso/src/NativeSelectOptions/NativeSelectOptions.tsx b/packages/picasso/src/NativeSelectOptions/NativeSelectOptions.tsx index 00d3b45208..fdd60ff440 100644 --- a/packages/picasso/src/NativeSelectOptions/NativeSelectOptions.tsx +++ b/packages/picasso/src/NativeSelectOptions/NativeSelectOptions.tsx @@ -1,8 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' - -import type { Option, OptionGroups, ItemProps, Selection } from '../SelectBase' -import { isOptionsType } from '../SelectBase' +import type { + Option, + OptionGroups, + ItemProps, + Selection, +} from '@toptal/picasso-select-base' +import { isOptionsType } from '@toptal/picasso-select-base' export interface Props { options: Option[] | OptionGroups diff --git a/packages/picasso/src/NativeSelectOptions/index.tsx b/packages/picasso/src/NativeSelectOptions/index.tsx index 34edddd9e9..330a94cfb9 100644 --- a/packages/picasso/src/NativeSelectOptions/index.tsx +++ b/packages/picasso/src/NativeSelectOptions/index.tsx @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NativeSelectOptions' export type { Props as NativeSelectOptionsProps } from './NativeSelectOptions' diff --git a/packages/picasso/src/NativeSelectOptions/package.json b/packages/picasso/src/NativeSelectOptions/package.json new file mode 100644 index 0000000000..db3b1b65f9 --- /dev/null +++ b/packages/picasso/src/NativeSelectOptions/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-native-select-options", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-select-base": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NativeSelectPlaceholder/NativeSelectPlaceholder.tsx b/packages/picasso/src/NativeSelectPlaceholder/NativeSelectPlaceholder.tsx index edf964b751..b576bee57e 100644 --- a/packages/picasso/src/NativeSelectPlaceholder/NativeSelectPlaceholder.tsx +++ b/packages/picasso/src/NativeSelectPlaceholder/NativeSelectPlaceholder.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' diff --git a/packages/picasso/src/NativeSelectPlaceholder/index.tsx b/packages/picasso/src/NativeSelectPlaceholder/index.tsx index 29a4dbbcdd..6416d744c5 100644 --- a/packages/picasso/src/NativeSelectPlaceholder/index.tsx +++ b/packages/picasso/src/NativeSelectPlaceholder/index.tsx @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NativeSelectPlaceholder' export type { Props as NativeSelectPlaceholderProps } from './NativeSelectPlaceholder' diff --git a/packages/picasso/src/NativeSelectPlaceholder/package.json b/packages/picasso/src/NativeSelectPlaceholder/package.json new file mode 100644 index 0000000000..d41b865ac3 --- /dev/null +++ b/packages/picasso/src/NativeSelectPlaceholder/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-native-select-placeholder", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/NonNativeSelect/NonNativeSelect.tsx b/packages/picasso/src/NonNativeSelect/NonNativeSelect.tsx index 3e4053b754..d8152a0c47 100644 --- a/packages/picasso/src/NonNativeSelect/NonNativeSelect.tsx +++ b/packages/picasso/src/NonNativeSelect/NonNativeSelect.tsx @@ -1,17 +1,17 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useRef } from 'react' import type PopperJs from 'popper.js' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import capitalize from '@material-ui/core/utils/capitalize' - -import { Search16 } from '../Icon' -import OutlinedInput from '../OutlinedInput' -import Popper from '../Popper' -import MenuItem from '../MenuItem' -import SelectCaret from '../SelectCaret' -import NonNativeSelectLoader from '../NonNativeSelectLoader' -import type { ValueType, SelectProps } from '../SelectBase' +import { Search16 } from '@toptal/picasso-icon' +import OutlinedInput from '@toptal/picasso-outlined-input' +import Popper from '@toptal/picasso-popper' +import MenuItem from '@toptal/picasso-menu-item' +import SelectCaret from '@toptal/picasso-select-caret' +import NonNativeSelectLoader from '@toptal/picasso-non-native-select-loader' +import type { ValueType, SelectProps } from '@toptal/picasso-select-base' import { useAdornments, useSelectState, @@ -22,13 +22,19 @@ import { DEFAULT_SEARCH_THRESHOLD, countOptions, filterFlatOptions as defaultFilterOptions, -} from '../SelectBase' -import NonNativeSelectOptions from '../NonNativeSelectOptions' -import { documentable, forwardRef, noop, useCombinedRefs } from '../utils' +} from '@toptal/picasso-select-base' +import NonNativeSelectOptions from '@toptal/picasso-non-native-select-options' +import { + documentable, + forwardRef, + noop, + useCombinedRefs, +} from '@toptal/picasso-utils' +import NonNativeSelectLimitFooter from '@toptal/picasso-non-native-select-limit-footer' +import InputAdornment from '@toptal/picasso-input-adornment' +import { useFieldsLayoutContext } from '@toptal/picasso-fields-layout' + import styles from './styles' -import NonNativeSelectLimitFooter from '../NonNativeSelectLimitFooter' -import InputAdornment from '../InputAdornment' -import { useFieldsLayoutContext } from '../FieldsLayout' const useStyles = makeStyles(styles) diff --git a/packages/picasso/src/NonNativeSelect/index.ts b/packages/picasso/src/NonNativeSelect/index.ts index b07faeca10..8bce41d54a 100644 --- a/packages/picasso/src/NonNativeSelect/index.ts +++ b/packages/picasso/src/NonNativeSelect/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NonNativeSelect' diff --git a/packages/picasso/src/NonNativeSelect/package.json b/packages/picasso/src/NonNativeSelect/package.json new file mode 100644 index 0000000000..bb87d5710b --- /dev/null +++ b/packages/picasso/src/NonNativeSelect/package.json @@ -0,0 +1,20 @@ +{ + "name": "@toptal/picasso-non-native-select", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-outlined-input": "^1.0.0", + "@toptal/picasso-popper": "^1.0.0", + "@toptal/picasso-menu-item": "^1.0.0", + "@toptal/picasso-select-caret": "^1.0.0", + "@toptal/picasso-non-native-select-loader": "^1.0.0", + "@toptal/picasso-select-base": "^1.0.0", + "@toptal/picasso-non-native-select-options": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-non-native-select-limit-footer": "^1.0.0", + "@toptal/picasso-input-adornment": "^1.0.0", + "@toptal/picasso-fields-layout": "^1.0.0", + "@toptal/picasso-input-base/highlight-styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NonNativeSelect/styles.ts b/packages/picasso/src/NonNativeSelect/styles.ts index 37de470129..a534bc233c 100644 --- a/packages/picasso/src/NonNativeSelect/styles.ts +++ b/packages/picasso/src/NonNativeSelect/styles.ts @@ -1,13 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import '../InputLabel/styles' -import '../InputBase/styles' -import '../Input/styles' -import '../Menu/styles' -import '../MenuItem/styles' -import '../Loader/styles' -import highlightAutofillStyles from '../InputBase/highlight-styles' +import '@toptal/picasso-input-label/styles' +import '@toptal/picasso-input-base/styles' +import '@toptal/picasso-input/styles' +import '@toptal/picasso-menu/styles' +import '@toptal/picasso-menu-item/styles' +import '@toptal/picasso-loader/styles' +import highlightAutofillStyles from '@toptal/picasso-input-base/highlight-styles' export default (theme: Theme) => { const { palette } = theme diff --git a/packages/picasso/src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.tsx b/packages/picasso/src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.tsx index f600ffd444..3d4bd8fb92 100644 --- a/packages/picasso/src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.tsx +++ b/packages/picasso/src/NonNativeSelectLimitFooter/NonNativeSelectLimitFooter.tsx @@ -1,9 +1,10 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core' import { makeStyles } from '@material-ui/core' import type { BaseProps } from '@toptal/picasso-shared' +import MenuItem from '@toptal/picasso-menu-item' -import MenuItem from '../MenuItem' import styles from './styles' const useStyles = makeStyles(styles) diff --git a/packages/picasso/src/NonNativeSelectLimitFooter/index.ts b/packages/picasso/src/NonNativeSelectLimitFooter/index.ts index 0457bbbb9c..cfa541ff28 100644 --- a/packages/picasso/src/NonNativeSelectLimitFooter/index.ts +++ b/packages/picasso/src/NonNativeSelectLimitFooter/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NonNativeSelectLimitFooter' diff --git a/packages/picasso/src/NonNativeSelectLimitFooter/package.json b/packages/picasso/src/NonNativeSelectLimitFooter/package.json new file mode 100644 index 0000000000..1927dddf0c --- /dev/null +++ b/packages/picasso/src/NonNativeSelectLimitFooter/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-non-native-select-limit-footer", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-menu-item": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NonNativeSelectLimitFooter/styles.ts b/packages/picasso/src/NonNativeSelectLimitFooter/styles.ts index fd53c4cb05..7b1aa47cab 100644 --- a/packages/picasso/src/NonNativeSelectLimitFooter/styles.ts +++ b/packages/picasso/src/NonNativeSelectLimitFooter/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/NonNativeSelectLoader/NonNativeSelectLoader.tsx b/packages/picasso/src/NonNativeSelectLoader/NonNativeSelectLoader.tsx index f3cf4a973e..3ff3bce713 100644 --- a/packages/picasso/src/NonNativeSelectLoader/NonNativeSelectLoader.tsx +++ b/packages/picasso/src/NonNativeSelectLoader/NonNativeSelectLoader.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { BaseProps } from '@toptal/picasso-shared' - -import Container from '../Container' -import Loader from '../Loader' -import SelectOptions from '../SelectOptions' +import Container from '@toptal/picasso-container' +import Loader from '@toptal/picasso-loader' +import SelectOptions from '@toptal/picasso-select-options' interface Props extends BaseProps {} diff --git a/packages/picasso/src/NonNativeSelectLoader/index.ts b/packages/picasso/src/NonNativeSelectLoader/index.ts index 292711d8e9..4ba909a332 100644 --- a/packages/picasso/src/NonNativeSelectLoader/index.ts +++ b/packages/picasso/src/NonNativeSelectLoader/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NonNativeSelectLoader' diff --git a/packages/picasso/src/NonNativeSelectLoader/package.json b/packages/picasso/src/NonNativeSelectLoader/package.json new file mode 100644 index 0000000000..334d81a9e6 --- /dev/null +++ b/packages/picasso/src/NonNativeSelectLoader/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-non-native-select-loader", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-loader": "^1.0.0", + "@toptal/picasso-select-options": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NonNativeSelectOption/NonNativeSelectOption.tsx b/packages/picasso/src/NonNativeSelectOption/NonNativeSelectOption.tsx index 99b921849a..4598ba6179 100644 --- a/packages/picasso/src/NonNativeSelectOption/NonNativeSelectOption.tsx +++ b/packages/picasso/src/NonNativeSelectOption/NonNativeSelectOption.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' - -import MenuItem from '../MenuItem' -import type { ItemProps, Option, ValueType } from '../SelectBase' +import MenuItem from '@toptal/picasso-menu-item' +import type { ItemProps, Option, ValueType } from '@toptal/picasso-select-base' export interface Props extends ItemProps { children?: ReactNode diff --git a/packages/picasso/src/NonNativeSelectOption/index.ts b/packages/picasso/src/NonNativeSelectOption/index.ts index 1b5f3eb7d5..7e202dde85 100644 --- a/packages/picasso/src/NonNativeSelectOption/index.ts +++ b/packages/picasso/src/NonNativeSelectOption/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NonNativeSelectOption' diff --git a/packages/picasso/src/NonNativeSelectOption/package.json b/packages/picasso/src/NonNativeSelectOption/package.json new file mode 100644 index 0000000000..4147458930 --- /dev/null +++ b/packages/picasso/src/NonNativeSelectOption/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-non-native-select-option", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-menu-item": "^1.0.0", + "@toptal/picasso-select-base": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NonNativeSelectOptions/NonNativeSelectOptions.tsx b/packages/picasso/src/NonNativeSelectOptions/NonNativeSelectOptions.tsx index 13ca424ac5..a8071f387f 100644 --- a/packages/picasso/src/NonNativeSelectOptions/NonNativeSelectOptions.tsx +++ b/packages/picasso/src/NonNativeSelectOptions/NonNativeSelectOptions.tsx @@ -1,12 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { useMemo } from 'react' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' - -import MenuItem from '../MenuItem' -import NonNativeSelectOption from '../NonNativeSelectOption' -import SelectOptions from '../SelectOptions' +import MenuItem from '@toptal/picasso-menu-item' +import NonNativeSelectOption from '@toptal/picasso-non-native-select-option' +import SelectOptions from '@toptal/picasso-select-options' import type { FocusEventType, ItemProps, @@ -14,9 +14,10 @@ import type { OptionGroups, SelectProps, Selection, -} from '../SelectBase' -import { flattenOptions, isOptionsType } from '../SelectBase' -import Typography from '../Typography' +} from '@toptal/picasso-select-base' +import { flattenOptions, isOptionsType } from '@toptal/picasso-select-base' +import Typography from '@toptal/picasso-typography' + import styles from './styles' const useStyles = makeStyles(styles) diff --git a/packages/picasso/src/NonNativeSelectOptions/index.ts b/packages/picasso/src/NonNativeSelectOptions/index.ts index f981ee7a86..3ea13f3ced 100644 --- a/packages/picasso/src/NonNativeSelectOptions/index.ts +++ b/packages/picasso/src/NonNativeSelectOptions/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NonNativeSelectOptions' diff --git a/packages/picasso/src/NonNativeSelectOptions/package.json b/packages/picasso/src/NonNativeSelectOptions/package.json new file mode 100644 index 0000000000..ff7d4356cd --- /dev/null +++ b/packages/picasso/src/NonNativeSelectOptions/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-non-native-select-options", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-menu-item": "^1.0.0", + "@toptal/picasso-non-native-select-option": "^1.0.0", + "@toptal/picasso-select-options": "^1.0.0", + "@toptal/picasso-select-base": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NonNativeSelectOptions/styles.ts b/packages/picasso/src/NonNativeSelectOptions/styles.ts index e3fb56309f..06e6738f92 100644 --- a/packages/picasso/src/NonNativeSelectOptions/styles.ts +++ b/packages/picasso/src/NonNativeSelectOptions/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/Note/Note.tsx b/packages/picasso/src/Note/Note.tsx index e9bd67b423..2acf36f611 100644 --- a/packages/picasso/src/Note/Note.tsx +++ b/packages/picasso/src/Note/Note.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Note/index.ts b/packages/picasso/src/Note/index.ts index 66bad0c4f6..8d722123fc 100644 --- a/packages/picasso/src/Note/index.ts +++ b/packages/picasso/src/Note/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Note' diff --git a/packages/picasso/src/Note/package.json b/packages/picasso/src/Note/package.json new file mode 100644 index 0000000000..c87b8716b3 --- /dev/null +++ b/packages/picasso/src/Note/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-note", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Note/styles.ts b/packages/picasso/src/Note/styles.ts index 0508b32e63..073437daab 100644 --- a/packages/picasso/src/Note/styles.ts +++ b/packages/picasso/src/Note/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/NoteCompound/index.ts b/packages/picasso/src/NoteCompound/index.ts index 1c84dde69b..be408df473 100644 --- a/packages/picasso/src/NoteCompound/index.ts +++ b/packages/picasso/src/NoteCompound/index.ts @@ -1,7 +1,8 @@ -import Note from '../Note' -import NoteContent from '../NoteContent' -import NoteSubtitle from '../NoteSubtitle' -import NoteTitle from '../NoteTitle' +/* eslint-disable import/no-extraneous-dependencies */ +import Note from '@toptal/picasso-note' +import NoteContent from '@toptal/picasso-note-content' +import NoteSubtitle from '@toptal/picasso-note-subtitle' +import NoteTitle from '@toptal/picasso-note-title' export const NoteCompound = Object.assign(Note, { Title: NoteTitle, diff --git a/packages/picasso/src/NoteCompound/package.json b/packages/picasso/src/NoteCompound/package.json new file mode 100644 index 0000000000..7d6813b4ee --- /dev/null +++ b/packages/picasso/src/NoteCompound/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-note-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-note": "^1.0.0", + "@toptal/picasso-note-content": "^1.0.0", + "@toptal/picasso-note-subtitle": "^1.0.0", + "@toptal/picasso-note-title": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NoteContent/NoteContent.tsx b/packages/picasso/src/NoteContent/NoteContent.tsx index 038215eec2..8ac7996a56 100644 --- a/packages/picasso/src/NoteContent/NoteContent.tsx +++ b/packages/picasso/src/NoteContent/NoteContent.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' - -import Typography from '../Typography' +import Typography from '@toptal/picasso-typography' export interface Props extends BaseProps { children: ReactNode diff --git a/packages/picasso/src/NoteContent/index.ts b/packages/picasso/src/NoteContent/index.ts index c2766607a5..2926d04a03 100644 --- a/packages/picasso/src/NoteContent/index.ts +++ b/packages/picasso/src/NoteContent/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NoteContent' diff --git a/packages/picasso/src/NoteContent/package.json b/packages/picasso/src/NoteContent/package.json new file mode 100644 index 0000000000..3684a3da99 --- /dev/null +++ b/packages/picasso/src/NoteContent/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-note-content", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NoteSubtitle/NoteSubtitle.tsx b/packages/picasso/src/NoteSubtitle/NoteSubtitle.tsx index 4dd10a66d4..29fe8fa4c8 100644 --- a/packages/picasso/src/NoteSubtitle/NoteSubtitle.tsx +++ b/packages/picasso/src/NoteSubtitle/NoteSubtitle.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' - -import Container from '../Container' -import Typography from '../Typography' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' export interface Props extends BaseProps { children: ReactNode diff --git a/packages/picasso/src/NoteSubtitle/index.ts b/packages/picasso/src/NoteSubtitle/index.ts index a4c251adec..e78ea11326 100644 --- a/packages/picasso/src/NoteSubtitle/index.ts +++ b/packages/picasso/src/NoteSubtitle/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NoteSubtitle' diff --git a/packages/picasso/src/NoteSubtitle/package.json b/packages/picasso/src/NoteSubtitle/package.json new file mode 100644 index 0000000000..af93f56b4c --- /dev/null +++ b/packages/picasso/src/NoteSubtitle/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-note-subtitle", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NoteTitle/NoteTitle.tsx b/packages/picasso/src/NoteTitle/NoteTitle.tsx index 198e9da82f..a9b2d1d774 100644 --- a/packages/picasso/src/NoteTitle/NoteTitle.tsx +++ b/packages/picasso/src/NoteTitle/NoteTitle.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' import cx from 'classnames' +import Typography from '@toptal/picasso-typography' -import Typography from '../Typography' import styles from './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/NoteTitle/index.ts b/packages/picasso/src/NoteTitle/index.ts index f6979fe780..808c641e12 100644 --- a/packages/picasso/src/NoteTitle/index.ts +++ b/packages/picasso/src/NoteTitle/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NoteTitle' diff --git a/packages/picasso/src/NoteTitle/package.json b/packages/picasso/src/NoteTitle/package.json new file mode 100644 index 0000000000..acdb07efcd --- /dev/null +++ b/packages/picasso/src/NoteTitle/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-note-title", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NoteTitle/styles.ts b/packages/picasso/src/NoteTitle/styles.ts index 94cea5af52..4ce46b8dcb 100644 --- a/packages/picasso/src/NoteTitle/styles.ts +++ b/packages/picasso/src/NoteTitle/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/Notification/Notification.tsx b/packages/picasso/src/Notification/Notification.tsx index 56b6837b2a..b3efecd214 100644 --- a/packages/picasso/src/Notification/Notification.tsx +++ b/packages/picasso/src/Notification/Notification.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, MouseEvent, ReactElement, HTMLAttributes } from 'react' import React, { forwardRef, cloneElement } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -6,18 +7,18 @@ import { SnackbarContent } from '@material-ui/core' import cx from 'classnames' import capitalize from '@material-ui/core/utils/capitalize' import type { StandardProps } from '@toptal/picasso-shared' - import { CloseMinor16, ExclamationSolid16, ExclamationSolid24, CheckSolid24, Info24, -} from '../Icon' -import Container from '../Container' -import ButtonCircular from '../ButtonCircular' +} from '@toptal/picasso-icon' +import Container from '@toptal/picasso-container' +import ButtonCircular from '@toptal/picasso-button-circular' +import Typography from '@toptal/picasso-typography' + import styles from './styles' -import Typography from '../Typography' export type VariantType = 'red' | 'green' | 'white' | 'yellow' diff --git a/packages/picasso/src/Notification/index.ts b/packages/picasso/src/Notification/index.ts index fd193378a0..69b4ed44c3 100644 --- a/packages/picasso/src/Notification/index.ts +++ b/packages/picasso/src/Notification/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { PublicProps } from './Notification' diff --git a/packages/picasso/src/Notification/package.json b/packages/picasso/src/Notification/package.json new file mode 100644 index 0000000000..6e008bc298 --- /dev/null +++ b/packages/picasso/src/Notification/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-notification", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Notification/styles.ts b/packages/picasso/src/Notification/styles.ts index 77f19e6a96..2abaa9d781 100644 --- a/packages/picasso/src/Notification/styles.ts +++ b/packages/picasso/src/Notification/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { diff --git a/packages/picasso/src/NotificationActions/NotificationActions.tsx b/packages/picasso/src/NotificationActions/NotificationActions.tsx index 0c0ebec3f3..1df320b4d9 100644 --- a/packages/picasso/src/NotificationActions/NotificationActions.tsx +++ b/packages/picasso/src/NotificationActions/NotificationActions.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import Container from '@toptal/picasso-container' -import Container from '../Container' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes {} diff --git a/packages/picasso/src/NotificationActions/index.ts b/packages/picasso/src/NotificationActions/index.ts index 595882d3a0..808a2b8b57 100644 --- a/packages/picasso/src/NotificationActions/index.ts +++ b/packages/picasso/src/NotificationActions/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './NotificationActions' diff --git a/packages/picasso/src/NotificationActions/package.json b/packages/picasso/src/NotificationActions/package.json new file mode 100644 index 0000000000..639925bbfb --- /dev/null +++ b/packages/picasso/src/NotificationActions/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-notification-actions", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NotificationActions/styles.ts b/packages/picasso/src/NotificationActions/styles.ts index e51ec46ab7..6e9d886ec2 100644 --- a/packages/picasso/src/NotificationActions/styles.ts +++ b/packages/picasso/src/NotificationActions/styles.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export default () => ({}) diff --git a/packages/picasso/src/NotificationCompound/index.ts b/packages/picasso/src/NotificationCompound/index.ts index c40669466a..91d294021c 100644 --- a/packages/picasso/src/NotificationCompound/index.ts +++ b/packages/picasso/src/NotificationCompound/index.ts @@ -1,5 +1,6 @@ -import Notification from '../Notification' -import NotificationActions from '../NotificationActions' +/* eslint-disable import/no-extraneous-dependencies */ +import Notification from '@toptal/picasso-notification' +import NotificationActions from '@toptal/picasso-notification-actions' export const NotificationCompound = Object.assign(Notification, { Actions: NotificationActions, diff --git a/packages/picasso/src/NotificationCompound/package.json b/packages/picasso/src/NotificationCompound/package.json new file mode 100644 index 0000000000..d36dca78c6 --- /dev/null +++ b/packages/picasso/src/NotificationCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-notification-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-notification": "^1.0.0", + "@toptal/picasso-notification-actions": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NumberInput/NumberInput.tsx b/packages/picasso/src/NumberInput/NumberInput.tsx index 74fcd771f5..775d3e1959 100644 --- a/packages/picasso/src/NumberInput/NumberInput.tsx +++ b/packages/picasso/src/NumberInput/NumberInput.tsx @@ -1,18 +1,19 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef, useRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps, OmitInternalProps } from '@toptal/picasso-shared' import cx from 'classnames' +import type { Props as OutlinedInputProps } from '@toptal/picasso-outlined-input' +import OutlinedInput from '@toptal/picasso-outlined-input' +import InputAdornment from '@toptal/picasso-input-adornment' +import { useCombinedRefs } from '@toptal/picasso-utils' +import { NumberInputEndAdornment } from '@toptal/picasso-number-input-end-adornment' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import { useFieldsLayoutContext } from '@toptal/picasso-fields-layout' -import type { Props as OutlinedInputProps } from '../OutlinedInput' -import OutlinedInput from '../OutlinedInput' -import InputAdornment from '../InputAdornment' -import { useCombinedRefs } from '../utils' import styles from './styles' -import { NumberInputEndAdornment } from '../NumberInputEndAdornment' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import { useFieldsLayoutContext } from '../FieldsLayout' export interface Props extends Omit< diff --git a/packages/picasso/src/NumberInput/index.ts b/packages/picasso/src/NumberInput/index.ts index 806e6d70f5..5354b8f2db 100644 --- a/packages/picasso/src/NumberInput/index.ts +++ b/packages/picasso/src/NumberInput/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './NumberInput' diff --git a/packages/picasso/src/NumberInput/package.json b/packages/picasso/src/NumberInput/package.json new file mode 100644 index 0000000000..9a1ea92f36 --- /dev/null +++ b/packages/picasso/src/NumberInput/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-number-input", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-outlined-input": "^1.0.0", + "@toptal/picasso-input-adornment": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-number-input-end-adornment": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-fields-layout": "^1.0.0", + "@toptal/picasso-input-base/highlight-styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NumberInput/styles.ts b/packages/picasso/src/NumberInput/styles.ts index 837b5a9796..29f6389588 100644 --- a/packages/picasso/src/NumberInput/styles.ts +++ b/packages/picasso/src/NumberInput/styles.ts @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import highlightAutofillStyles from '../InputBase/highlight-styles' +import highlightAutofillStyles from '@toptal/picasso-input-base/highlight-styles' export default (theme: Theme) => createStyles({ diff --git a/packages/picasso/src/NumberInputEndAdornment/NumberInputEndAdornment.tsx b/packages/picasso/src/NumberInputEndAdornment/NumberInputEndAdornment.tsx index d13b672f87..f464f56173 100644 --- a/packages/picasso/src/NumberInputEndAdornment/NumberInputEndAdornment.tsx +++ b/packages/picasso/src/NumberInputEndAdornment/NumberInputEndAdornment.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable @typescript-eslint/no-non-null-assertion */ import type { RefObject } from 'react' import React from 'react' @@ -7,15 +8,15 @@ import type { BaseProps, SizeType } from '@toptal/picasso-shared' import { isBrowser } from '@toptal/picasso-shared' import { ButtonBase } from '@material-ui/core' import cx from 'classnames' - -import InputAdornment from '../InputAdornment' -import Container from '../Container' +import InputAdornment from '@toptal/picasso-input-adornment' +import Container from '@toptal/picasso-container' import { ArrowDownMinor16, ArrowUpMinor16, ArrowDownMinor24, ArrowUpMinor24, -} from '../Icon' +} from '@toptal/picasso-icon' + import styles from './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/NumberInputEndAdornment/index.ts b/packages/picasso/src/NumberInputEndAdornment/index.ts index b2f9f2f004..c088ac166c 100644 --- a/packages/picasso/src/NumberInputEndAdornment/index.ts +++ b/packages/picasso/src/NumberInputEndAdornment/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './NumberInputEndAdornment' export * from './NumberInputEndAdornment' diff --git a/packages/picasso/src/NumberInputEndAdornment/package.json b/packages/picasso/src/NumberInputEndAdornment/package.json new file mode 100644 index 0000000000..100cdce4da --- /dev/null +++ b/packages/picasso/src/NumberInputEndAdornment/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-number-input-end-adornment", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-input-adornment": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/NumberInputEndAdornment/styles.ts b/packages/picasso/src/NumberInputEndAdornment/styles.ts index 7c1a825054..ca4ed03797 100644 --- a/packages/picasso/src/NumberInputEndAdornment/styles.ts +++ b/packages/picasso/src/NumberInputEndAdornment/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/OutlinedInput/OutlinedInput.tsx b/packages/picasso/src/OutlinedInput/OutlinedInput.tsx index 1a70caacf1..347ed321c9 100644 --- a/packages/picasso/src/OutlinedInput/OutlinedInput.tsx +++ b/packages/picasso/src/OutlinedInput/OutlinedInput.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ChangeEventHandler, ReactType, @@ -13,14 +14,14 @@ import { OutlinedInput as MUIOutlinedInput } from '@material-ui/core' import type { InputBaseComponentProps } from '@material-ui/core/InputBase' import capitalize from '@material-ui/core/utils/capitalize' import type { StandardProps, SizeType, Classes } from '@toptal/picasso-shared' +import InputAdornment from '@toptal/picasso-input-adornment' +import ButtonCircular from '@toptal/picasso-button-circular' +import { CloseMinor16 } from '@toptal/picasso-icon' +import noop from '@toptal/picasso-utils/noop' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import InputValidIconAdornment from '@toptal/picasso-input-valid-icon-adornment' -import InputAdornment from '../InputAdornment' -import ButtonCircular from '../ButtonCircular' -import { CloseMinor16 } from '../Icon' import styles from './styles' -import noop from '../utils/noop' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import InputValidIconAdornment from '../InputValidIconAdornment' type ValueType = | (string | number | boolean | object)[] diff --git a/packages/picasso/src/OutlinedInput/index.ts b/packages/picasso/src/OutlinedInput/index.ts index 4ee66781e1..1a00856287 100644 --- a/packages/picasso/src/OutlinedInput/index.ts +++ b/packages/picasso/src/OutlinedInput/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './OutlinedInput' diff --git a/packages/picasso/src/OutlinedInput/package.json b/packages/picasso/src/OutlinedInput/package.json new file mode 100644 index 0000000000..ac77234d2a --- /dev/null +++ b/packages/picasso/src/OutlinedInput/package.json @@ -0,0 +1,13 @@ +{ + "name": "@toptal/picasso-outlined-input", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-input-adornment": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-utils/noop": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-input-valid-icon-adornment": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/OutlinedInput/styles.ts b/packages/picasso/src/OutlinedInput/styles.ts index 24894b4fc2..fba8cbd5bb 100644 --- a/packages/picasso/src/OutlinedInput/styles.ts +++ b/packages/picasso/src/OutlinedInput/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { darken, outline } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/OverviewBlock/OverviewBlock.tsx b/packages/picasso/src/OverviewBlock/OverviewBlock.tsx index 40baf49399..f1c26ab541 100644 --- a/packages/picasso/src/OverviewBlock/OverviewBlock.tsx +++ b/packages/picasso/src/OverviewBlock/OverviewBlock.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ElementType, HTMLAttributes, MouseEvent, ReactNode } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -10,12 +11,12 @@ import type { TextLabelProps, } from '@toptal/picasso-shared' import { useTitleCase } from '@toptal/picasso-shared' +import { useOverviewBlockGroupContext } from '@toptal/picasso-overview-block-group/-overview-block-group-context' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' +import { toTitleCase, isString } from '@toptal/picasso-utils' import styles from './styles' -import { useOverviewBlockGroupContext } from '../OverviewBlockGroup/OverviewBlockGroupContext' -import Container from '../Container' -import Typography from '../Typography' -import { toTitleCase, isString } from '../utils' type VariantColorType = Extract diff --git a/packages/picasso/src/OverviewBlock/index.ts b/packages/picasso/src/OverviewBlock/index.ts index 368ed80a2f..d27a15bb1a 100644 --- a/packages/picasso/src/OverviewBlock/index.ts +++ b/packages/picasso/src/OverviewBlock/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './OverviewBlock' diff --git a/packages/picasso/src/OverviewBlock/package.json b/packages/picasso/src/OverviewBlock/package.json new file mode 100644 index 0000000000..54abf64bb8 --- /dev/null +++ b/packages/picasso/src/OverviewBlock/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-overview-block", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-overview-block-group/-overview-block-group-context": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/OverviewBlock/styles.ts b/packages/picasso/src/OverviewBlock/styles.ts index 9f7bc0d9c5..0182911bf0 100644 --- a/packages/picasso/src/OverviewBlock/styles.ts +++ b/packages/picasso/src/OverviewBlock/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/OverviewBlockCompound/index.ts b/packages/picasso/src/OverviewBlockCompound/index.ts index fd79afaf11..3dc699305b 100644 --- a/packages/picasso/src/OverviewBlockCompound/index.ts +++ b/packages/picasso/src/OverviewBlockCompound/index.ts @@ -1,6 +1,7 @@ -import OverviewBlock from '../OverviewBlock' -import OverviewBlockGroup from '../OverviewBlockGroup' -import OverviewBlockRow from '../OverviewBlockRow' +/* eslint-disable import/no-extraneous-dependencies */ +import OverviewBlock from '@toptal/picasso-overview-block' +import OverviewBlockGroup from '@toptal/picasso-overview-block-group' +import OverviewBlockRow from '@toptal/picasso-overview-block-row' export const OverviewBlockCompound = Object.assign(OverviewBlock, { Group: OverviewBlockGroup, diff --git a/packages/picasso/src/OverviewBlockCompound/package.json b/packages/picasso/src/OverviewBlockCompound/package.json new file mode 100644 index 0000000000..05cb74db7a --- /dev/null +++ b/packages/picasso/src/OverviewBlockCompound/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-overview-block-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-overview-block": "^1.0.0", + "@toptal/picasso-overview-block-group": "^1.0.0", + "@toptal/picasso-overview-block-row": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/OverviewBlockGroup/OverviewBlockGroup.tsx b/packages/picasso/src/OverviewBlockGroup/OverviewBlockGroup.tsx index 4fc1c4055e..8b3b71e6ba 100644 --- a/packages/picasso/src/OverviewBlockGroup/OverviewBlockGroup.tsx +++ b/packages/picasso/src/OverviewBlockGroup/OverviewBlockGroup.tsx @@ -1,9 +1,10 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, ReactNode, ReactComponentElement } from 'react' import React from 'react' +import OverviewBlockRow from '@toptal/picasso-overview-block-row' import type { Alignment, BlockWidth } from './settings' import { OverviewBlockGroupContext } from './OverviewBlockGroupContext' -import OverviewBlockRow from '../OverviewBlockRow' type Props = HTMLAttributes & { /** Value and label alignment for blocks. By default content is aligned to the left. */ diff --git a/packages/picasso/src/OverviewBlockGroup/OverviewBlockGroupContext.tsx b/packages/picasso/src/OverviewBlockGroup/OverviewBlockGroupContext.tsx index f26eff53d7..ed64296a2a 100644 --- a/packages/picasso/src/OverviewBlockGroup/OverviewBlockGroupContext.tsx +++ b/packages/picasso/src/OverviewBlockGroup/OverviewBlockGroupContext.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createContext, useContext } from 'react' import type { Alignment, BlockWidth } from './settings' diff --git a/packages/picasso/src/OverviewBlockGroup/index.ts b/packages/picasso/src/OverviewBlockGroup/index.ts index 7ddce82f84..9ecf10b7f6 100644 --- a/packages/picasso/src/OverviewBlockGroup/index.ts +++ b/packages/picasso/src/OverviewBlockGroup/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './OverviewBlockGroup' diff --git a/packages/picasso/src/OverviewBlockGroup/package.json b/packages/picasso/src/OverviewBlockGroup/package.json new file mode 100644 index 0000000000..ac884f2a4f --- /dev/null +++ b/packages/picasso/src/OverviewBlockGroup/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-overview-block-group", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-overview-block-row": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/OverviewBlockGroup/settings.ts b/packages/picasso/src/OverviewBlockGroup/settings.ts index c9744f9dad..7199394007 100644 --- a/packages/picasso/src/OverviewBlockGroup/settings.ts +++ b/packages/picasso/src/OverviewBlockGroup/settings.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export type Alignment = 'default' | 'center' export type BlockWidth = 'narrow' | 'regular' | 'wide' diff --git a/packages/picasso/src/OverviewBlockRow/OverviewBlockRow.tsx b/packages/picasso/src/OverviewBlockRow/OverviewBlockRow.tsx index ee9f58eb2c..b97e8e4b95 100644 --- a/packages/picasso/src/OverviewBlockRow/OverviewBlockRow.tsx +++ b/packages/picasso/src/OverviewBlockRow/OverviewBlockRow.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/OverviewBlockRow/index.ts b/packages/picasso/src/OverviewBlockRow/index.ts index a34a4e980e..52c01fac91 100644 --- a/packages/picasso/src/OverviewBlockRow/index.ts +++ b/packages/picasso/src/OverviewBlockRow/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './OverviewBlockRow' diff --git a/packages/picasso/src/OverviewBlockRow/package.json b/packages/picasso/src/OverviewBlockRow/package.json new file mode 100644 index 0000000000..144a1a5a80 --- /dev/null +++ b/packages/picasso/src/OverviewBlockRow/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-overview-block-row", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/OverviewBlockRow/styles.ts b/packages/picasso/src/OverviewBlockRow/styles.ts index 42343a1c23..615ecfc4b3 100644 --- a/packages/picasso/src/OverviewBlockRow/styles.ts +++ b/packages/picasso/src/OverviewBlockRow/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Page/Page.tsx b/packages/picasso/src/Page/Page.tsx index f5150193ce..06ce6ebd91 100644 --- a/packages/picasso/src/Page/Page.tsx +++ b/packages/picasso/src/Page/Page.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import { PageHamburgerContextProvider } from '@toptal/picasso-page-hamburger' -import { PageHamburgerContextProvider } from '../PageHamburger' import type { PageContextProps, ViewportWidthType } from './types' import styles from './styles' diff --git a/packages/picasso/src/Page/index.ts b/packages/picasso/src/Page/index.ts index 9285529cb3..c982a79eb5 100644 --- a/packages/picasso/src/Page/index.ts +++ b/packages/picasso/src/Page/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Page' diff --git a/packages/picasso/src/Page/package.json b/packages/picasso/src/Page/package.json new file mode 100644 index 0000000000..df6ba101f8 --- /dev/null +++ b/packages/picasso/src/Page/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-page", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-page-hamburger": "^1.0.0", + "@toptal/picasso-page-top-bar/constants": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Page/styles.ts b/packages/picasso/src/Page/styles.ts index a4e05f2791..bab3223d80 100644 --- a/packages/picasso/src/Page/styles.ts +++ b/packages/picasso/src/Page/styles.ts @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import { headerHeight } from '../PageTopBar/constants' +import { headerHeight } from '@toptal/picasso-page-top-bar/constants' export default ({ layout, palette }: Theme) => createStyles({ diff --git a/packages/picasso/src/Page/types.ts b/packages/picasso/src/Page/types.ts index 60aa60f447..7a7ab87672 100644 --- a/packages/picasso/src/Page/types.ts +++ b/packages/picasso/src/Page/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export type ViewportWidthType = 'wide' | 'full' export interface PageContextProps { diff --git a/packages/picasso/src/PageArticle/PageArticle.tsx b/packages/picasso/src/PageArticle/PageArticle.tsx index 0a775cf3a8..b009be10f4 100644 --- a/packages/picasso/src/PageArticle/PageArticle.tsx +++ b/packages/picasso/src/PageArticle/PageArticle.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps, OverridableComponent } from '@toptal/picasso-shared' +import Container from '@toptal/picasso-container' -import Container from '../Container' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/PageArticle/index.ts b/packages/picasso/src/PageArticle/index.ts index f471c46c08..31fa2d34d1 100644 --- a/packages/picasso/src/PageArticle/index.ts +++ b/packages/picasso/src/PageArticle/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageArticle' diff --git a/packages/picasso/src/PageArticle/package.json b/packages/picasso/src/PageArticle/package.json new file mode 100644 index 0000000000..c344892a3e --- /dev/null +++ b/packages/picasso/src/PageArticle/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-page-article", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageArticle/styles.ts b/packages/picasso/src/PageArticle/styles.ts index 01307fb5ee..8615d6527c 100644 --- a/packages/picasso/src/PageArticle/styles.ts +++ b/packages/picasso/src/PageArticle/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/PageAutocomplete/PageAutocomplete.tsx b/packages/picasso/src/PageAutocomplete/PageAutocomplete.tsx index 96e68ba6f6..d539bed018 100644 --- a/packages/picasso/src/PageAutocomplete/PageAutocomplete.tsx +++ b/packages/picasso/src/PageAutocomplete/PageAutocomplete.tsx @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' - -import type { AutocompleteProps } from '../Autocomplete' -import Autocomplete from '../Autocomplete' +import type { AutocompleteProps } from '@toptal/picasso-autocomplete' +import Autocomplete from '@toptal/picasso-autocomplete' export interface Props extends AutocompleteProps { /** The variant to use */ diff --git a/packages/picasso/src/PageAutocomplete/index.ts b/packages/picasso/src/PageAutocomplete/index.ts index 9cb8e4e9c1..6848898416 100644 --- a/packages/picasso/src/PageAutocomplete/index.ts +++ b/packages/picasso/src/PageAutocomplete/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageAutocomplete' diff --git a/packages/picasso/src/PageAutocomplete/package.json b/packages/picasso/src/PageAutocomplete/package.json new file mode 100644 index 0000000000..b4a9323921 --- /dev/null +++ b/packages/picasso/src/PageAutocomplete/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-page-autocomplete", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-autocomplete": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageBanner/PageBanner.tsx b/packages/picasso/src/PageBanner/PageBanner.tsx index fb9c4fd08b..d0645d9ed6 100644 --- a/packages/picasso/src/PageBanner/PageBanner.tsx +++ b/packages/picasso/src/PageBanner/PageBanner.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' - -import Notification from '../Notification' -import NotificationActions from '../NotificationActions' +import Notification from '@toptal/picasso-notification' +import NotificationActions from '@toptal/picasso-notification-actions' export interface Props extends BaseProps, HTMLAttributes { /** Children components */ diff --git a/packages/picasso/src/PageBanner/index.ts b/packages/picasso/src/PageBanner/index.ts index 487927fe6c..718ebab60c 100644 --- a/packages/picasso/src/PageBanner/index.ts +++ b/packages/picasso/src/PageBanner/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageBanner' diff --git a/packages/picasso/src/PageBanner/package.json b/packages/picasso/src/PageBanner/package.json new file mode 100644 index 0000000000..bdf7f2180c --- /dev/null +++ b/packages/picasso/src/PageBanner/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-page-banner", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-notification": "^1.0.0", + "@toptal/picasso-notification-actions": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageCompound/index.ts b/packages/picasso/src/PageCompound/index.ts index e5dcc21028..6e35af77d3 100644 --- a/packages/picasso/src/PageCompound/index.ts +++ b/packages/picasso/src/PageCompound/index.ts @@ -1,13 +1,14 @@ -import Page from '../Page' -import PageHelmet from '../PageHelmet' -import { PageTopBarCompound as PageTopBar } from '../PageTopBarCompound' -import PageTopBarMenu from '../PageTopBarMenu' -import PageFooter from '../PageFooter' -import PageContent from '../PageContent' -import PageBanner from '../PageBanner' -import PageAutocomplete from '../PageAutocomplete' -import PageArticle from '../PageArticle' -import PageSidebar from '../PageSidebar' +/* eslint-disable import/no-extraneous-dependencies */ +import Page from '@toptal/picasso-page' +import PageHelmet from '@toptal/picasso-page-helmet' +import { PageTopBarCompound as PageTopBar } from '@toptal/picasso-page-top-bar-compound' +import PageTopBarMenu from '@toptal/picasso-page-top-bar-menu' +import PageFooter from '@toptal/picasso-page-footer' +import PageContent from '@toptal/picasso-page-content' +import PageBanner from '@toptal/picasso-page-banner' +import PageAutocomplete from '@toptal/picasso-page-autocomplete' +import PageArticle from '@toptal/picasso-page-article' +import PageSidebar from '@toptal/picasso-page-sidebar' export const PageCompound = Object.assign(Page, { TopBar: PageTopBar, diff --git a/packages/picasso/src/PageCompound/package.json b/packages/picasso/src/PageCompound/package.json new file mode 100644 index 0000000000..01463bb875 --- /dev/null +++ b/packages/picasso/src/PageCompound/package.json @@ -0,0 +1,17 @@ +{ + "name": "@toptal/picasso-page-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-page": "^1.0.0", + "@toptal/picasso-page-helmet": "^1.0.0", + "@toptal/picasso-page-top-bar-compound": "^1.0.0", + "@toptal/picasso-page-top-bar-menu": "^1.0.0", + "@toptal/picasso-page-footer": "^1.0.0", + "@toptal/picasso-page-content": "^1.0.0", + "@toptal/picasso-page-banner": "^1.0.0", + "@toptal/picasso-page-autocomplete": "^1.0.0", + "@toptal/picasso-page-article": "^1.0.0", + "@toptal/picasso-page-sidebar": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageContent/PageContent.tsx b/packages/picasso/src/PageContent/PageContent.tsx index 2d9c71d3da..b8a3641954 100644 --- a/packages/picasso/src/PageContent/PageContent.tsx +++ b/packages/picasso/src/PageContent/PageContent.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { useContext, forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -5,9 +6,9 @@ import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' import { useSidebar } from '@toptal/picasso-provider' +import { PageContext } from '@toptal/picasso-page' +import type { PageContextProps } from '@toptal/picasso-page/types' -import { PageContext } from '../Page' -import type { PageContextProps } from '../Page/types' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/PageContent/index.ts b/packages/picasso/src/PageContent/index.ts index 02c53c3b78..de4ed2463e 100644 --- a/packages/picasso/src/PageContent/index.ts +++ b/packages/picasso/src/PageContent/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageContent' diff --git a/packages/picasso/src/PageContent/package.json b/packages/picasso/src/PageContent/package.json new file mode 100644 index 0000000000..7c42aa245f --- /dev/null +++ b/packages/picasso/src/PageContent/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-page-content", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-page": "^1.0.0", + "@toptal/picasso-page/types": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageContent/styles.ts b/packages/picasso/src/PageContent/styles.ts index 44974e7488..a0f6f30c7b 100644 --- a/packages/picasso/src/PageContent/styles.ts +++ b/packages/picasso/src/PageContent/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/PageFooter/PageFooter.tsx b/packages/picasso/src/PageFooter/PageFooter.tsx index 2cc26f06b0..82908a4754 100644 --- a/packages/picasso/src/PageFooter/PageFooter.tsx +++ b/packages/picasso/src/PageFooter/PageFooter.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { useContext, forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' +import { PageContext } from '@toptal/picasso-page' +import type { PageContextProps } from '@toptal/picasso-page/types' -import { PageContext } from '../Page' -import type { PageContextProps } from '../Page/types' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/PageFooter/index.ts b/packages/picasso/src/PageFooter/index.ts index 7c8e65e34d..7cf9be2455 100644 --- a/packages/picasso/src/PageFooter/index.ts +++ b/packages/picasso/src/PageFooter/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageFooter' diff --git a/packages/picasso/src/PageFooter/package.json b/packages/picasso/src/PageFooter/package.json new file mode 100644 index 0000000000..b7ca2e8a7a --- /dev/null +++ b/packages/picasso/src/PageFooter/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-page-footer", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-page": "^1.0.0", + "@toptal/picasso-page/types": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageFooter/styles.ts b/packages/picasso/src/PageFooter/styles.ts index de49d8bef3..c0c72482ec 100644 --- a/packages/picasso/src/PageFooter/styles.ts +++ b/packages/picasso/src/PageFooter/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/PageHamburger/PageHamburger.tsx b/packages/picasso/src/PageHamburger/PageHamburger.tsx index 9bf08d6893..6d0fe615ac 100644 --- a/packages/picasso/src/PageHamburger/PageHamburger.tsx +++ b/packages/picasso/src/PageHamburger/PageHamburger.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useState } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import ButtonCircular from '@toptal/picasso-button-circular' +import Dropdown from '@toptal/picasso-dropdown' +import { Close24, Overview24 } from '@toptal/picasso-icon' -import ButtonCircular from '../ButtonCircular' import { useHamburgerContext } from './PageHamburgerContext' -import Dropdown from '../Dropdown' -import { Close24, Overview24 } from '../Icon' import styles from './styles' interface Props { diff --git a/packages/picasso/src/PageHamburger/PageHamburgerContext.tsx b/packages/picasso/src/PageHamburger/PageHamburgerContext.tsx index 1ec866c7b5..177847e52d 100644 --- a/packages/picasso/src/PageHamburger/PageHamburgerContext.tsx +++ b/packages/picasso/src/PageHamburger/PageHamburgerContext.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { createContext, diff --git a/packages/picasso/src/PageHamburger/PageHamburgerPortal.tsx b/packages/picasso/src/PageHamburger/PageHamburgerPortal.tsx index 74cdd9636b..51d495155b 100644 --- a/packages/picasso/src/PageHamburger/PageHamburgerPortal.tsx +++ b/packages/picasso/src/PageHamburger/PageHamburgerPortal.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useEffect } from 'react' import { createPortal } from 'react-dom' diff --git a/packages/picasso/src/PageHamburger/index.ts b/packages/picasso/src/PageHamburger/index.ts index 52c24738df..8103acee31 100644 --- a/packages/picasso/src/PageHamburger/index.ts +++ b/packages/picasso/src/PageHamburger/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './PageHamburger' export { default as PageHamburgerPortal } from './PageHamburgerPortal' export { diff --git a/packages/picasso/src/PageHamburger/package.json b/packages/picasso/src/PageHamburger/package.json new file mode 100644 index 0000000000..b14175b998 --- /dev/null +++ b/packages/picasso/src/PageHamburger/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-page-hamburger", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-dropdown": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-page-top-bar/constants": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageHamburger/styles.ts b/packages/picasso/src/PageHamburger/styles.ts index bdfce5de37..ba95139a11 100644 --- a/packages/picasso/src/PageHamburger/styles.ts +++ b/packages/picasso/src/PageHamburger/styles.ts @@ -1,7 +1,10 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import { headerHeight, headerBreakingPointXL } from '../PageTopBar/constants' +import { + headerHeight, + headerBreakingPointXL, +} from '@toptal/picasso-page-top-bar/constants' export default ({ palette }: Theme) => { const wrapperBoxShadow = `inset -1px 0px 0px 0px ${palette.grey.lighter2}` diff --git a/packages/picasso/src/PageHead/PageHead.tsx b/packages/picasso/src/PageHead/PageHead.tsx index 8075ddb99b..ee7d441768 100644 --- a/packages/picasso/src/PageHead/PageHead.tsx +++ b/packages/picasso/src/PageHead/PageHead.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef } from 'react' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { TextLabelProps, BaseProps } from '@toptal/picasso-shared' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' -import Container from '../Container' -import Typography from '../Typography' import styles from './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/PageHead/index.ts b/packages/picasso/src/PageHead/index.ts index 49fc58e958..1c4b6230fd 100644 --- a/packages/picasso/src/PageHead/index.ts +++ b/packages/picasso/src/PageHead/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageHead' diff --git a/packages/picasso/src/PageHead/package.json b/packages/picasso/src/PageHead/package.json new file mode 100644 index 0000000000..3dad8276a0 --- /dev/null +++ b/packages/picasso/src/PageHead/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-page-head", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageHead/styles.ts b/packages/picasso/src/PageHead/styles.ts index 16f328e929..a3a1a249ae 100644 --- a/packages/picasso/src/PageHead/styles.ts +++ b/packages/picasso/src/PageHead/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/PageHelmet/PageHelmet.tsx b/packages/picasso/src/PageHelmet/PageHelmet.tsx index 44242d7dac..640cb4b6dc 100644 --- a/packages/picasso/src/PageHelmet/PageHelmet.tsx +++ b/packages/picasso/src/PageHelmet/PageHelmet.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' // eslint-disable-next-line import/no-extraneous-dependencies diff --git a/packages/picasso/src/PageHelmet/index.ts b/packages/picasso/src/PageHelmet/index.ts index 664abb7ac5..f9b4f23704 100644 --- a/packages/picasso/src/PageHelmet/index.ts +++ b/packages/picasso/src/PageHelmet/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageHelmet' diff --git a/packages/picasso/src/PageHelmet/package.json b/packages/picasso/src/PageHelmet/package.json new file mode 100644 index 0000000000..bf1278f1c2 --- /dev/null +++ b/packages/picasso/src/PageHelmet/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-page-helmet", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/PageSidebar/PageSidebar.tsx b/packages/picasso/src/PageSidebar/PageSidebar.tsx index 2c7353f690..7708a50749 100644 --- a/packages/picasso/src/PageSidebar/PageSidebar.tsx +++ b/packages/picasso/src/PageSidebar/PageSidebar.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { useSidebar } from '@toptal/picasso-provider' @@ -5,19 +6,19 @@ import type { BaseProps, SizeType } from '@toptal/picasso-shared' import cx from 'classnames' import type { ReactNode } from 'react' import React, { forwardRef, useCallback, useEffect, useState } from 'react' - -import ButtonCircular from '../ButtonCircular' -import Container from '../Container' -import { BackMinor16, ChevronRight16 } from '../Icon' +import ButtonCircular from '@toptal/picasso-button-circular' +import Container from '@toptal/picasso-container' +import { BackMinor16, ChevronRight16 } from '@toptal/picasso-icon' import { PageHamburgerPortal, useHamburgerContext, useRegisterMenu, -} from '../PageHamburger' -import SidebarItem from '../SidebarItem' -import SidebarLogo from '../SidebarLogo' -import SidebarMenu from '../SidebarMenu' -import { noop } from '../utils' +} from '@toptal/picasso-page-hamburger' +import SidebarItem from '@toptal/picasso-sidebar-item' +import SidebarLogo from '@toptal/picasso-sidebar-logo' +import SidebarMenu from '@toptal/picasso-sidebar-menu' +import { noop } from '@toptal/picasso-utils' + import { SidebarContextProvider } from './SidebarContextProvider' import styles from './styles' import type { VariantType } from './types' diff --git a/packages/picasso/src/PageSidebar/SidebarContextProvider.tsx b/packages/picasso/src/PageSidebar/SidebarContextProvider.tsx index 2a40dc3f57..dcc26d0717 100644 --- a/packages/picasso/src/PageSidebar/SidebarContextProvider.tsx +++ b/packages/picasso/src/PageSidebar/SidebarContextProvider.tsx @@ -1,7 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { useContext } from 'react' +import { noop } from '@toptal/picasso-utils' -import { noop } from '../utils' import type { SidebarContextProps, VariantType } from './types' const SidebarContext = React.createContext({ diff --git a/packages/picasso/src/PageSidebar/index.ts b/packages/picasso/src/PageSidebar/index.ts index f853202460..32f0af4897 100644 --- a/packages/picasso/src/PageSidebar/index.ts +++ b/packages/picasso/src/PageSidebar/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageSidebar' diff --git a/packages/picasso/src/PageSidebar/package.json b/packages/picasso/src/PageSidebar/package.json new file mode 100644 index 0000000000..a04bf1bb9b --- /dev/null +++ b/packages/picasso/src/PageSidebar/package.json @@ -0,0 +1,16 @@ +{ + "name": "@toptal/picasso-page-sidebar", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-page-hamburger": "^1.0.0", + "@toptal/picasso-sidebar-item": "^1.0.0", + "@toptal/picasso-sidebar-logo": "^1.0.0", + "@toptal/picasso-sidebar-menu": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-page-top-bar/constants": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageSidebar/styles.ts b/packages/picasso/src/PageSidebar/styles.ts index d396f0dc26..cd881a3a50 100644 --- a/packages/picasso/src/PageSidebar/styles.ts +++ b/packages/picasso/src/PageSidebar/styles.ts @@ -1,8 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' - -import { headerHeight, headerBreakingPointXL } from '../PageTopBar/constants' +import { + headerHeight, + headerBreakingPointXL, +} from '@toptal/picasso-page-top-bar/constants' // decided to use a custom shadow for the sidebar's collapse button const COLLAPSE_BUTTON_SHADOW = diff --git a/packages/picasso/src/PageSidebar/types.ts b/packages/picasso/src/PageSidebar/types.ts index 7b041ad0e4..25993a0e29 100644 --- a/packages/picasso/src/PageSidebar/types.ts +++ b/packages/picasso/src/PageSidebar/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export type VariantType = 'light' | 'dark' export interface SidebarContextProps { diff --git a/packages/picasso/src/PageTopBar/PageTopBar.tsx b/packages/picasso/src/PageTopBar/PageTopBar.tsx index 78fffa9613..3b62324716 100644 --- a/packages/picasso/src/PageTopBar/PageTopBar.tsx +++ b/packages/picasso/src/PageTopBar/PageTopBar.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable complexity */ import type { ReactNode, ReactElement, HTMLAttributes } from 'react' import React, { useContext, forwardRef, useEffect } from 'react' @@ -9,17 +10,17 @@ import { } from '@toptal/picasso-provider' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' - -import Logo from '../Logo' -import Container from '../Container' +import Logo from '@toptal/picasso-logo' +import Container from '@toptal/picasso-container' import PageHamburger, { PageHamburgerPortal, useHamburgerContext, -} from '../PageHamburger' -import Typography from '../Typography' -import { PageContext } from '../Page' -import type { PageContextProps } from '../Page/types' -import { useIsomorphicLayoutEffect } from '../utils' +} from '@toptal/picasso-page-hamburger' +import Typography from '@toptal/picasso-typography' +import { PageContext } from '@toptal/picasso-page' +import type { PageContextProps } from '@toptal/picasso-page/types' +import { useIsomorphicLayoutEffect } from '@toptal/picasso-utils' + import styles from './styles' type VariantType = 'dark' | 'light' | 'grey' diff --git a/packages/picasso/src/PageTopBar/constants.ts b/packages/picasso/src/PageTopBar/constants.ts index 7b34d82051..4885c1a5a2 100644 --- a/packages/picasso/src/PageTopBar/constants.ts +++ b/packages/picasso/src/PageTopBar/constants.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export const headerHeight = { default: '3.5rem' } as const export const headerBreakingPointXL = '@media (min-width: 1280px)' as const diff --git a/packages/picasso/src/PageTopBar/index.ts b/packages/picasso/src/PageTopBar/index.ts index 05d9390809..a228399aa1 100644 --- a/packages/picasso/src/PageTopBar/index.ts +++ b/packages/picasso/src/PageTopBar/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageTopBar' diff --git a/packages/picasso/src/PageTopBar/package.json b/packages/picasso/src/PageTopBar/package.json new file mode 100644 index 0000000000..3adf553548 --- /dev/null +++ b/packages/picasso/src/PageTopBar/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-page-top-bar", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-logo": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-page-hamburger": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-page": "^1.0.0", + "@toptal/picasso-page/types": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageTopBar/styles.ts b/packages/picasso/src/PageTopBar/styles.ts index d86f732bf5..d380853d73 100644 --- a/packages/picasso/src/PageTopBar/styles.ts +++ b/packages/picasso/src/PageTopBar/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/PageTopBarCompound/index.ts b/packages/picasso/src/PageTopBarCompound/index.ts index ae83cacb60..a147ce5f47 100644 --- a/packages/picasso/src/PageTopBarCompound/index.ts +++ b/packages/picasso/src/PageTopBarCompound/index.ts @@ -1,6 +1,7 @@ -import PageTopBar from '../PageTopBar' -import TopBarMenu from '../TopBarMenu' -import TopBarItem from '../TopBarItem' +/* eslint-disable import/no-extraneous-dependencies */ +import PageTopBar from '@toptal/picasso-page-top-bar' +import TopBarMenu from '@toptal/picasso-top-bar-menu' +import TopBarItem from '@toptal/picasso-top-bar-item' export const PageTopBarCompound = Object.assign(PageTopBar, { Menu: TopBarMenu, diff --git a/packages/picasso/src/PageTopBarCompound/package.json b/packages/picasso/src/PageTopBarCompound/package.json new file mode 100644 index 0000000000..978d3acbfb --- /dev/null +++ b/packages/picasso/src/PageTopBarCompound/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-page-top-bar-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-page-top-bar": "^1.0.0", + "@toptal/picasso-top-bar-menu": "^1.0.0", + "@toptal/picasso-top-bar-item": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageTopBarMenu/PageTopBarMenu.tsx b/packages/picasso/src/PageTopBarMenu/PageTopBarMenu.tsx index 468de6a759..8a6d791db1 100644 --- a/packages/picasso/src/PageTopBarMenu/PageTopBarMenu.tsx +++ b/packages/picasso/src/PageTopBarMenu/PageTopBarMenu.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable complexity */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' @@ -5,12 +6,12 @@ import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import { useBreakpoint } from '@toptal/picasso-utils' +import UserBadge from '@toptal/picasso-user-badge' +import Avatar from '@toptal/picasso-avatar' +import { DropdownCompound as Dropdown } from '@toptal/picasso-dropdown-compound' +import Typography from '@toptal/picasso-typography' -import { useBreakpoint } from '../utils' -import UserBadge from '../UserBadge' -import Avatar from '../Avatar' -import { DropdownCompound as Dropdown } from '../DropdownCompound' -import Typography from '../Typography' import styles from './styles' const useStyles = makeStyles(styles, { diff --git a/packages/picasso/src/PageTopBarMenu/index.ts b/packages/picasso/src/PageTopBarMenu/index.ts index dc70665343..fd6e6f90b0 100644 --- a/packages/picasso/src/PageTopBarMenu/index.ts +++ b/packages/picasso/src/PageTopBarMenu/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PageTopBarMenu' diff --git a/packages/picasso/src/PageTopBarMenu/package.json b/packages/picasso/src/PageTopBarMenu/package.json new file mode 100644 index 0000000000..12959c0902 --- /dev/null +++ b/packages/picasso/src/PageTopBarMenu/package.json @@ -0,0 +1,13 @@ +{ + "name": "@toptal/picasso-page-top-bar-menu", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-user-badge": "^1.0.0", + "@toptal/picasso-avatar": "^1.0.0", + "@toptal/picasso-dropdown-compound": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-page-top-bar/constants": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PageTopBarMenu/styles.ts b/packages/picasso/src/PageTopBarMenu/styles.ts index 04a44f8b01..2e648fe7db 100644 --- a/packages/picasso/src/PageTopBarMenu/styles.ts +++ b/packages/picasso/src/PageTopBarMenu/styles.ts @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import { headerHeight } from '../PageTopBar/constants' +import { headerHeight } from '@toptal/picasso-page-top-bar/constants' export default ({ screens }: Theme) => createStyles({ diff --git a/packages/picasso/src/Pagination/Pagination.tsx b/packages/picasso/src/Pagination/Pagination.tsx index b229c6d64d..66e051e7d1 100644 --- a/packages/picasso/src/Pagination/Pagination.tsx +++ b/packages/picasso/src/Pagination/Pagination.tsx @@ -1,16 +1,17 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable react/no-array-index-key */ import type { HTMLAttributes } from 'react' import React, { forwardRef, useMemo } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import Button from '@toptal/picasso-button' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' +import PaginationButton from '@toptal/picasso-pagination-button' -import Button from '../Button' -import Container from '../Container' -import Typography from '../Typography' import { getRange, ELLIPSIS } from './utils' import styles from './styles' -import PaginationButton from '../PaginationButton' const useStyles = makeStyles(styles, { name: 'PicassoPagination', diff --git a/packages/picasso/src/Pagination/index.ts b/packages/picasso/src/Pagination/index.ts index df675dcc03..0c70dfc204 100644 --- a/packages/picasso/src/Pagination/index.ts +++ b/packages/picasso/src/Pagination/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Pagination' diff --git a/packages/picasso/src/Pagination/package.json b/packages/picasso/src/Pagination/package.json new file mode 100644 index 0000000000..3c7817178f --- /dev/null +++ b/packages/picasso/src/Pagination/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-pagination", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-pagination-button": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Pagination/styles.ts b/packages/picasso/src/Pagination/styles.ts index 2e8ca42945..73e0a8fe12 100644 --- a/packages/picasso/src/Pagination/styles.ts +++ b/packages/picasso/src/Pagination/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/PaginationButton/PaginationButton.tsx b/packages/picasso/src/PaginationButton/PaginationButton.tsx index 815adbb5de..6d5d1f40ec 100644 --- a/packages/picasso/src/PaginationButton/PaginationButton.tsx +++ b/packages/picasso/src/PaginationButton/PaginationButton.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { StandardProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core' import { makeStyles } from '@material-ui/core' import cx from 'classnames' +import Button from '@toptal/picasso-button' -import Button from '../Button' import styles from './styles' const useStyles = makeStyles(styles, { diff --git a/packages/picasso/src/PaginationButton/index.ts b/packages/picasso/src/PaginationButton/index.ts index 9881e6d959..bc4998ef4e 100644 --- a/packages/picasso/src/PaginationButton/index.ts +++ b/packages/picasso/src/PaginationButton/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './PaginationButton' diff --git a/packages/picasso/src/PaginationButton/package.json b/packages/picasso/src/PaginationButton/package.json new file mode 100644 index 0000000000..c746d9e367 --- /dev/null +++ b/packages/picasso/src/PaginationButton/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-pagination-button", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-button/styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PaginationButton/styles.ts b/packages/picasso/src/PaginationButton/styles.ts index b44deb7e33..52834178a9 100644 --- a/packages/picasso/src/PaginationButton/styles.ts +++ b/packages/picasso/src/PaginationButton/styles.ts @@ -1,11 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - import { createOutlineCommons, activeGroup, disabledGroup, -} from '../Button/styles' +} from '@toptal/picasso-button/styles' export default (theme: Theme) => createStyles({ diff --git a/packages/picasso/src/Paper/Paper.tsx b/packages/picasso/src/Paper/Paper.tsx index c42e54e4f3..42ae8c79aa 100644 --- a/packages/picasso/src/Paper/Paper.tsx +++ b/packages/picasso/src/Paper/Paper.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { Paper as MUIPaper } from '@material-ui/core' diff --git a/packages/picasso/src/Paper/index.ts b/packages/picasso/src/Paper/index.ts index c20157ccee..ea370348f0 100644 --- a/packages/picasso/src/Paper/index.ts +++ b/packages/picasso/src/Paper/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Paper' diff --git a/packages/picasso/src/Paper/package.json b/packages/picasso/src/Paper/package.json new file mode 100644 index 0000000000..045d24e381 --- /dev/null +++ b/packages/picasso/src/Paper/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-paper", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Paper/styles.ts b/packages/picasso/src/Paper/styles.ts index 0175919706..51627e7443 100644 --- a/packages/picasso/src/Paper/styles.ts +++ b/packages/picasso/src/Paper/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/PasswordInput/PasswordInput.tsx b/packages/picasso/src/PasswordInput/PasswordInput.tsx index 98556c35ab..a93d3f7299 100644 --- a/packages/picasso/src/PasswordInput/PasswordInput.tsx +++ b/packages/picasso/src/PasswordInput/PasswordInput.tsx @@ -1,18 +1,19 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ChangeEvent } from 'react' import React, { forwardRef, useState, useCallback } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps, OmitInternalProps } from '@toptal/picasso-shared' import cx from 'classnames' +import type { Props as OutlinedInputProps } from '@toptal/picasso-outlined-input' +import OutlinedInput from '@toptal/picasso-outlined-input' +import InputAdornment from '@toptal/picasso-input-adornment' +import SvgEye16 from '@toptal/picasso-icon/-eye16' +import SvgEyeHidden16 from '@toptal/picasso-icon/-eye-hidden16' +import ButtonCircular from '@toptal/picasso-button-circular' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' -import type { Props as OutlinedInputProps } from '../OutlinedInput' -import OutlinedInput from '../OutlinedInput' -import InputAdornment from '../InputAdornment' import styles from './styles' -import SvgEye16 from '../Icon/Eye16' -import SvgEyeHidden16 from '../Icon/EyeHidden16' -import ButtonCircular from '../ButtonCircular' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' export interface Props extends Omit< diff --git a/packages/picasso/src/PasswordInput/index.ts b/packages/picasso/src/PasswordInput/index.ts index 40866d7a0e..290569c486 100644 --- a/packages/picasso/src/PasswordInput/index.ts +++ b/packages/picasso/src/PasswordInput/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PasswordInput' diff --git a/packages/picasso/src/PasswordInput/package.json b/packages/picasso/src/PasswordInput/package.json new file mode 100644 index 0000000000..0f6380b601 --- /dev/null +++ b/packages/picasso/src/PasswordInput/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-password-input", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-outlined-input": "^1.0.0", + "@toptal/picasso-input-adornment": "^1.0.0", + "@toptal/picasso-icon/-eye16": "^1.0.0", + "@toptal/picasso-icon/-eye-hidden16": "^1.0.0", + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-input-base/highlight-styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PasswordInput/styles.ts b/packages/picasso/src/PasswordInput/styles.ts index 10f3e4be0e..9f33c4053d 100644 --- a/packages/picasso/src/PasswordInput/styles.ts +++ b/packages/picasso/src/PasswordInput/styles.ts @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import highlightAutofillStyles from '../InputBase/highlight-styles' +import highlightAutofillStyles from '@toptal/picasso-input-base/highlight-styles' export default (theme: Theme) => { const { spacing } = theme diff --git a/packages/picasso/src/Popover/index.ts b/packages/picasso/src/Popover/index.ts index c41dcbe88e..de5fd93ea6 100644 --- a/packages/picasso/src/Popover/index.ts +++ b/packages/picasso/src/Popover/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import './styles' export { Popover as default } from '@material-ui/core' diff --git a/packages/picasso/src/Popover/package.json b/packages/picasso/src/Popover/package.json new file mode 100644 index 0000000000..46e0342a89 --- /dev/null +++ b/packages/picasso/src/Popover/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-popover", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Popover/styles.ts b/packages/picasso/src/Popover/styles.ts index ae9d342923..1596acbbac 100644 --- a/packages/picasso/src/Popover/styles.ts +++ b/packages/picasso/src/Popover/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/Popper/Popper.tsx b/packages/picasso/src/Popper/Popper.tsx index cbca54bb43..84a9f1b0d3 100644 --- a/packages/picasso/src/Popper/Popper.tsx +++ b/packages/picasso/src/Popper/Popper.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef, useContext } from 'react' import cx from 'classnames' @@ -9,9 +10,9 @@ import type PopperJs from 'popper.js' import type { BaseProps } from '@toptal/picasso-shared' import { useIsomorphicLayoutEffect } from '@toptal/picasso-shared' import { usePicassoRoot, useBreakpoint } from '@toptal/picasso-provider' +import ModalContext from '@toptal/picasso-modal/-modal-context' +import useWidthOf from '@toptal/picasso-utils/use-width-of' -import ModalContext from '../Modal/ModalContext' -import useWidthOf from '../utils/use-width-of' import styles from './styles' export type PopperPlacementType = diff --git a/packages/picasso/src/Popper/index.ts b/packages/picasso/src/Popper/index.ts index c90bb7db40..53dd16b538 100644 --- a/packages/picasso/src/Popper/index.ts +++ b/packages/picasso/src/Popper/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Popper' diff --git a/packages/picasso/src/Popper/package.json b/packages/picasso/src/Popper/package.json new file mode 100644 index 0000000000..a8befa39d7 --- /dev/null +++ b/packages/picasso/src/Popper/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-popper", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-modal/-modal-context": "^1.0.0", + "@toptal/picasso-utils/use-width-of": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Popper/styles.ts b/packages/picasso/src/Popper/styles.ts index 476a0af29c..c618bfb1ae 100644 --- a/packages/picasso/src/Popper/styles.ts +++ b/packages/picasso/src/Popper/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/ProgressBar/ProgressBar.tsx b/packages/picasso/src/ProgressBar/ProgressBar.tsx index 367af89c90..1e36a627d2 100644 --- a/packages/picasso/src/ProgressBar/ProgressBar.tsx +++ b/packages/picasso/src/ProgressBar/ProgressBar.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' -import Container from '../Container' -import Typography from '../Typography' import styles from './styles' const MIN_VALUE = 0 diff --git a/packages/picasso/src/ProgressBar/index.ts b/packages/picasso/src/ProgressBar/index.ts index 1012481e17..e36cffc1a7 100644 --- a/packages/picasso/src/ProgressBar/index.ts +++ b/packages/picasso/src/ProgressBar/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './ProgressBar' diff --git a/packages/picasso/src/ProgressBar/package.json b/packages/picasso/src/ProgressBar/package.json new file mode 100644 index 0000000000..6f2470421d --- /dev/null +++ b/packages/picasso/src/ProgressBar/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-progress-bar", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ProgressBar/styles.ts b/packages/picasso/src/ProgressBar/styles.ts index 83f1ae85cb..9e24c21764 100644 --- a/packages/picasso/src/ProgressBar/styles.ts +++ b/packages/picasso/src/ProgressBar/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/PromptModal/PromptModal.tsx b/packages/picasso/src/PromptModal/PromptModal.tsx index e49c752d25..0560931b29 100644 --- a/packages/picasso/src/PromptModal/PromptModal.tsx +++ b/packages/picasso/src/PromptModal/PromptModal.tsx @@ -1,16 +1,17 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' +import type { Props as ModalProps } from '@toptal/picasso-modal' +import { ModalCompound as Modal } from '@toptal/picasso-modal-compound' +import type { VariantType as ButtonVariantType } from '@toptal/picasso-button' +import Button from '@toptal/picasso-button' +import { noop, useSafeState } from '@toptal/picasso-utils' -import Container from '../Container' -import Typography from '../Typography' -import type { Props as ModalProps } from '../Modal' -import { ModalCompound as Modal } from '../ModalCompound' -import type { VariantType as ButtonVariantType } from '../Button' -import Button from '../Button' import styles from './styles' -import { noop, useSafeState } from '../utils' export type VariantType = 'positive' | 'negative' diff --git a/packages/picasso/src/PromptModal/index.ts b/packages/picasso/src/PromptModal/index.ts index dcb46ba7db..9ba5f2a330 100644 --- a/packages/picasso/src/PromptModal/index.ts +++ b/packages/picasso/src/PromptModal/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './PromptModal' diff --git a/packages/picasso/src/PromptModal/package.json b/packages/picasso/src/PromptModal/package.json new file mode 100644 index 0000000000..ad62ceec0d --- /dev/null +++ b/packages/picasso/src/PromptModal/package.json @@ -0,0 +1,13 @@ +{ + "name": "@toptal/picasso-prompt-modal", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-modal": "^1.0.0", + "@toptal/picasso-modal-compound": "^1.0.0", + "@toptal/picasso-button": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/PromptModal/styles.ts b/packages/picasso/src/PromptModal/styles.ts index fb560d61e5..d9aac8778b 100644 --- a/packages/picasso/src/PromptModal/styles.ts +++ b/packages/picasso/src/PromptModal/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => createStyles({}) diff --git a/packages/picasso/src/Quote/Quote.tsx b/packages/picasso/src/Quote/Quote.tsx index addd0a2502..5151925a4a 100644 --- a/packages/picasso/src/Quote/Quote.tsx +++ b/packages/picasso/src/Quote/Quote.tsx @@ -1,10 +1,10 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' - -import QuoteMark from '../QuoteMark' -import Container from '../Container' -import Typography from '../Typography' +import QuoteMark from '@toptal/picasso-quote-mark' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' export interface Props extends BaseProps { /** Main content of the Quote */ diff --git a/packages/picasso/src/Quote/index.ts b/packages/picasso/src/Quote/index.ts index 237abbe650..96504c42e6 100644 --- a/packages/picasso/src/Quote/index.ts +++ b/packages/picasso/src/Quote/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Quote' diff --git a/packages/picasso/src/Quote/package.json b/packages/picasso/src/Quote/package.json new file mode 100644 index 0000000000..85f34642ff --- /dev/null +++ b/packages/picasso/src/Quote/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-quote", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-quote-mark": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/QuoteMark/QuoteMark.tsx b/packages/picasso/src/QuoteMark/QuoteMark.tsx index 2675344251..fab2cfe90d 100644 --- a/packages/picasso/src/QuoteMark/QuoteMark.tsx +++ b/packages/picasso/src/QuoteMark/QuoteMark.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import { makeStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/QuoteMark/index.ts b/packages/picasso/src/QuoteMark/index.ts index ed677445de..5519adf5cf 100644 --- a/packages/picasso/src/QuoteMark/index.ts +++ b/packages/picasso/src/QuoteMark/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './QuoteMark' diff --git a/packages/picasso/src/QuoteMark/package.json b/packages/picasso/src/QuoteMark/package.json new file mode 100644 index 0000000000..d23bd4cb9a --- /dev/null +++ b/packages/picasso/src/QuoteMark/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-quote-mark", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/QuoteMark/styles.ts b/packages/picasso/src/QuoteMark/styles.ts index 5102bebbf1..6fae799e3e 100644 --- a/packages/picasso/src/QuoteMark/styles.ts +++ b/packages/picasso/src/QuoteMark/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core' import { createStyles } from '@material-ui/core' diff --git a/packages/picasso/src/Radio/Radio.tsx b/packages/picasso/src/Radio/Radio.tsx index 00e118e67f..465e5c59fc 100644 --- a/packages/picasso/src/Radio/Radio.tsx +++ b/packages/picasso/src/Radio/Radio.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ComponentProps, ReactNode } from 'react' import React, { forwardRef } from 'react' import { Radio as MUIRadio } from '@material-ui/core' @@ -9,8 +10,8 @@ import type { TextLabelProps, } from '@toptal/picasso-shared' import cx from 'classnames' +import FormControlLabel from '@toptal/picasso-form-control-label' -import FormControlLabel from '../FormControlLabel' import styles from './styles' export interface Props diff --git a/packages/picasso/src/Radio/index.ts b/packages/picasso/src/Radio/index.ts index d4336c4f2a..1f9dd418f5 100644 --- a/packages/picasso/src/Radio/index.ts +++ b/packages/picasso/src/Radio/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as InternalRadioProps } from './Radio' diff --git a/packages/picasso/src/Radio/package.json b/packages/picasso/src/Radio/package.json new file mode 100644 index 0000000000..d8424e83e8 --- /dev/null +++ b/packages/picasso/src/Radio/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-radio", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-form-control-label": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Radio/styles.ts b/packages/picasso/src/Radio/styles.ts index 0a37e70d41..53b9581974 100644 --- a/packages/picasso/src/Radio/styles.ts +++ b/packages/picasso/src/Radio/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem, outline, mix } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/RadioCompound/index.ts b/packages/picasso/src/RadioCompound/index.ts index afd2ace759..5aff2d3688 100644 --- a/packages/picasso/src/RadioCompound/index.ts +++ b/packages/picasso/src/RadioCompound/index.ts @@ -1,5 +1,6 @@ -import Radio from '../Radio' -import RadioGroup from '../RadioGroup' +/* eslint-disable import/no-extraneous-dependencies */ +import Radio from '@toptal/picasso-radio' +import RadioGroup from '@toptal/picasso-radio-group' export const RadioCompound = Object.assign(Radio, { Group: RadioGroup, diff --git a/packages/picasso/src/RadioCompound/package.json b/packages/picasso/src/RadioCompound/package.json new file mode 100644 index 0000000000..02037ca2d4 --- /dev/null +++ b/packages/picasso/src/RadioCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-radio-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-radio": "^1.0.0", + "@toptal/picasso-radio-group": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/RadioGroup/RadioGroup.tsx b/packages/picasso/src/RadioGroup/RadioGroup.tsx index de94d66212..ae010c742e 100644 --- a/packages/picasso/src/RadioGroup/RadioGroup.tsx +++ b/packages/picasso/src/RadioGroup/RadioGroup.tsx @@ -1,13 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable react/no-array-index-key */ import React from 'react' import type { RadioGroupProps } from '@material-ui/core' import { RadioGroup as MUIRadioGroup } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles, useTheme } from '@material-ui/core/styles' +import type { GridSizeProps } from '@toptal/picasso-grid-item' +import type { GridProps } from '@toptal/picasso-grid' +import { GridCompound as Grid } from '@toptal/picasso-grid-compound' -import type { GridSizeProps } from '../GridItem' -import type { GridProps } from '../Grid' -import { GridCompound as Grid } from '../GridCompound' import styles from './styles' type GridSpacing = GridProps['spacing'] diff --git a/packages/picasso/src/RadioGroup/index.ts b/packages/picasso/src/RadioGroup/index.ts index 5cd039d4d4..50e32aee99 100644 --- a/packages/picasso/src/RadioGroup/index.ts +++ b/packages/picasso/src/RadioGroup/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as InternalRadioGroupProps } from './RadioGroup' diff --git a/packages/picasso/src/RadioGroup/package.json b/packages/picasso/src/RadioGroup/package.json new file mode 100644 index 0000000000..29a81f455f --- /dev/null +++ b/packages/picasso/src/RadioGroup/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-radio-group", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-grid-item": "^1.0.0", + "@toptal/picasso-grid": "^1.0.0", + "@toptal/picasso-grid-compound": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/RadioGroup/styles.ts b/packages/picasso/src/RadioGroup/styles.ts index 08ae69fc0e..9271fa1ba6 100644 --- a/packages/picasso/src/RadioGroup/styles.ts +++ b/packages/picasso/src/RadioGroup/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/Rating/index.ts b/packages/picasso/src/Rating/index.ts index a5895e9cf8..4df0124417 100644 --- a/packages/picasso/src/Rating/index.ts +++ b/packages/picasso/src/Rating/index.ts @@ -1,8 +1,9 @@ -import Stars from '../RatingStars' -import Thumbs from '../RatingThumbs' +/* eslint-disable import/no-extraneous-dependencies */ +import Stars from '@toptal/picasso-rating-stars' +import Thumbs from '@toptal/picasso-rating-thumbs' -export type { RatingStarsProps } from '../RatingStars' -export type { RatingThumbsProps } from '../RatingThumbs' +export type { RatingStarsProps } from '@toptal/picasso-rating-stars' +export type { RatingThumbsProps } from '@toptal/picasso-rating-thumbs' export default { Stars, diff --git a/packages/picasso/src/Rating/package.json b/packages/picasso/src/Rating/package.json new file mode 100644 index 0000000000..6361cd6804 --- /dev/null +++ b/packages/picasso/src/Rating/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-rating", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-rating-stars": "^1.0.0", + "@toptal/picasso-rating-thumbs": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/RatingIcon/RatingIcon.tsx b/packages/picasso/src/RatingIcon/RatingIcon.tsx index e5a115384b..f9b42180b5 100644 --- a/packages/picasso/src/RatingIcon/RatingIcon.tsx +++ b/packages/picasso/src/RatingIcon/RatingIcon.tsx @@ -1,9 +1,10 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { SizeType } from '@toptal/picasso-shared' +import { Star16, StarSolid16, Star24, StarSolid24 } from '@toptal/picasso-icon' -import { Star16, StarSolid16, Star24, StarSolid24 } from '../Icon' import styles from './styles' export interface Props { diff --git a/packages/picasso/src/RatingIcon/index.ts b/packages/picasso/src/RatingIcon/index.ts index ed8d855da0..81f7977828 100644 --- a/packages/picasso/src/RatingIcon/index.ts +++ b/packages/picasso/src/RatingIcon/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './RatingIcon' diff --git a/packages/picasso/src/RatingIcon/package.json b/packages/picasso/src/RatingIcon/package.json new file mode 100644 index 0000000000..585322b44e --- /dev/null +++ b/packages/picasso/src/RatingIcon/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-rating-icon", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/RatingIcon/styles.ts b/packages/picasso/src/RatingIcon/styles.ts index ad59c3644f..cee825a60e 100644 --- a/packages/picasso/src/RatingIcon/styles.ts +++ b/packages/picasso/src/RatingIcon/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/RatingStars/RatingStars.tsx b/packages/picasso/src/RatingStars/RatingStars.tsx index 0f4d86639e..c953882f78 100644 --- a/packages/picasso/src/RatingStars/RatingStars.tsx +++ b/packages/picasso/src/RatingStars/RatingStars.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, ChangeEvent } from 'react' import React, { forwardRef, useCallback } from 'react' import type { BaseProps, SizeType } from '@toptal/picasso-shared' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import Container from '@toptal/picasso-container' +import RatingIcon from '@toptal/picasso-rating-icon' -import Container from '../Container' -import RatingIcon from '../RatingIcon' import styles from './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/RatingStars/index.ts b/packages/picasso/src/RatingStars/index.ts index 64bf6bedaf..a9323cad67 100644 --- a/packages/picasso/src/RatingStars/index.ts +++ b/packages/picasso/src/RatingStars/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './RatingStars' diff --git a/packages/picasso/src/RatingStars/package.json b/packages/picasso/src/RatingStars/package.json new file mode 100644 index 0000000000..43a89532a0 --- /dev/null +++ b/packages/picasso/src/RatingStars/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-rating-stars", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-rating-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/RatingStars/styles.ts b/packages/picasso/src/RatingStars/styles.ts index 121d96ace5..d51959d504 100644 --- a/packages/picasso/src/RatingStars/styles.ts +++ b/packages/picasso/src/RatingStars/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/RatingThumbs/RatingThumbs.tsx b/packages/picasso/src/RatingThumbs/RatingThumbs.tsx index bfcd92f1c4..2f6d85cf74 100644 --- a/packages/picasso/src/RatingThumbs/RatingThumbs.tsx +++ b/packages/picasso/src/RatingThumbs/RatingThumbs.tsx @@ -1,12 +1,18 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps, SizeType } from '@toptal/picasso-shared' import classNames from 'classnames' import type { ChangeEvent } from 'react' import React, { forwardRef, useCallback, useState } from 'react' +import { Container } from '@toptal/picasso-container' +import { + ThumbsDown16, + ThumbsDown24, + ThumbsUp16, + ThumbsUp24, +} from '@toptal/picasso-icon' -import { Container } from '../Container' -import { ThumbsDown16, ThumbsDown24, ThumbsUp16, ThumbsUp24 } from '../Icon' import styles from './styles' type Size = SizeType<'small' | 'large'> diff --git a/packages/picasso/src/RatingThumbs/index.ts b/packages/picasso/src/RatingThumbs/index.ts index 3f7db768f5..73f8065ac6 100644 --- a/packages/picasso/src/RatingThumbs/index.ts +++ b/packages/picasso/src/RatingThumbs/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './RatingThumbs' diff --git a/packages/picasso/src/RatingThumbs/package.json b/packages/picasso/src/RatingThumbs/package.json new file mode 100644 index 0000000000..17a5702da6 --- /dev/null +++ b/packages/picasso/src/RatingThumbs/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-rating-thumbs", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/RatingThumbs/styles.ts b/packages/picasso/src/RatingThumbs/styles.ts index 81dcbe0fe9..9d5af08189 100644 --- a/packages/picasso/src/RatingThumbs/styles.ts +++ b/packages/picasso/src/RatingThumbs/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core' import { createStyles } from '@material-ui/core' diff --git a/packages/picasso/src/ScrollMenu/ScrollMenu.tsx b/packages/picasso/src/ScrollMenu/ScrollMenu.tsx index 537a0809cc..b872e43d7f 100644 --- a/packages/picasso/src/ScrollMenu/ScrollMenu.tsx +++ b/packages/picasso/src/ScrollMenu/ScrollMenu.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, RefObject } from 'react' import React, { useRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' import cx from 'classnames' +import { useIsomorphicLayoutEffect } from '@toptal/picasso-utils' +import Menu from '@toptal/picasso-menu' -import { useIsomorphicLayoutEffect } from '../utils' -import Menu from '../Menu' import styles from './styles' export interface Props extends BaseProps { diff --git a/packages/picasso/src/ScrollMenu/index.ts b/packages/picasso/src/ScrollMenu/index.ts index eae79e0820..017fb84227 100644 --- a/packages/picasso/src/ScrollMenu/index.ts +++ b/packages/picasso/src/ScrollMenu/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './ScrollMenu' diff --git a/packages/picasso/src/ScrollMenu/package.json b/packages/picasso/src/ScrollMenu/package.json new file mode 100644 index 0000000000..9aabbfb039 --- /dev/null +++ b/packages/picasso/src/ScrollMenu/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-scroll-menu", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-menu": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ScrollMenu/styles.ts b/packages/picasso/src/ScrollMenu/styles.ts index 322bbcda82..546c19254d 100644 --- a/packages/picasso/src/ScrollMenu/styles.ts +++ b/packages/picasso/src/ScrollMenu/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Section/Section.tsx b/packages/picasso/src/Section/Section.tsx index 76ff8d8ac0..d8ad07510d 100644 --- a/packages/picasso/src/Section/Section.tsx +++ b/packages/picasso/src/Section/Section.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import cx from 'classnames' import type { ReactNode } from 'react' import React, { forwardRef, useState } from 'react' @@ -5,14 +6,14 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { Collapse } from '@material-ui/core' import type { SizeType, BaseProps } from '@toptal/picasso-shared' +import ButtonCircular from '@toptal/picasso-button-circular' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' +import { isString } from '@toptal/picasso-utils' +import { Rotate180 } from '@toptal/picasso-utils/-transitions' +import { ArrowDownMinor16 } from '@toptal/picasso-icon' import styles from './styles' -import ButtonCircular from '../ButtonCircular' -import Container from '../Container' -import Typography from '../Typography' -import { isString } from '../utils' -import { Rotate180 } from '../utils/Transitions' -import { ArrowDownMinor16 } from '../Icon' type VariantType = 'bordered' | 'default' | 'withHeaderBar' diff --git a/packages/picasso/src/Section/index.ts b/packages/picasso/src/Section/index.ts index eab4c9ae3b..b84884e6da 100644 --- a/packages/picasso/src/Section/index.ts +++ b/packages/picasso/src/Section/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Section' diff --git a/packages/picasso/src/Section/package.json b/packages/picasso/src/Section/package.json new file mode 100644 index 0000000000..57dd2304ef --- /dev/null +++ b/packages/picasso/src/Section/package.json @@ -0,0 +1,13 @@ +{ + "name": "@toptal/picasso-section", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-button-circular": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-utils/-transitions": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Section/styles.ts b/packages/picasso/src/Section/styles.ts index 68d25fa968..fb2a932cd6 100644 --- a/packages/picasso/src/Section/styles.ts +++ b/packages/picasso/src/Section/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core' import { createStyles } from '@material-ui/core' diff --git a/packages/picasso/src/Select/Select.tsx b/packages/picasso/src/Select/Select.tsx index 870b3e20d6..8919e63282 100644 --- a/packages/picasso/src/Select/Select.tsx +++ b/packages/picasso/src/Select/Select.tsx @@ -1,19 +1,19 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' - -import NativeSelect from '../NativeSelect' -import NonNativeSelect from '../NonNativeSelect' -import type { FeatureOptions } from '../utils/disable-unsupported-props' -import disableUnsupportedProps from '../utils/disable-unsupported-props' -import noop from '../utils/noop' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import type { SelectProps, ValueType } from '../SelectBase' +import NativeSelect from '@toptal/picasso-native-select' +import NonNativeSelect from '@toptal/picasso-non-native-select' +import type { FeatureOptions } from '@toptal/picasso-utils/disable-unsupported-props' +import disableUnsupportedProps from '@toptal/picasso-utils/disable-unsupported-props' +import noop from '@toptal/picasso-utils/noop' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import type { SelectProps, ValueType } from '@toptal/picasso-select-base' import { DEFAULT_LIMIT, DEFAULT_SEARCH_THRESHOLD, getOptionText, renderOption, -} from '../SelectBase' -import { documentable, forwardRef } from '../utils' +} from '@toptal/picasso-select-base' +import { documentable, forwardRef } from '@toptal/picasso-utils' const purifyProps = ( props: SelectProps diff --git a/packages/picasso/src/Select/index.ts b/packages/picasso/src/Select/index.ts index 3007535d75..e41ca18500 100644 --- a/packages/picasso/src/Select/index.ts +++ b/packages/picasso/src/Select/index.ts @@ -1,2 +1,3 @@ -export type { SelectProps } from '../SelectBase' +/* eslint-disable import/no-extraneous-dependencies */ +export type { SelectProps } from '@toptal/picasso-select-base' export { default } from './Select' diff --git a/packages/picasso/src/Select/package.json b/packages/picasso/src/Select/package.json new file mode 100644 index 0000000000..921acf3a42 --- /dev/null +++ b/packages/picasso/src/Select/package.json @@ -0,0 +1,14 @@ +{ + "name": "@toptal/picasso-select", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-native-select": "^1.0.0", + "@toptal/picasso-non-native-select": "^1.0.0", + "@toptal/picasso-utils/disable-unsupported-props": "^1.0.0", + "@toptal/picasso-utils/noop": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-select-base": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Select/styles.ts b/packages/picasso/src/Select/styles.ts index 54fe163eed..adf125dc7f 100644 --- a/packages/picasso/src/Select/styles.ts +++ b/packages/picasso/src/Select/styles.ts @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' -import '../InputLabel/styles' -import '../InputBase/styles' -import '../Input/styles' -import '../Menu/styles' -import '../MenuItem/styles' -import '../Loader/styles' +import '@toptal/picasso-input-label/styles' +import '@toptal/picasso-input-base/styles' +import '@toptal/picasso-input/styles' +import '@toptal/picasso-menu/styles' +import '@toptal/picasso-menu-item/styles' +import '@toptal/picasso-loader/styles' export default ({ palette }: Theme) => createStyles({ diff --git a/packages/picasso/src/SelectBase/index.ts b/packages/picasso/src/SelectBase/index.ts index 773c784b37..90fd5b937b 100644 --- a/packages/picasso/src/SelectBase/index.ts +++ b/packages/picasso/src/SelectBase/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export * from './types' export * from './utils' export { useAdornments, useSelectState, useSelectProps } from './hooks' diff --git a/packages/picasso/src/SelectBase/package.json b/packages/picasso/src/SelectBase/package.json new file mode 100644 index 0000000000..50b1e05b1c --- /dev/null +++ b/packages/picasso/src/SelectBase/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-select-base", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-outlined-input": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/SelectBase/types.ts b/packages/picasso/src/SelectBase/types.ts index 8b545fb7b4..bfb0cceeee 100644 --- a/packages/picasso/src/SelectBase/types.ts +++ b/packages/picasso/src/SelectBase/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, InputHTMLAttributes, @@ -6,8 +7,7 @@ import type { } from 'react' import type PopperJs from 'popper.js' import type { BaseProps, SizeType } from '@toptal/picasso-shared' - -import type { OutlinedInputProps, Status } from '../OutlinedInput' +import type { OutlinedInputProps, Status } from '@toptal/picasso-outlined-input' /** * Select props are generalized over possible values in the component and whether diff --git a/packages/picasso/src/SelectCaret/SelectCaret.tsx b/packages/picasso/src/SelectCaret/SelectCaret.tsx index 8c77b845ba..8f38b9e82f 100644 --- a/packages/picasso/src/SelectCaret/SelectCaret.tsx +++ b/packages/picasso/src/SelectCaret/SelectCaret.tsx @@ -1,9 +1,10 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import { DropdownArrows16 } from '@toptal/picasso-icon' -import { DropdownArrows16 } from '../Icon' import styles from './styles' const useStyles = makeStyles(styles) diff --git a/packages/picasso/src/SelectCaret/index.tsx b/packages/picasso/src/SelectCaret/index.tsx index 139b6ffa80..75ff1e296e 100644 --- a/packages/picasso/src/SelectCaret/index.tsx +++ b/packages/picasso/src/SelectCaret/index.tsx @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './SelectCaret' diff --git a/packages/picasso/src/SelectCaret/package.json b/packages/picasso/src/SelectCaret/package.json new file mode 100644 index 0000000000..1707e57afe --- /dev/null +++ b/packages/picasso/src/SelectCaret/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-select-caret", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/SelectCaret/styles.ts b/packages/picasso/src/SelectCaret/styles.ts index 57db0d0b99..0df465e935 100644 --- a/packages/picasso/src/SelectCaret/styles.ts +++ b/packages/picasso/src/SelectCaret/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/SelectOptions/SelectOptions.tsx b/packages/picasso/src/SelectOptions/SelectOptions.tsx index a5cc095649..90055c0975 100644 --- a/packages/picasso/src/SelectOptions/SelectOptions.tsx +++ b/packages/picasso/src/SelectOptions/SelectOptions.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import React from 'react' import cx from 'classnames' +import type { ScrollMenuProps } from '@toptal/picasso-scroll-menu' +import ScrollMenu from '@toptal/picasso-scroll-menu' -import type { ScrollMenuProps } from '../ScrollMenu' -import ScrollMenu from '../ScrollMenu' import styles from './styles' export interface Props extends ScrollMenuProps {} diff --git a/packages/picasso/src/SelectOptions/index.ts b/packages/picasso/src/SelectOptions/index.ts index b16a9565f2..b2c1e495db 100644 --- a/packages/picasso/src/SelectOptions/index.ts +++ b/packages/picasso/src/SelectOptions/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './SelectOptions' diff --git a/packages/picasso/src/SelectOptions/package.json b/packages/picasso/src/SelectOptions/package.json new file mode 100644 index 0000000000..3caa746901 --- /dev/null +++ b/packages/picasso/src/SelectOptions/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-select-options", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-scroll-menu": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/SelectOptions/styles.ts b/packages/picasso/src/SelectOptions/styles.ts index 9dc5709331..528bf3439d 100644 --- a/packages/picasso/src/SelectOptions/styles.ts +++ b/packages/picasso/src/SelectOptions/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/ShowMore/ShowMore.tsx b/packages/picasso/src/ShowMore/ShowMore.tsx index 7d4bfecd6b..5bbeb371c0 100644 --- a/packages/picasso/src/ShowMore/ShowMore.tsx +++ b/packages/picasso/src/ShowMore/ShowMore.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef, useMemo, useCallback, useState } from 'react' import cx from 'classnames' @@ -5,11 +6,11 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import Truncate from 'react-truncate' import type { BaseProps } from '@toptal/picasso-shared' +import ChevronRightIcon16 from '@toptal/picasso-icon/-chevron-right16' +import Typography from '@toptal/picasso-typography' +import ButtonAction from '@toptal/picasso-button-action' -import ChevronRightIcon16 from '../Icon/ChevronRight16' -import Typography from '../Typography' import styles from './styles' -import ButtonAction from '../ButtonAction' import { replaceLineBreaksWithTags } from './utils' export interface Props extends BaseProps { diff --git a/packages/picasso/src/ShowMore/index.ts b/packages/picasso/src/ShowMore/index.ts index 39e1345817..14bf8a5faa 100644 --- a/packages/picasso/src/ShowMore/index.ts +++ b/packages/picasso/src/ShowMore/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './ShowMore' diff --git a/packages/picasso/src/ShowMore/package.json b/packages/picasso/src/ShowMore/package.json new file mode 100644 index 0000000000..a86625f667 --- /dev/null +++ b/packages/picasso/src/ShowMore/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-show-more", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon/-chevron-right16": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-button-action": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/ShowMore/styles.ts b/packages/picasso/src/ShowMore/styles.ts index 066cd808bf..5ac7a7c6e5 100644 --- a/packages/picasso/src/ShowMore/styles.ts +++ b/packages/picasso/src/ShowMore/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/ShowMore/utils.tsx b/packages/picasso/src/ShowMore/utils.tsx index 05fdf05b9f..07d742fc6a 100644 --- a/packages/picasso/src/ShowMore/utils.tsx +++ b/packages/picasso/src/ShowMore/utils.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' export const replaceLineBreaksWithTags = ( diff --git a/packages/picasso/src/SidebarItem/ParentItemContextProvider.tsx b/packages/picasso/src/SidebarItem/ParentItemContextProvider.tsx index 5de81ba9dd..582be56890 100644 --- a/packages/picasso/src/SidebarItem/ParentItemContextProvider.tsx +++ b/packages/picasso/src/SidebarItem/ParentItemContextProvider.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { createContext, useContext, useState } from 'react' diff --git a/packages/picasso/src/SidebarItem/SidebarItem.tsx b/packages/picasso/src/SidebarItem/SidebarItem.tsx index a322f93d88..abc8214af3 100644 --- a/packages/picasso/src/SidebarItem/SidebarItem.tsx +++ b/packages/picasso/src/SidebarItem/SidebarItem.tsx @@ -1,8 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OverridableComponent } from '@toptal/picasso-shared' import type { ReactElement } from 'react' import React, { forwardRef, memo } from 'react' +import noop from '@toptal/picasso-utils/noop' -import noop from '../utils/noop' import { SidebarItemBasic } from './SidebarItemBasic' import { SidebarItemCompact } from './SidebarItemCompact' import { SidebarItemAccordion } from './SidebarItemAccordion' diff --git a/packages/picasso/src/SidebarItem/SidebarItemAccordion.tsx b/packages/picasso/src/SidebarItem/SidebarItemAccordion.tsx index b80a87535c..382e29a07b 100644 --- a/packages/picasso/src/SidebarItem/SidebarItemAccordion.tsx +++ b/packages/picasso/src/SidebarItem/SidebarItemAccordion.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { ChangeEvent } from 'react' import React, { forwardRef, useCallback } from 'react' +import Accordion from '@toptal/picasso-accordion' +import { ArrowDownMinor16 } from '@toptal/picasso-icon' -import Accordion from '../Accordion' -import { ArrowDownMinor16 } from '../Icon' import styles from './styles' import { SubMenuContextProvider } from './SubMenuContextProvider' import { ParentItemContextProvider } from './ParentItemContextProvider' diff --git a/packages/picasso/src/SidebarItem/SidebarItemBasic.tsx b/packages/picasso/src/SidebarItem/SidebarItemBasic.tsx index a9b38d0334..58a6e8e150 100644 --- a/packages/picasso/src/SidebarItem/SidebarItemBasic.tsx +++ b/packages/picasso/src/SidebarItem/SidebarItemBasic.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import { SidebarItemHeader } from './SidebarItemHeader' diff --git a/packages/picasso/src/SidebarItem/SidebarItemCompact.tsx b/packages/picasso/src/SidebarItem/SidebarItemCompact.tsx index b5c20389c1..7e3fa4ff6b 100644 --- a/packages/picasso/src/SidebarItem/SidebarItemCompact.tsx +++ b/packages/picasso/src/SidebarItem/SidebarItemCompact.tsx @@ -1,15 +1,16 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import React, { forwardRef } from 'react' +import Container from '@toptal/picasso-container' +import Dropdown from '@toptal/picasso-dropdown' +import useOpen from '@toptal/picasso-utils/use-boolean' -import Container from '../Container' -import Dropdown from '../Dropdown' import { SidebarItemHeader } from './SidebarItemHeader' import { SubMenuContextProvider } from './SubMenuContextProvider' import type { Props } from './types' import styles from './styles' import { ParentItemContextProvider } from './ParentItemContextProvider' -import useOpen from '../utils/useBoolean' const useStyles = makeStyles(styles, { name: 'PicassoSidebarItemCompact', diff --git a/packages/picasso/src/SidebarItem/SidebarItemHeader.tsx b/packages/picasso/src/SidebarItem/SidebarItemHeader.tsx index 5f020e63ff..667f1fe65a 100644 --- a/packages/picasso/src/SidebarItem/SidebarItemHeader.tsx +++ b/packages/picasso/src/SidebarItem/SidebarItemHeader.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import React, { forwardRef, useCallback } from 'react' +import MenuItem from '@toptal/picasso-menu-item' +import SidebarItemContent from '@toptal/picasso-sidebar-item-content' -import MenuItem from '../MenuItem' -import SidebarItemContent from '../SidebarItemContent' import styles from './styles' import type { Props } from './types' import { useSubMenuContext } from './SubMenuContextProvider' diff --git a/packages/picasso/src/SidebarItem/SubMenuContextProvider.tsx b/packages/picasso/src/SidebarItem/SubMenuContextProvider.tsx index 61cbac4f5d..3000007e9f 100644 --- a/packages/picasso/src/SidebarItem/SubMenuContextProvider.tsx +++ b/packages/picasso/src/SidebarItem/SubMenuContextProvider.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { createContext, useContext } from 'react' diff --git a/packages/picasso/src/SidebarItem/index.ts b/packages/picasso/src/SidebarItem/index.ts index 18d431259d..3e28198bc2 100644 --- a/packages/picasso/src/SidebarItem/index.ts +++ b/packages/picasso/src/SidebarItem/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './types' diff --git a/packages/picasso/src/SidebarItem/package.json b/packages/picasso/src/SidebarItem/package.json new file mode 100644 index 0000000000..a33b965491 --- /dev/null +++ b/packages/picasso/src/SidebarItem/package.json @@ -0,0 +1,17 @@ +{ + "name": "@toptal/picasso-sidebar-item", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/noop": "^1.0.0", + "@toptal/picasso-accordion": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-dropdown": "^1.0.0", + "@toptal/picasso-utils/use-boolean": "^1.0.0", + "@toptal/picasso-menu-item": "^1.0.0", + "@toptal/picasso-sidebar-item-content": "^1.0.0", + "@toptal/picasso-page-sidebar/types": "^1.0.0", + "@toptal/picasso-sidebar-item-content/types": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/SidebarItem/styles.ts b/packages/picasso/src/SidebarItem/styles.ts index a2a0d70d6a..b672260987 100644 --- a/packages/picasso/src/SidebarItem/styles.ts +++ b/packages/picasso/src/SidebarItem/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/SidebarItem/types.ts b/packages/picasso/src/SidebarItem/types.ts index 55c3f529f3..c195c7dfdd 100644 --- a/packages/picasso/src/SidebarItem/types.ts +++ b/packages/picasso/src/SidebarItem/types.ts @@ -1,14 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ElementType, ReactElement } from 'react' import type React from 'react' import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared' import type { MenuItemProps } from '@material-ui/core/MenuItem' - -import type { MenuItemAttributes } from '../MenuItem' -import type { VariantType } from '../PageSidebar/types' +import type { MenuItemAttributes } from '@toptal/picasso-menu-item' +import type { VariantType } from '@toptal/picasso-page-sidebar/types' import type { SidebarTagProps, SidebarBadgeProps, -} from '../SidebarItemContent/types' +} from '@toptal/picasso-sidebar-item-content/types' export interface Props extends BaseProps, TextLabelProps, MenuItemAttributes { /** Pass icon to be used as part of item */ diff --git a/packages/picasso/src/SidebarItemContent/SidebarItemContent.tsx b/packages/picasso/src/SidebarItemContent/SidebarItemContent.tsx index b8786b3987..b8d34f0730 100644 --- a/packages/picasso/src/SidebarItemContent/SidebarItemContent.tsx +++ b/packages/picasso/src/SidebarItemContent/SidebarItemContent.tsx @@ -1,19 +1,20 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React from 'react' import { useTitleCase } from '@toptal/picasso-shared' import cx from 'classnames' import type { Theme } from '@material-ui/core' import { makeStyles } from '@material-ui/core' +import Typography from '@toptal/picasso-typography' +import Tooltip from '@toptal/picasso-tooltip' +import Container from '@toptal/picasso-container' +import Badge from '@toptal/picasso-badge' +import TagRectangular from '@toptal/picasso-tag-rectangular' +import { getReactNodeTextContent } from '@toptal/picasso-utils' +import Indicator from '@toptal/picasso-indicator' -import Typography from '../Typography' -import Tooltip from '../Tooltip' -import Container from '../Container' -import Badge from '../Badge' -import TagRectangular from '../TagRectangular' -import { getReactNodeTextContent } from '../utils' import styles from './styles' import type { Props, SidebarBadgeProps } from './types' -import Indicator from '../Indicator' import useIndicatorOnParentItem from './use-indicator-on-parent-item' const useStyles = makeStyles(styles, { diff --git a/packages/picasso/src/SidebarItemContent/index.ts b/packages/picasso/src/SidebarItemContent/index.ts index 26c3cc51a5..1706ebec92 100644 --- a/packages/picasso/src/SidebarItemContent/index.ts +++ b/packages/picasso/src/SidebarItemContent/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './types' diff --git a/packages/picasso/src/SidebarItemContent/package.json b/packages/picasso/src/SidebarItemContent/package.json new file mode 100644 index 0000000000..10d0b9f88e --- /dev/null +++ b/packages/picasso/src/SidebarItemContent/package.json @@ -0,0 +1,16 @@ +{ + "name": "@toptal/picasso-sidebar-item-content", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-tooltip": "^1.0.0", + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-badge": "^1.0.0", + "@toptal/picasso-tag-rectangular": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-indicator": "^1.0.0", + "@toptal/picasso-tag-rectangular/types": "^1.0.0", + "@toptal/picasso-sidebar-item/-parent-item-context-provider": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/SidebarItemContent/styles.ts b/packages/picasso/src/SidebarItemContent/styles.ts index 4bbf660077..20988c0a01 100644 --- a/packages/picasso/src/SidebarItemContent/styles.ts +++ b/packages/picasso/src/SidebarItemContent/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/SidebarItemContent/types.ts b/packages/picasso/src/SidebarItemContent/types.ts index 44ed6c8397..6254ede2c3 100644 --- a/packages/picasso/src/SidebarItemContent/types.ts +++ b/packages/picasso/src/SidebarItemContent/types.ts @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement, ReactNode } from 'react' - -import type { BadgeProps } from '../Badge' -import type { VariantOnlyProps } from '../TagRectangular/types' +import type { BadgeProps } from '@toptal/picasso-badge' +import type { VariantOnlyProps } from '@toptal/picasso-tag-rectangular/types' /** Render Tag.Rectangular */ export interface SidebarTagProps extends VariantOnlyProps { diff --git a/packages/picasso/src/SidebarItemContent/use-indicator-on-parent-item.ts b/packages/picasso/src/SidebarItemContent/use-indicator-on-parent-item.ts index 08bddb2ed5..f676e6577e 100644 --- a/packages/picasso/src/SidebarItemContent/use-indicator-on-parent-item.ts +++ b/packages/picasso/src/SidebarItemContent/use-indicator-on-parent-item.ts @@ -1,6 +1,6 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useEffect } from 'react' - -import { useParentItemContext } from '../SidebarItem/ParentItemContextProvider' +import { useParentItemContext } from '@toptal/picasso-sidebar-item/-parent-item-context-provider' type HookProps = { isSubMenu?: boolean diff --git a/packages/picasso/src/SidebarLogo/SidebarLogo.tsx b/packages/picasso/src/SidebarLogo/SidebarLogo.tsx index 82112a47b1..1589939137 100644 --- a/packages/picasso/src/SidebarLogo/SidebarLogo.tsx +++ b/packages/picasso/src/SidebarLogo/SidebarLogo.tsx @@ -1,13 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core' import { makeStyles } from '@material-ui/core' import cx from 'classnames' +import Container from '@toptal/picasso-container' +import { useSidebarContext } from '@toptal/picasso-page-sidebar/-sidebar-context-provider' -import Container from '../Container' import styles from './styles' -import { useSidebarContext } from '../PageSidebar/SidebarContextProvider' export interface Props extends BaseProps, diff --git a/packages/picasso/src/SidebarLogo/index.ts b/packages/picasso/src/SidebarLogo/index.ts index 0f69b53c21..bf80c05f33 100644 --- a/packages/picasso/src/SidebarLogo/index.ts +++ b/packages/picasso/src/SidebarLogo/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './SidebarLogo' diff --git a/packages/picasso/src/SidebarLogo/package.json b/packages/picasso/src/SidebarLogo/package.json new file mode 100644 index 0000000000..9e88ac683c --- /dev/null +++ b/packages/picasso/src/SidebarLogo/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-sidebar-logo", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-page-sidebar/-sidebar-context-provider": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/SidebarLogo/styles.ts b/packages/picasso/src/SidebarLogo/styles.ts index 24ea2b82f3..5b285cc3ae 100644 --- a/packages/picasso/src/SidebarLogo/styles.ts +++ b/packages/picasso/src/SidebarLogo/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/SidebarMenu/SidebarMenu.tsx b/packages/picasso/src/SidebarMenu/SidebarMenu.tsx index 3302fd53d5..4728c612f6 100644 --- a/packages/picasso/src/SidebarMenu/SidebarMenu.tsx +++ b/packages/picasso/src/SidebarMenu/SidebarMenu.tsx @@ -1,14 +1,15 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' import cx from 'classnames' import type { HTMLAttributes } from 'react' import React, { forwardRef, useCallback, useEffect } from 'react' +import Menu from '@toptal/picasso-menu' +import { useSidebarContext } from '@toptal/picasso-page-sidebar/-sidebar-context-provider' +import type { SidebarItemProps } from '@toptal/picasso-sidebar-item' +import { useSubMenuContext } from '@toptal/picasso-sidebar-item' -import Menu from '../Menu' -import { useSidebarContext } from '../PageSidebar/SidebarContextProvider' -import type { SidebarItemProps } from '../SidebarItem' -import { useSubMenuContext } from '../SidebarItem' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/SidebarMenu/index.ts b/packages/picasso/src/SidebarMenu/index.ts index 6d682502f7..d3f6f940de 100644 --- a/packages/picasso/src/SidebarMenu/index.ts +++ b/packages/picasso/src/SidebarMenu/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './SidebarMenu' diff --git a/packages/picasso/src/SidebarMenu/package.json b/packages/picasso/src/SidebarMenu/package.json new file mode 100644 index 0000000000..d2185a2ffa --- /dev/null +++ b/packages/picasso/src/SidebarMenu/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-sidebar-menu", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-menu": "^1.0.0", + "@toptal/picasso-page-sidebar/-sidebar-context-provider": "^1.0.0", + "@toptal/picasso-sidebar-item": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/SidebarMenu/styles.ts b/packages/picasso/src/SidebarMenu/styles.ts index e9a7fe1585..714d2d2ef4 100644 --- a/packages/picasso/src/SidebarMenu/styles.ts +++ b/packages/picasso/src/SidebarMenu/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/SkeletonLoader/SkeletonLoader.tsx b/packages/picasso/src/SkeletonLoader/SkeletonLoader.tsx index 6d0e057fc3..57c2b57ed3 100644 --- a/packages/picasso/src/SkeletonLoader/SkeletonLoader.tsx +++ b/packages/picasso/src/SkeletonLoader/SkeletonLoader.tsx @@ -1,7 +1,8 @@ -import HeaderLoader from '../HeaderLoader' -import TypographyLoader from '../TypographyLoader' -import ButtonLoader from '../ButtonLoader' -import MediaSkeletonLoader from '../MediaSkeletonLoader' +/* eslint-disable import/no-extraneous-dependencies */ +import HeaderLoader from '@toptal/picasso-header-loader' +import TypographyLoader from '@toptal/picasso-typography-loader' +import ButtonLoader from '@toptal/picasso-button-loader' +import MediaSkeletonLoader from '@toptal/picasso-media-skeleton-loader' export default { Header: HeaderLoader, diff --git a/packages/picasso/src/SkeletonLoader/index.ts b/packages/picasso/src/SkeletonLoader/index.ts index 0d3d587dc2..adb8cec74f 100644 --- a/packages/picasso/src/SkeletonLoader/index.ts +++ b/packages/picasso/src/SkeletonLoader/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './SkeletonLoader' diff --git a/packages/picasso/src/SkeletonLoader/package.json b/packages/picasso/src/SkeletonLoader/package.json new file mode 100644 index 0000000000..ec2b91b92a --- /dev/null +++ b/packages/picasso/src/SkeletonLoader/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-skeleton-loader", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-header-loader": "^1.0.0", + "@toptal/picasso-typography-loader": "^1.0.0", + "@toptal/picasso-button-loader": "^1.0.0", + "@toptal/picasso-media-skeleton-loader": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Slider/Slider.tsx b/packages/picasso/src/Slider/Slider.tsx index 54004b22cd..73d36f565c 100644 --- a/packages/picasso/src/Slider/Slider.tsx +++ b/packages/picasso/src/Slider/Slider.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ChangeEvent, ComponentProps } from 'react' import React, { forwardRef, useRef, useMemo } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -5,11 +6,11 @@ import { makeStyles } from '@material-ui/core/styles' import type { ValueLabelProps as MUIValueLabelProps } from '@material-ui/core' import { Slider as MUISlider } from '@material-ui/core' import cx from 'classnames' +import type { ValueLabelProps } from '@toptal/picasso-slider-value-label' +import SliderValueLabel from '@toptal/picasso-slider-value-label' +import useCombinedRefs from '@toptal/picasso-utils/use-combined-refs' -import type { ValueLabelProps } from '../SliderValueLabel' -import SliderValueLabel from '../SliderValueLabel' import { SliderContextProvider } from './SliderContext' -import useCombinedRefs from '../utils/use-combined-refs' import styles from './styles' const useStyles = makeStyles(styles) diff --git a/packages/picasso/src/Slider/SliderContext.tsx b/packages/picasso/src/Slider/SliderContext.tsx index df43a96295..7a60162992 100644 --- a/packages/picasso/src/Slider/SliderContext.tsx +++ b/packages/picasso/src/Slider/SliderContext.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { createContext, @@ -6,8 +7,7 @@ import React, { useMemo, useState, } from 'react' - -import { noop } from '../utils' +import { noop } from '@toptal/picasso-utils' const SliderContext = createContext<{ registerValueLabel: ( diff --git a/packages/picasso/src/Slider/index.ts b/packages/picasso/src/Slider/index.ts index bd8e8fff7d..ae69c0e824 100644 --- a/packages/picasso/src/Slider/index.ts +++ b/packages/picasso/src/Slider/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Slider' diff --git a/packages/picasso/src/Slider/package.json b/packages/picasso/src/Slider/package.json new file mode 100644 index 0000000000..f42421aec7 --- /dev/null +++ b/packages/picasso/src/Slider/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-slider", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-slider-value-label": "^1.0.0", + "@toptal/picasso-utils/use-combined-refs": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Slider/styles.ts b/packages/picasso/src/Slider/styles.ts index f61d609f0e..a30f7c4db2 100644 --- a/packages/picasso/src/Slider/styles.ts +++ b/packages/picasso/src/Slider/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/SliderValueLabel/SliderValueLabel.tsx b/packages/picasso/src/SliderValueLabel/SliderValueLabel.tsx index d26cf53ca1..ad626e3024 100644 --- a/packages/picasso/src/SliderValueLabel/SliderValueLabel.tsx +++ b/packages/picasso/src/SliderValueLabel/SliderValueLabel.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useRef } from 'react' import type { ValueLabelProps as MUIValueLabelProps } from '@material-ui/core/Slider' - -import Tooltip from '../Tooltip' -import { useSliderContext } from '../Slider/SliderContext' +import Tooltip from '@toptal/picasso-tooltip' +import { useSliderContext } from '@toptal/picasso-slider/-slider-context' type ValueLabelDisplay = 'on' | 'auto' | 'off' diff --git a/packages/picasso/src/SliderValueLabel/index.ts b/packages/picasso/src/SliderValueLabel/index.ts index d5184efd27..c1febc13f7 100644 --- a/packages/picasso/src/SliderValueLabel/index.ts +++ b/packages/picasso/src/SliderValueLabel/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './SliderValueLabel' export type { Props as SliderValueLabelProps, diff --git a/packages/picasso/src/SliderValueLabel/package.json b/packages/picasso/src/SliderValueLabel/package.json new file mode 100644 index 0000000000..98739a5e05 --- /dev/null +++ b/packages/picasso/src/SliderValueLabel/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-slider-value-label", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-tooltip": "^1.0.0", + "@toptal/picasso-slider/-slider-context": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/StaticTreeView/StaticTreeView.tsx b/packages/picasso/src/StaticTreeView/StaticTreeView.tsx index a959b90f7d..016a038ce1 100644 --- a/packages/picasso/src/StaticTreeView/StaticTreeView.tsx +++ b/packages/picasso/src/StaticTreeView/StaticTreeView.tsx @@ -1,13 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useState, useMemo, useRef } from 'react' - -import { useIsomorphicLayoutEffect } from '../utils' -import type { TreeViewPropsBase } from '../TreeView/shared' +import { useIsomorphicLayoutEffect } from '@toptal/picasso-utils' +import type { TreeViewPropsBase } from '@toptal/picasso-tree-view/shared' import { useTree, TreeViewPropsDefaults, TreeViewSvg, useFinalMargins, -} from '../TreeView/shared' +} from '@toptal/picasso-tree-view/shared' + import { findExtremeNodes } from './utils/find-extreme-nodes' type SvgMeasurements = { diff --git a/packages/picasso/src/StaticTreeView/index.ts b/packages/picasso/src/StaticTreeView/index.ts index 3dce54c339..ccb7b12cd7 100644 --- a/packages/picasso/src/StaticTreeView/index.ts +++ b/packages/picasso/src/StaticTreeView/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './StaticTreeView' diff --git a/packages/picasso/src/StaticTreeView/package.json b/packages/picasso/src/StaticTreeView/package.json new file mode 100644 index 0000000000..0568a8d596 --- /dev/null +++ b/packages/picasso/src/StaticTreeView/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-static-tree-view", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-tree-view/shared": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Step/Step.tsx b/packages/picasso/src/Step/Step.tsx index cd143b7b06..e2d95d4ef2 100644 --- a/packages/picasso/src/Step/Step.tsx +++ b/packages/picasso/src/Step/Step.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Step/index.ts b/packages/picasso/src/Step/index.ts index 1339b71063..8be27868f7 100644 --- a/packages/picasso/src/Step/index.ts +++ b/packages/picasso/src/Step/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Step' diff --git a/packages/picasso/src/Step/package.json b/packages/picasso/src/Step/package.json new file mode 100644 index 0000000000..59da2d8205 --- /dev/null +++ b/packages/picasso/src/Step/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-step", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Step/styles.ts b/packages/picasso/src/Step/styles.ts index 812c1f54ad..c6a6b0f750 100644 --- a/packages/picasso/src/Step/styles.ts +++ b/packages/picasso/src/Step/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/StepConnector/StepConnector.tsx b/packages/picasso/src/StepConnector/StepConnector.tsx index 850ed29081..7db21a285b 100644 --- a/packages/picasso/src/StepConnector/StepConnector.tsx +++ b/packages/picasso/src/StepConnector/StepConnector.tsx @@ -1,8 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import { ChevronRight16 as ChevronRightIcon } from '@toptal/picasso-icon' -import { ChevronRight16 as ChevronRightIcon } from '../Icon' import styles from './styles' export type Props = { direction: 'vertical' | 'horizontal' } diff --git a/packages/picasso/src/StepConnector/index.ts b/packages/picasso/src/StepConnector/index.ts index 44ae1ed8d6..7c70ab9557 100644 --- a/packages/picasso/src/StepConnector/index.ts +++ b/packages/picasso/src/StepConnector/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './StepConnector' diff --git a/packages/picasso/src/StepConnector/package.json b/packages/picasso/src/StepConnector/package.json new file mode 100644 index 0000000000..2d547b067e --- /dev/null +++ b/packages/picasso/src/StepConnector/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-step-connector", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/StepConnector/styles.ts b/packages/picasso/src/StepConnector/styles.ts index 6d61853973..97afa8bde7 100644 --- a/packages/picasso/src/StepConnector/styles.ts +++ b/packages/picasso/src/StepConnector/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/StepIcon/StepIcon.tsx b/packages/picasso/src/StepIcon/StepIcon.tsx index a81e513249..414daeb9fb 100644 --- a/packages/picasso/src/StepIcon/StepIcon.tsx +++ b/packages/picasso/src/StepIcon/StepIcon.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React from 'react' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import { CheckSolid24 as TickIcon } from '@toptal/picasso-icon' -import { CheckSolid24 as TickIcon } from '../Icon' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/StepIcon/index.ts b/packages/picasso/src/StepIcon/index.ts index daef28f345..42cf2c11a4 100644 --- a/packages/picasso/src/StepIcon/index.ts +++ b/packages/picasso/src/StepIcon/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './StepIcon' diff --git a/packages/picasso/src/StepIcon/package.json b/packages/picasso/src/StepIcon/package.json new file mode 100644 index 0000000000..e31c747e0f --- /dev/null +++ b/packages/picasso/src/StepIcon/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-step-icon", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/StepIcon/styles.ts b/packages/picasso/src/StepIcon/styles.ts index afd05673bf..72b70f244e 100644 --- a/packages/picasso/src/StepIcon/styles.ts +++ b/packages/picasso/src/StepIcon/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/StepLabel/StepLabel.tsx b/packages/picasso/src/StepLabel/StepLabel.tsx index 56a6fca6b8..fb2a6d4456 100644 --- a/packages/picasso/src/StepLabel/StepLabel.tsx +++ b/packages/picasso/src/StepLabel/StepLabel.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, ReactNode } from 'react' import React from 'react' import cx from 'classnames' @@ -6,11 +7,11 @@ import { makeStyles } from '@material-ui/core/styles' import MUIStepLabel from '@material-ui/core/StepLabel' import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared' import { useTitleCase } from '@toptal/picasso-shared' +import StepIcon from '@toptal/picasso-step-icon' +import toTitleCase from '@toptal/picasso-utils/to-title-case' +import TypographyOverflow from '@toptal/picasso-typography-overflow' -import StepIcon from '../StepIcon' import styles from './styles' -import toTitleCase from '../utils/to-title-case' -import TypographyOverflow from '../TypographyOverflow' export interface Props extends BaseProps, diff --git a/packages/picasso/src/StepLabel/index.ts b/packages/picasso/src/StepLabel/index.ts index 50e51cdcac..f47f97d020 100644 --- a/packages/picasso/src/StepLabel/index.ts +++ b/packages/picasso/src/StepLabel/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './StepLabel' diff --git a/packages/picasso/src/StepLabel/package.json b/packages/picasso/src/StepLabel/package.json new file mode 100644 index 0000000000..44392fa9ef --- /dev/null +++ b/packages/picasso/src/StepLabel/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-step-label", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-step-icon": "^1.0.0", + "@toptal/picasso-utils/to-title-case": "^1.0.0", + "@toptal/picasso-typography-overflow": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/StepLabel/styles.ts b/packages/picasso/src/StepLabel/styles.ts index a2c902ccb5..ea78170c18 100644 --- a/packages/picasso/src/StepLabel/styles.ts +++ b/packages/picasso/src/StepLabel/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Stepper/Stepper.tsx b/packages/picasso/src/Stepper/Stepper.tsx index fd9fd8545d..d14e0c4b66 100644 --- a/packages/picasso/src/Stepper/Stepper.tsx +++ b/packages/picasso/src/Stepper/Stepper.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, Key, ReactNode } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' @@ -5,11 +6,11 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { Stepper as MUIStepper } from '@material-ui/core' import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared' +import Step from '@toptal/picasso-step' +import StepLabel from '@toptal/picasso-step-label' +import '@toptal/picasso-step-icon' +import StepConnector from '@toptal/picasso-step-connector' -import Step from '../Step' -import StepLabel from '../StepLabel' -import '../StepIcon' -import StepConnector from '../StepConnector' import styles from './styles' export interface StepperBaseProps diff --git a/packages/picasso/src/Stepper/index.ts b/packages/picasso/src/Stepper/index.ts index 440f82ed6f..9657339a37 100644 --- a/packages/picasso/src/Stepper/index.ts +++ b/packages/picasso/src/Stepper/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Stepper' diff --git a/packages/picasso/src/Stepper/package.json b/packages/picasso/src/Stepper/package.json new file mode 100644 index 0000000000..6ff905c699 --- /dev/null +++ b/packages/picasso/src/Stepper/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-stepper", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-step": "^1.0.0", + "@toptal/picasso-step-label": "^1.0.0", + "@toptal/picasso-step-connector": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Stepper/styles.ts b/packages/picasso/src/Stepper/styles.ts index e03d6e18c0..d7233f8a66 100644 --- a/packages/picasso/src/Stepper/styles.ts +++ b/packages/picasso/src/Stepper/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/StepperCompound/index.ts b/packages/picasso/src/StepperCompound/index.ts index ba124f941e..5e1b87c296 100644 --- a/packages/picasso/src/StepperCompound/index.ts +++ b/packages/picasso/src/StepperCompound/index.ts @@ -1,5 +1,6 @@ -import Stepper from '../Stepper' -import StepperVertical from '../StepperVertical' +/* eslint-disable import/no-extraneous-dependencies */ +import Stepper from '@toptal/picasso-stepper' +import StepperVertical from '@toptal/picasso-stepper-vertical' export const StepperCompound = Object.assign(Stepper, { Vertical: StepperVertical, diff --git a/packages/picasso/src/StepperCompound/package.json b/packages/picasso/src/StepperCompound/package.json new file mode 100644 index 0000000000..8a2d5548d9 --- /dev/null +++ b/packages/picasso/src/StepperCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-stepper-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-stepper": "^1.0.0", + "@toptal/picasso-stepper-vertical": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/StepperVertical/StepperVertical.tsx b/packages/picasso/src/StepperVertical/StepperVertical.tsx index 3d62bfda9c..f47d7db913 100644 --- a/packages/picasso/src/StepperVertical/StepperVertical.tsx +++ b/packages/picasso/src/StepperVertical/StepperVertical.tsx @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' - -import type { StepperBaseProps } from '../Stepper' -import Stepper from '../Stepper' +import type { StepperBaseProps } from '@toptal/picasso-stepper' +import Stepper from '@toptal/picasso-stepper' export type Props = StepperBaseProps diff --git a/packages/picasso/src/StepperVertical/index.ts b/packages/picasso/src/StepperVertical/index.ts index 3d9090e7e0..45287956c7 100644 --- a/packages/picasso/src/StepperVertical/index.ts +++ b/packages/picasso/src/StepperVertical/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './StepperVertical' diff --git a/packages/picasso/src/StepperVertical/package.json b/packages/picasso/src/StepperVertical/package.json new file mode 100644 index 0000000000..ab776dee55 --- /dev/null +++ b/packages/picasso/src/StepperVertical/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-stepper-vertical", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-stepper": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Switch/Switch.tsx b/packages/picasso/src/Switch/Switch.tsx index 9d2e3fa832..2614740f55 100644 --- a/packages/picasso/src/Switch/Switch.tsx +++ b/packages/picasso/src/Switch/Switch.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { Switch as MUISwitch } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared' import type { ButtonHTMLAttributes, ReactNode } from 'react' import React, { forwardRef } from 'react' +import FormControlLabel from '@toptal/picasso-form-control-label' -import FormControlLabel from '../FormControlLabel' import styles from './styles' const useStyles = makeStyles(styles, { name: 'PicassoSwitch' }) diff --git a/packages/picasso/src/Switch/index.ts b/packages/picasso/src/Switch/index.ts index cdabe83d52..8cefedfb78 100644 --- a/packages/picasso/src/Switch/index.ts +++ b/packages/picasso/src/Switch/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as InternalSwitchProps } from './Switch' diff --git a/packages/picasso/src/Switch/package.json b/packages/picasso/src/Switch/package.json new file mode 100644 index 0000000000..0bbf7bb56c --- /dev/null +++ b/packages/picasso/src/Switch/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-switch", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-form-control-label": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Switch/styles.ts b/packages/picasso/src/Switch/styles.ts index e21e3d1048..5a98862da1 100644 --- a/packages/picasso/src/Switch/styles.ts +++ b/packages/picasso/src/Switch/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { outline } from '@toptal/picasso-shared' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/Tab/Tab.tsx b/packages/picasso/src/Tab/Tab.tsx index 1078be7f4d..ebe65eb0b0 100644 --- a/packages/picasso/src/Tab/Tab.tsx +++ b/packages/picasso/src/Tab/Tab.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes, ReactElement } from 'react' import React, { forwardRef, useContext } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -6,12 +7,12 @@ import type { TabProps } from '@material-ui/core' import { Tab as MUITab } from '@material-ui/core' import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared' import { useTitleCase } from '@toptal/picasso-shared' +import UserBadge from '@toptal/picasso-user-badge' +import { TabsOrientationContext } from '@toptal/picasso-tabs/-tabs' +import TabLabel from '@toptal/picasso-tab-label' +import TabDescription from '@toptal/picasso-tab-description' -import UserBadge from '../UserBadge' import styles from './styles' -import { TabsOrientationContext } from '../Tabs/Tabs' -import TabLabel from '../TabLabel' -import TabDescription from '../TabDescription' export interface Props extends BaseProps, diff --git a/packages/picasso/src/Tab/index.ts b/packages/picasso/src/Tab/index.ts index c596221fc6..76b78c1fe1 100644 --- a/packages/picasso/src/Tab/index.ts +++ b/packages/picasso/src/Tab/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Tab' diff --git a/packages/picasso/src/Tab/package.json b/packages/picasso/src/Tab/package.json new file mode 100644 index 0000000000..c8a14f6c12 --- /dev/null +++ b/packages/picasso/src/Tab/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-tab", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-user-badge": "^1.0.0", + "@toptal/picasso-tabs/-tabs": "^1.0.0", + "@toptal/picasso-tab-label": "^1.0.0", + "@toptal/picasso-tab-description": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Tab/styles.ts b/packages/picasso/src/Tab/styles.ts index c4a354af88..59f95f2b97 100644 --- a/packages/picasso/src/Tab/styles.ts +++ b/packages/picasso/src/Tab/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/TabDescription/TabDescription.tsx b/packages/picasso/src/TabDescription/TabDescription.tsx index a8731e37ca..1c15415629 100644 --- a/packages/picasso/src/TabDescription/TabDescription.tsx +++ b/packages/picasso/src/TabDescription/TabDescription.tsx @@ -1,8 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import TypographyOverflow from '@toptal/picasso-typography-overflow' -import TypographyOverflow from '../TypographyOverflow' import styles from './styles' interface Props { diff --git a/packages/picasso/src/TabDescription/index.ts b/packages/picasso/src/TabDescription/index.ts index b52af7f9aa..4f27dfe9e3 100644 --- a/packages/picasso/src/TabDescription/index.ts +++ b/packages/picasso/src/TabDescription/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './TabDescription' diff --git a/packages/picasso/src/TabDescription/package.json b/packages/picasso/src/TabDescription/package.json new file mode 100644 index 0000000000..874ae4b010 --- /dev/null +++ b/packages/picasso/src/TabDescription/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-tab-description", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography-overflow": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TabDescription/styles.ts b/packages/picasso/src/TabDescription/styles.ts index 74984dc754..e1317e0502 100644 --- a/packages/picasso/src/TabDescription/styles.ts +++ b/packages/picasso/src/TabDescription/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { rem } from '@toptal/picasso-shared' export default { diff --git a/packages/picasso/src/TabLabel/TabLabel.tsx b/packages/picasso/src/TabLabel/TabLabel.tsx index 58ab001103..4bbb396cdf 100644 --- a/packages/picasso/src/TabLabel/TabLabel.tsx +++ b/packages/picasso/src/TabLabel/TabLabel.tsx @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' - -import TypographyOverflow from '../TypographyOverflow' -import Typography from '../Typography' -import toTitleCase from '../utils/to-title-case' +import TypographyOverflow from '@toptal/picasso-typography-overflow' +import Typography from '@toptal/picasso-typography' +import toTitleCase from '@toptal/picasso-utils/to-title-case' interface Props { label?: React.ReactNode diff --git a/packages/picasso/src/TabLabel/index.ts b/packages/picasso/src/TabLabel/index.ts index 6077d6d84d..400ce7f26f 100644 --- a/packages/picasso/src/TabLabel/index.ts +++ b/packages/picasso/src/TabLabel/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './TabLabel' diff --git a/packages/picasso/src/TabLabel/package.json b/packages/picasso/src/TabLabel/package.json new file mode 100644 index 0000000000..d7885348ee --- /dev/null +++ b/packages/picasso/src/TabLabel/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-tab-label", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography-overflow": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils/to-title-case": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TabScrollButton/TabScrollButton.tsx b/packages/picasso/src/TabScrollButton/TabScrollButton.tsx index 89007c3e56..45a7b1a2d5 100644 --- a/packages/picasso/src/TabScrollButton/TabScrollButton.tsx +++ b/packages/picasso/src/TabScrollButton/TabScrollButton.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import cx from 'classnames' import React, { forwardRef } from 'react' import { ButtonBase } from '@material-ui/core' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import { Container } from '@toptal/picasso-container' +import { BackMinor16, ChevronMinor16 } from '@toptal/picasso-icon' -import { Container } from '../Container' -import { BackMinor16, ChevronMinor16 } from '../Icon' import styles from './styles' type DirectionType = 'left' | 'right' diff --git a/packages/picasso/src/TabScrollButton/index.ts b/packages/picasso/src/TabScrollButton/index.ts index b02aa4291b..fe4bb028d1 100644 --- a/packages/picasso/src/TabScrollButton/index.ts +++ b/packages/picasso/src/TabScrollButton/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TabScrollButton' diff --git a/packages/picasso/src/TabScrollButton/package.json b/packages/picasso/src/TabScrollButton/package.json new file mode 100644 index 0000000000..99ed52a052 --- /dev/null +++ b/packages/picasso/src/TabScrollButton/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-tab-scroll-button", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TabScrollButton/styles.ts b/packages/picasso/src/TabScrollButton/styles.ts index 762f4cef98..d3609a16d2 100644 --- a/packages/picasso/src/TabScrollButton/styles.ts +++ b/packages/picasso/src/TabScrollButton/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core' import type { Theme } from '@material-ui/core/styles' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Table/Table.tsx b/packages/picasso/src/Table/Table.tsx index dbd0e39ff3..6eddcf507d 100644 --- a/packages/picasso/src/Table/Table.tsx +++ b/packages/picasso/src/Table/Table.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, TableHTMLAttributes } from 'react' import React, { forwardRef, useMemo } from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Table/TableContext.ts b/packages/picasso/src/Table/TableContext.ts index 1db5505bce..37ec709ccf 100644 --- a/packages/picasso/src/Table/TableContext.ts +++ b/packages/picasso/src/Table/TableContext.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createContext } from 'react' export interface TableConfig { diff --git a/packages/picasso/src/Table/TableSectionContext.ts b/packages/picasso/src/Table/TableSectionContext.ts index 4e7ab307eb..30f23b8894 100644 --- a/packages/picasso/src/Table/TableSectionContext.ts +++ b/packages/picasso/src/Table/TableSectionContext.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createContext } from 'react' export enum TableSection { diff --git a/packages/picasso/src/Table/index.ts b/packages/picasso/src/Table/index.ts index e3ef7b3e5f..bcafe59fc2 100644 --- a/packages/picasso/src/Table/index.ts +++ b/packages/picasso/src/Table/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Table' diff --git a/packages/picasso/src/Table/package.json b/packages/picasso/src/Table/package.json new file mode 100644 index 0000000000..aebe708a17 --- /dev/null +++ b/packages/picasso/src/Table/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-table", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/Table/styles.ts b/packages/picasso/src/Table/styles.ts index f00f6c91d0..ade83789c9 100644 --- a/packages/picasso/src/Table/styles.ts +++ b/packages/picasso/src/Table/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/TableBody/TableBody.tsx b/packages/picasso/src/TableBody/TableBody.tsx index fa946809b3..c11d44677c 100644 --- a/packages/picasso/src/TableBody/TableBody.tsx +++ b/packages/picasso/src/TableBody/TableBody.tsx @@ -1,12 +1,17 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef, useContext } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { TableBody as MUITableBody } from '@material-ui/core' import type { BaseProps } from '@toptal/picasso-shared' +import { + TableSectionContext, + TableSection, + TableContext, +} from '@toptal/picasso-table' import styles from './styles' -import { TableSectionContext, TableSection, TableContext } from '../Table' export interface Props extends BaseProps, diff --git a/packages/picasso/src/TableBody/index.ts b/packages/picasso/src/TableBody/index.ts index 478372c909..e39b3a8dd3 100644 --- a/packages/picasso/src/TableBody/index.ts +++ b/packages/picasso/src/TableBody/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TableBody' diff --git a/packages/picasso/src/TableBody/package.json b/packages/picasso/src/TableBody/package.json new file mode 100644 index 0000000000..a3f86d237d --- /dev/null +++ b/packages/picasso/src/TableBody/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-table-body", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-table": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TableBody/styles.ts b/packages/picasso/src/TableBody/styles.ts index f00f6c91d0..ade83789c9 100644 --- a/packages/picasso/src/TableBody/styles.ts +++ b/packages/picasso/src/TableBody/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/TableCell/TableCell.tsx b/packages/picasso/src/TableCell/TableCell.tsx index 31391ab546..91af62023e 100644 --- a/packages/picasso/src/TableCell/TableCell.tsx +++ b/packages/picasso/src/TableCell/TableCell.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes } from 'react' import React, { forwardRef, useContext } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -11,11 +12,15 @@ import type { } from '@toptal/picasso-shared' import { useTitleCase } from '@toptal/picasso-shared' import cx from 'classnames' +import toTitleCase from '@toptal/picasso-utils/to-title-case' +import { + TableContext, + TableSectionContext, + TableSection, +} from '@toptal/picasso-table' +import Typography from '@toptal/picasso-typography' -import toTitleCase from '../utils/to-title-case' import styles from './styles' -import { TableContext, TableSectionContext, TableSection } from '../Table' -import Typography from '../Typography' type AlignType = 'inherit' | 'left' | 'center' | 'right' | 'justify' diff --git a/packages/picasso/src/TableCell/index.ts b/packages/picasso/src/TableCell/index.ts index 3d3bb326cf..dc1ab9baf8 100644 --- a/packages/picasso/src/TableCell/index.ts +++ b/packages/picasso/src/TableCell/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TableCell' diff --git a/packages/picasso/src/TableCell/package.json b/packages/picasso/src/TableCell/package.json new file mode 100644 index 0000000000..f74884edf8 --- /dev/null +++ b/packages/picasso/src/TableCell/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-table-cell", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/to-title-case": "^1.0.0", + "@toptal/picasso-table": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TableCell/styles.ts b/packages/picasso/src/TableCell/styles.ts index 52fb0805d4..32b9df9ccb 100644 --- a/packages/picasso/src/TableCell/styles.ts +++ b/packages/picasso/src/TableCell/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/TableCompound/index.ts b/packages/picasso/src/TableCompound/index.ts index eacff15e92..be57cdf791 100644 --- a/packages/picasso/src/TableCompound/index.ts +++ b/packages/picasso/src/TableCompound/index.ts @@ -1,11 +1,12 @@ -import Table from '../Table' -import TableCell from '../TableCell' -import TableBody from '../TableBody' -import TableRow from '../TableRow' -import TableHead from '../TableHead' -import TableSectionHead from '../TableSectionHead' -import TableFooter from '../TableFooter' -import TableExpandableRow from '../TableExpandableRow' +/* eslint-disable import/no-extraneous-dependencies */ +import Table from '@toptal/picasso-table' +import TableCell from '@toptal/picasso-table-cell' +import TableBody from '@toptal/picasso-table-body' +import TableRow from '@toptal/picasso-table-row' +import TableHead from '@toptal/picasso-table-head' +import TableSectionHead from '@toptal/picasso-table-section-head' +import TableFooter from '@toptal/picasso-table-footer' +import TableExpandableRow from '@toptal/picasso-table-expandable-row' export const TableCompound = Object.assign(Table, { Cell: TableCell, diff --git a/packages/picasso/src/TableCompound/package.json b/packages/picasso/src/TableCompound/package.json new file mode 100644 index 0000000000..6bdc067647 --- /dev/null +++ b/packages/picasso/src/TableCompound/package.json @@ -0,0 +1,15 @@ +{ + "name": "@toptal/picasso-table-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-table": "^1.0.0", + "@toptal/picasso-table-cell": "^1.0.0", + "@toptal/picasso-table-body": "^1.0.0", + "@toptal/picasso-table-row": "^1.0.0", + "@toptal/picasso-table-head": "^1.0.0", + "@toptal/picasso-table-section-head": "^1.0.0", + "@toptal/picasso-table-footer": "^1.0.0", + "@toptal/picasso-table-expandable-row": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TableExpandableRow/TableExpandableRow.tsx b/packages/picasso/src/TableExpandableRow/TableExpandableRow.tsx index 4a0fc5ba5c..32bbffae81 100644 --- a/packages/picasso/src/TableExpandableRow/TableExpandableRow.tsx +++ b/packages/picasso/src/TableExpandableRow/TableExpandableRow.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef, useRef, useEffect } from 'react' import cx from 'classnames' @@ -5,9 +6,9 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { Collapse as MUICollapse } from '@material-ui/core' import type { BaseProps } from '@toptal/picasso-shared' +import TableRow from '@toptal/picasso-table-row' +import TableCell from '@toptal/picasso-table-cell' -import TableRow from '../TableRow' -import TableCell from '../TableCell' import styles from './styles' const MAX_COL_SPAN = 100 diff --git a/packages/picasso/src/TableExpandableRow/index.ts b/packages/picasso/src/TableExpandableRow/index.ts index fcfff94062..0230df8d96 100644 --- a/packages/picasso/src/TableExpandableRow/index.ts +++ b/packages/picasso/src/TableExpandableRow/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TableExpandableRow' diff --git a/packages/picasso/src/TableExpandableRow/package.json b/packages/picasso/src/TableExpandableRow/package.json new file mode 100644 index 0000000000..410c420efb --- /dev/null +++ b/packages/picasso/src/TableExpandableRow/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-table-expandable-row", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-table-row": "^1.0.0", + "@toptal/picasso-table-cell": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TableExpandableRow/styles.ts b/packages/picasso/src/TableExpandableRow/styles.ts index e7687cace9..bbdc26e1d5 100644 --- a/packages/picasso/src/TableExpandableRow/styles.ts +++ b/packages/picasso/src/TableExpandableRow/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { alpha } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/TableFooter/TableFooter.tsx b/packages/picasso/src/TableFooter/TableFooter.tsx index 02e5756a76..525279c27a 100644 --- a/packages/picasso/src/TableFooter/TableFooter.tsx +++ b/packages/picasso/src/TableFooter/TableFooter.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { TableFooter as MUITableFooter } from '@material-ui/core' import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' +import { TableSection, TableSectionContext } from '@toptal/picasso-table' import styles from './styles' -import { TableSection, TableSectionContext } from '../Table' export interface Props extends BaseProps, diff --git a/packages/picasso/src/TableFooter/index.ts b/packages/picasso/src/TableFooter/index.ts index d4d457e9f9..340720d306 100644 --- a/packages/picasso/src/TableFooter/index.ts +++ b/packages/picasso/src/TableFooter/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TableFooter' diff --git a/packages/picasso/src/TableFooter/package.json b/packages/picasso/src/TableFooter/package.json new file mode 100644 index 0000000000..3e36d11dfd --- /dev/null +++ b/packages/picasso/src/TableFooter/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-table-footer", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-table": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TableFooter/styles.ts b/packages/picasso/src/TableFooter/styles.ts index 0b1a62f31d..0296b8e655 100644 --- a/packages/picasso/src/TableFooter/styles.ts +++ b/packages/picasso/src/TableFooter/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/TableHead/TableHead.tsx b/packages/picasso/src/TableHead/TableHead.tsx index bf294f5a5d..e20dc5a992 100644 --- a/packages/picasso/src/TableHead/TableHead.tsx +++ b/packages/picasso/src/TableHead/TableHead.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { TableHead as MUITableHead } from '@material-ui/core' import type { BaseProps } from '@toptal/picasso-shared' +import { TableSectionContext, TableSection } from '@toptal/picasso-table' import styles from './styles' -import { TableSectionContext, TableSection } from '../Table' export interface Props extends BaseProps, diff --git a/packages/picasso/src/TableHead/index.ts b/packages/picasso/src/TableHead/index.ts index d0ef2a3c80..08ad767ba0 100644 --- a/packages/picasso/src/TableHead/index.ts +++ b/packages/picasso/src/TableHead/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TableHead' diff --git a/packages/picasso/src/TableHead/package.json b/packages/picasso/src/TableHead/package.json new file mode 100644 index 0000000000..7cc6c6d72e --- /dev/null +++ b/packages/picasso/src/TableHead/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-table-head", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-table": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TableHead/styles.ts b/packages/picasso/src/TableHead/styles.ts index f18dceb4c6..80ca7e9259 100644 --- a/packages/picasso/src/TableHead/styles.ts +++ b/packages/picasso/src/TableHead/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/TableRow/TableRow.tsx b/packages/picasso/src/TableRow/TableRow.tsx index 7f42a0981e..9acd8c47f0 100644 --- a/packages/picasso/src/TableRow/TableRow.tsx +++ b/packages/picasso/src/TableRow/TableRow.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, MouseEvent, HTMLAttributes } from 'react' import React, { forwardRef, useContext } from 'react' import cx from 'classnames' @@ -5,9 +6,9 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import { TableRow as MUITableRow } from '@material-ui/core' import type { BaseProps } from '@toptal/picasso-shared' +import { TableContext } from '@toptal/picasso-table' import styles from './styles' -import { TableContext } from '../Table' export interface Props extends BaseProps, HTMLAttributes { /** Should be valid `` children such as `Table.Cell`. */ diff --git a/packages/picasso/src/TableRow/index.ts b/packages/picasso/src/TableRow/index.ts index d105931458..1c92e21955 100644 --- a/packages/picasso/src/TableRow/index.ts +++ b/packages/picasso/src/TableRow/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TableRow' diff --git a/packages/picasso/src/TableRow/package.json b/packages/picasso/src/TableRow/package.json new file mode 100644 index 0000000000..f347f35cff --- /dev/null +++ b/packages/picasso/src/TableRow/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-table-row", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-table": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TableRow/styles.ts b/packages/picasso/src/TableRow/styles.ts index 3d8cb95e19..04fe57c839 100644 --- a/packages/picasso/src/TableRow/styles.ts +++ b/packages/picasso/src/TableRow/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/TableSectionHead/TableSectionHead.tsx b/packages/picasso/src/TableSectionHead/TableSectionHead.tsx index fdd6e16a02..429e2c82b0 100644 --- a/packages/picasso/src/TableSectionHead/TableSectionHead.tsx +++ b/packages/picasso/src/TableSectionHead/TableSectionHead.tsx @@ -1,13 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement, HTMLAttributes, FunctionComponent } from 'react' import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import { TableSection, TableSectionContext } from '@toptal/picasso-table' +import TableCell from '@toptal/picasso-table-cell' +import TableRow from '@toptal/picasso-table-row' +import TableBody from '@toptal/picasso-table-body' -import { TableSection, TableSectionContext } from '../Table' -import TableCell from '../TableCell' -import TableRow from '../TableRow' -import TableBody from '../TableBody' import styles from './styles' const MAX_COL_SPAN = 100 diff --git a/packages/picasso/src/TableSectionHead/index.tsx b/packages/picasso/src/TableSectionHead/index.tsx index ef71b9743c..b53452cad9 100644 --- a/packages/picasso/src/TableSectionHead/index.tsx +++ b/packages/picasso/src/TableSectionHead/index.tsx @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './TableSectionHead' diff --git a/packages/picasso/src/TableSectionHead/package.json b/packages/picasso/src/TableSectionHead/package.json new file mode 100644 index 0000000000..651519a3ee --- /dev/null +++ b/packages/picasso/src/TableSectionHead/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-table-section-head", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-table": "^1.0.0", + "@toptal/picasso-table-cell": "^1.0.0", + "@toptal/picasso-table-row": "^1.0.0", + "@toptal/picasso-table-body": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TableSectionHead/styles.ts b/packages/picasso/src/TableSectionHead/styles.ts index 417a985957..375519a733 100644 --- a/packages/picasso/src/TableSectionHead/styles.ts +++ b/packages/picasso/src/TableSectionHead/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Tabs/Tabs.tsx b/packages/picasso/src/Tabs/Tabs.tsx index 6161ebf376..65645ee7e8 100644 --- a/packages/picasso/src/Tabs/Tabs.tsx +++ b/packages/picasso/src/Tabs/Tabs.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -5,8 +6,8 @@ import { makeStyles } from '@material-ui/core/styles' import type { TabsProps } from '@material-ui/core' import { Tabs as MUITabs } from '@material-ui/core' import type { ButtonOrAnchorProps, BaseProps } from '@toptal/picasso-shared' +import TabScrollButton from '@toptal/picasso-tab-scroll-button' -import TabScrollButton from '../TabScrollButton' import styles from './styles' import useTabAction from './use-tab-action' diff --git a/packages/picasso/src/Tabs/index.ts b/packages/picasso/src/Tabs/index.ts index 927e3bfe48..c02cd6aee4 100644 --- a/packages/picasso/src/Tabs/index.ts +++ b/packages/picasso/src/Tabs/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Tabs' diff --git a/packages/picasso/src/Tabs/package.json b/packages/picasso/src/Tabs/package.json new file mode 100644 index 0000000000..c5bc198d9b --- /dev/null +++ b/packages/picasso/src/Tabs/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-tabs", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-tab-scroll-button": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Tabs/styles.ts b/packages/picasso/src/Tabs/styles.ts index b4a32fd0cc..9ebd41f31a 100644 --- a/packages/picasso/src/Tabs/styles.ts +++ b/packages/picasso/src/Tabs/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/Tabs/use-tab-action.ts b/packages/picasso/src/Tabs/use-tab-action.ts index 14eaaa153a..ccd9ace4e2 100644 --- a/packages/picasso/src/Tabs/use-tab-action.ts +++ b/packages/picasso/src/Tabs/use-tab-action.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import { useEffect, useRef } from 'react' import type { TabsActions } from '@material-ui/core' diff --git a/packages/picasso/src/TabsCompound/index.ts b/packages/picasso/src/TabsCompound/index.ts index 1639b655c2..ee0e462076 100644 --- a/packages/picasso/src/TabsCompound/index.ts +++ b/packages/picasso/src/TabsCompound/index.ts @@ -1,5 +1,6 @@ -import Tab from '../Tab' -import Tabs from '../Tabs' +/* eslint-disable import/no-extraneous-dependencies */ +import Tab from '@toptal/picasso-tab' +import Tabs from '@toptal/picasso-tabs' export const TabsCompound = Object.assign(Tabs, { Tab, diff --git a/packages/picasso/src/TabsCompound/package.json b/packages/picasso/src/TabsCompound/package.json new file mode 100644 index 0000000000..79bed70835 --- /dev/null +++ b/packages/picasso/src/TabsCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-tabs-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-tab": "^1.0.0", + "@toptal/picasso-tabs": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Tag/Tag.tsx b/packages/picasso/src/Tag/Tag.tsx index a4a53eb3f5..a7ab56909e 100644 --- a/packages/picasso/src/Tag/Tag.tsx +++ b/packages/picasso/src/Tag/Tag.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, ReactElement, @@ -12,11 +13,11 @@ import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared' import { useTitleCase } from '@toptal/picasso-shared' +import Chip from '@toptal/picasso-chip' +import { CloseMinor16 } from '@toptal/picasso-icon' +import toTitleCase from '@toptal/picasso-utils/to-title-case' -import Chip from '../Chip' -import { CloseMinor16 } from '../Icon' import styles from './styles' -import toTitleCase from '../utils/to-title-case' export type DivOrAnchorProps = AnchorHTMLAttributes & HTMLAttributes diff --git a/packages/picasso/src/Tag/index.ts b/packages/picasso/src/Tag/index.ts index 1283547fc1..8d7a61364e 100644 --- a/packages/picasso/src/Tag/index.ts +++ b/packages/picasso/src/Tag/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Tag' diff --git a/packages/picasso/src/Tag/package.json b/packages/picasso/src/Tag/package.json new file mode 100644 index 0000000000..f6631607d3 --- /dev/null +++ b/packages/picasso/src/Tag/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-tag", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-chip": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-utils/to-title-case": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Tag/styles.ts b/packages/picasso/src/Tag/styles.ts index 75887a51ef..68778807e1 100644 --- a/packages/picasso/src/Tag/styles.ts +++ b/packages/picasso/src/Tag/styles.ts @@ -1,7 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' -import '../Chip/styles' +import '@toptal/picasso-chip/styles' export default ({ palette, transitions }: Theme) => createStyles({ diff --git a/packages/picasso/src/TagCheckable/TagCheckable.tsx b/packages/picasso/src/TagCheckable/TagCheckable.tsx index 6a6b6cf268..a214bfad40 100644 --- a/packages/picasso/src/TagCheckable/TagCheckable.tsx +++ b/packages/picasso/src/TagCheckable/TagCheckable.tsx @@ -1,10 +1,10 @@ +/* eslint-disable import/no-extraneous-dependencies */ import cx from 'classnames' import type { ReactElement, MouseEventHandler } from 'react' import React, { forwardRef } from 'react' import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared' - -import Tag from '../Tag' -import { useStyles } from '../Tag/Tag' +import Tag from '@toptal/picasso-tag' +import { useStyles } from '@toptal/picasso-tag/-tag' type ClickType = MouseEventHandler diff --git a/packages/picasso/src/TagCheckable/index.ts b/packages/picasso/src/TagCheckable/index.ts index 24be45aa2a..cb7f8575c2 100644 --- a/packages/picasso/src/TagCheckable/index.ts +++ b/packages/picasso/src/TagCheckable/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TagCheckable' diff --git a/packages/picasso/src/TagCheckable/package.json b/packages/picasso/src/TagCheckable/package.json new file mode 100644 index 0000000000..eb072b1094 --- /dev/null +++ b/packages/picasso/src/TagCheckable/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-tag-checkable", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-tag": "^1.0.0", + "@toptal/picasso-tag/-tag": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TagCompound/index.ts b/packages/picasso/src/TagCompound/index.ts index 980963908c..11e44ca19f 100644 --- a/packages/picasso/src/TagCompound/index.ts +++ b/packages/picasso/src/TagCompound/index.ts @@ -1,8 +1,9 @@ -import Tag from '../Tag' -import TagGroup from '../TagGroup' -import TagRectangular from '../TagRectangular' -import TagConnection from '../TagConnection' -import TagCheckable from '../TagCheckable' +/* eslint-disable import/no-extraneous-dependencies */ +import Tag from '@toptal/picasso-tag' +import TagGroup from '@toptal/picasso-tag-group' +import TagRectangular from '@toptal/picasso-tag-rectangular' +import TagConnection from '@toptal/picasso-tag-connection' +import TagCheckable from '@toptal/picasso-tag-checkable' export const TagCompound = Object.assign(Tag, { Group: TagGroup, diff --git a/packages/picasso/src/TagCompound/package.json b/packages/picasso/src/TagCompound/package.json new file mode 100644 index 0000000000..a65f30922b --- /dev/null +++ b/packages/picasso/src/TagCompound/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-tag-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-tag": "^1.0.0", + "@toptal/picasso-tag-group": "^1.0.0", + "@toptal/picasso-tag-rectangular": "^1.0.0", + "@toptal/picasso-tag-connection": "^1.0.0", + "@toptal/picasso-tag-checkable": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TagConnection/TagConnection.tsx b/packages/picasso/src/TagConnection/TagConnection.tsx index 84c94e19ea..89f0b0fe71 100644 --- a/packages/picasso/src/TagConnection/TagConnection.tsx +++ b/packages/picasso/src/TagConnection/TagConnection.tsx @@ -1,10 +1,10 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' - -import { Link16 } from '../Icon' -import Typography from '../Typography' -import styles from '../Tag/styles' +import { Link16 } from '@toptal/picasso-icon' +import Typography from '@toptal/picasso-typography' +import styles from '@toptal/picasso-tag/styles' export type Props = { /** diff --git a/packages/picasso/src/TagConnection/index.ts b/packages/picasso/src/TagConnection/index.ts index 8f63da7836..367ed7c5d6 100644 --- a/packages/picasso/src/TagConnection/index.ts +++ b/packages/picasso/src/TagConnection/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TagConnection' diff --git a/packages/picasso/src/TagConnection/package.json b/packages/picasso/src/TagConnection/package.json new file mode 100644 index 0000000000..7bfe1c914e --- /dev/null +++ b/packages/picasso/src/TagConnection/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-tag-connection", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-tag/styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TagGroup/TagGroup.tsx b/packages/picasso/src/TagGroup/TagGroup.tsx index 92f7c3138d..6eb0755fdb 100644 --- a/packages/picasso/src/TagGroup/TagGroup.tsx +++ b/packages/picasso/src/TagGroup/TagGroup.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' diff --git a/packages/picasso/src/TagGroup/index.ts b/packages/picasso/src/TagGroup/index.ts index 4ab47ca2d7..1919945d7e 100644 --- a/packages/picasso/src/TagGroup/index.ts +++ b/packages/picasso/src/TagGroup/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TagGroup' diff --git a/packages/picasso/src/TagGroup/package.json b/packages/picasso/src/TagGroup/package.json new file mode 100644 index 0000000000..59a3d870f9 --- /dev/null +++ b/packages/picasso/src/TagGroup/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-tag-group", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/TagGroup/styles.ts b/packages/picasso/src/TagGroup/styles.ts index ca7cbead72..91285cc482 100644 --- a/packages/picasso/src/TagGroup/styles.ts +++ b/packages/picasso/src/TagGroup/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export default () => ({ root: { marginRight: '-0.5em', diff --git a/packages/picasso/src/TagRectangular/TagRectangular.tsx b/packages/picasso/src/TagRectangular/TagRectangular.tsx index 1f6aa91197..0ba6256689 100644 --- a/packages/picasso/src/TagRectangular/TagRectangular.tsx +++ b/packages/picasso/src/TagRectangular/TagRectangular.tsx @@ -1,12 +1,13 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import { useTitleCase } from '@toptal/picasso-shared' +import Indicator from '@toptal/picasso-indicator' +import Chip from '@toptal/picasso-chip' +import toTitleCase from '@toptal/picasso-utils/to-title-case' -import Indicator from '../Indicator' -import Chip from '../Chip' -import toTitleCase from '../utils/to-title-case' import styles from './styles' import type { Props } from './types' diff --git a/packages/picasso/src/TagRectangular/index.ts b/packages/picasso/src/TagRectangular/index.ts index 61c59a551a..0e4d0c0582 100644 --- a/packages/picasso/src/TagRectangular/index.ts +++ b/packages/picasso/src/TagRectangular/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props, VariantType } from './types' diff --git a/packages/picasso/src/TagRectangular/package.json b/packages/picasso/src/TagRectangular/package.json new file mode 100644 index 0000000000..a6734444b6 --- /dev/null +++ b/packages/picasso/src/TagRectangular/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-tag-rectangular", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-indicator": "^1.0.0", + "@toptal/picasso-chip": "^1.0.0", + "@toptal/picasso-utils/to-title-case": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TagRectangular/styles.ts b/packages/picasso/src/TagRectangular/styles.ts index d9765edef0..a3c75c1e57 100644 --- a/packages/picasso/src/TagRectangular/styles.ts +++ b/packages/picasso/src/TagRectangular/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/TagRectangular/types.ts b/packages/picasso/src/TagRectangular/types.ts index ebbdb30502..debf5b4523 100644 --- a/packages/picasso/src/TagRectangular/types.ts +++ b/packages/picasso/src/TagRectangular/types.ts @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { HTMLAttributes, AnchorHTMLAttributes } from 'react' import type { BaseProps, TextLabelProps } from '@toptal/picasso-shared' - -import type { IndicatorProps } from '../Indicator' +import type { IndicatorProps } from '@toptal/picasso-indicator' export type DivOrAnchorProps = AnchorHTMLAttributes & HTMLAttributes diff --git a/packages/picasso/src/TagSelector/TagSelector.tsx b/packages/picasso/src/TagSelector/TagSelector.tsx index 2b65ef43d8..a2dbdb16c1 100644 --- a/packages/picasso/src/TagSelector/TagSelector.tsx +++ b/packages/picasso/src/TagSelector/TagSelector.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { KeyboardEvent, ComponentType, @@ -8,19 +9,18 @@ import type { import React, { forwardRef, Fragment } from 'react' import type { BaseProps } from '@toptal/picasso-shared' import type { PopperOptions } from 'popper.js' - import type { AutocompleteProps, Item as AutocompleteItem, -} from '../Autocomplete' -import Autocomplete from '../Autocomplete' -import TagSelectorInput from '../TagSelectorInput' -import type { Props as InputProps } from '../Input' -import TagSelectorLabel from '../TagSelectorLabel' -import unsafeErrorLog from '../utils/unsafe-error-log' -import noop from '../utils/noop' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import type { Status } from '../OutlinedInput' +} from '@toptal/picasso-autocomplete' +import Autocomplete from '@toptal/picasso-autocomplete' +import TagSelectorInput from '@toptal/picasso-tag-selector-input' +import type { Props as InputProps } from '@toptal/picasso-input' +import TagSelectorLabel from '@toptal/picasso-tag-selector-label' +import unsafeErrorLog from '@toptal/picasso-utils/unsafe-error-log' +import noop from '@toptal/picasso-utils/noop' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import type { Status } from '@toptal/picasso-outlined-input' export interface Item extends AutocompleteItem { value?: string diff --git a/packages/picasso/src/TagSelector/index.ts b/packages/picasso/src/TagSelector/index.ts index 7302bbd97f..81b713b2d0 100644 --- a/packages/picasso/src/TagSelector/index.ts +++ b/packages/picasso/src/TagSelector/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TagSelector' diff --git a/packages/picasso/src/TagSelector/package.json b/packages/picasso/src/TagSelector/package.json new file mode 100644 index 0000000000..5ad74fd10c --- /dev/null +++ b/packages/picasso/src/TagSelector/package.json @@ -0,0 +1,15 @@ +{ + "name": "@toptal/picasso-tag-selector", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-autocomplete": "^1.0.0", + "@toptal/picasso-tag-selector-input": "^1.0.0", + "@toptal/picasso-input": "^1.0.0", + "@toptal/picasso-tag-selector-label": "^1.0.0", + "@toptal/picasso-utils/unsafe-error-log": "^1.0.0", + "@toptal/picasso-utils/noop": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-outlined-input": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TagSelectorCompound/index.ts b/packages/picasso/src/TagSelectorCompound/index.ts index 971c42aced..4c55891966 100644 --- a/packages/picasso/src/TagSelectorCompound/index.ts +++ b/packages/picasso/src/TagSelectorCompound/index.ts @@ -1,5 +1,6 @@ -import TagSelector from '../TagSelector' -import TagSelectorLabel from '../TagSelectorLabel' +/* eslint-disable import/no-extraneous-dependencies */ +import TagSelector from '@toptal/picasso-tag-selector' +import TagSelectorLabel from '@toptal/picasso-tag-selector-label' export const TagSelectorCompound = Object.assign(TagSelector, { Label: TagSelectorLabel, diff --git a/packages/picasso/src/TagSelectorCompound/package.json b/packages/picasso/src/TagSelectorCompound/package.json new file mode 100644 index 0000000000..b76e06448f --- /dev/null +++ b/packages/picasso/src/TagSelectorCompound/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-tag-selector-compound", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-tag-selector": "^1.0.0", + "@toptal/picasso-tag-selector-label": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TagSelectorInput/TagSelectorInput.tsx b/packages/picasso/src/TagSelectorInput/TagSelectorInput.tsx index 5572da4c58..aacd74f82a 100644 --- a/packages/picasso/src/TagSelectorInput/TagSelectorInput.tsx +++ b/packages/picasso/src/TagSelectorInput/TagSelectorInput.tsx @@ -1,14 +1,15 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement } from 'react' import React, { forwardRef } from 'react' import cx from 'classnames' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import type { Props as InputProps } from '@toptal/picasso-input/-input' +import OutlinedInput from '@toptal/picasso-outlined-input' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import { useFieldsLayoutContext } from '@toptal/picasso-fields-layout' -import type { Props as InputProps } from '../Input/Input' -import OutlinedInput from '../OutlinedInput' import styles from './styles' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import { useFieldsLayoutContext } from '../FieldsLayout' const useStyles = makeStyles(styles, { name: 'PicassoTagSelectorInput', diff --git a/packages/picasso/src/TagSelectorInput/index.ts b/packages/picasso/src/TagSelectorInput/index.ts index 4b0c7c358f..9998490105 100644 --- a/packages/picasso/src/TagSelectorInput/index.ts +++ b/packages/picasso/src/TagSelectorInput/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './TagSelectorInput' export { TAG_SELECTOR_INPUT_GUTTER_SIZE } from './styles' diff --git a/packages/picasso/src/TagSelectorInput/package.json b/packages/picasso/src/TagSelectorInput/package.json new file mode 100644 index 0000000000..16d119ad0f --- /dev/null +++ b/packages/picasso/src/TagSelectorInput/package.json @@ -0,0 +1,12 @@ +{ + "name": "@toptal/picasso-tag-selector-input", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-input/-input": "^1.0.0", + "@toptal/picasso-outlined-input": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-fields-layout": "^1.0.0", + "@toptal/picasso-input-base/highlight-styles": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TagSelectorInput/styles.ts b/packages/picasso/src/TagSelectorInput/styles.ts index 1d5d02d2f4..e066f92830 100644 --- a/packages/picasso/src/TagSelectorInput/styles.ts +++ b/packages/picasso/src/TagSelectorInput/styles.ts @@ -1,8 +1,8 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' - -import highlightAutofillStyles from '../InputBase/highlight-styles' +import highlightAutofillStyles from '@toptal/picasso-input-base/highlight-styles' export const TAG_SELECTOR_INPUT_GUTTER_SIZE = rem('4px') const END_ADORNMENT_PADDING = '0.625em' diff --git a/packages/picasso/src/TagSelectorLabel/TagSelectorLabel.tsx b/packages/picasso/src/TagSelectorLabel/TagSelectorLabel.tsx index 1d6c675792..60b88ac6ca 100644 --- a/packages/picasso/src/TagSelectorLabel/TagSelectorLabel.tsx +++ b/packages/picasso/src/TagSelectorLabel/TagSelectorLabel.tsx @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' - -import Tag from '../Tag' -import type { Props as TagProps } from '../Tag/Tag' +import Tag from '@toptal/picasso-tag' +import type { Props as TagProps } from '@toptal/picasso-tag/-tag' export const TagSelectorLabel = forwardRef( function TagSelectorLabel(props, ref) { diff --git a/packages/picasso/src/TagSelectorLabel/index.ts b/packages/picasso/src/TagSelectorLabel/index.ts index 62ec021312..01c277b3e7 100644 --- a/packages/picasso/src/TagSelectorLabel/index.ts +++ b/packages/picasso/src/TagSelectorLabel/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './TagSelectorLabel' diff --git a/packages/picasso/src/TagSelectorLabel/package.json b/packages/picasso/src/TagSelectorLabel/package.json new file mode 100644 index 0000000000..78b86595c8 --- /dev/null +++ b/packages/picasso/src/TagSelectorLabel/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-tag-selector-label", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-tag": "^1.0.0", + "@toptal/picasso-tag/-tag": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TimePicker/TimePicker.tsx b/packages/picasso/src/TimePicker/TimePicker.tsx index adf592c8ad..a49f69e15c 100644 --- a/packages/picasso/src/TimePicker/TimePicker.tsx +++ b/packages/picasso/src/TimePicker/TimePicker.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { useEffect, useState } from 'react' import type { BaseProps } from '@toptal/picasso-shared' import type { Theme } from '@material-ui/core/styles' @@ -5,13 +6,13 @@ import { makeStyles } from '@material-ui/core/styles' import InputMask from 'react-input-mask' import { detect } from 'detect-browser' import cx from 'classnames' +import type { InputProps } from '@toptal/picasso-input' +import Input from '@toptal/picasso-input' +import { Time16 } from '@toptal/picasso-icon' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' +import type { Status } from '@toptal/picasso-outlined-input' -import type { InputProps } from '../Input' -import Input from '../Input' -import { Time16 } from '../Icon' import styles from './styles' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' -import type { Status } from '../OutlinedInput' const useStyles = makeStyles(styles, { name: 'PicassoTimePicker', diff --git a/packages/picasso/src/TimePicker/index.ts b/packages/picasso/src/TimePicker/index.ts index c6065e8c74..ab8c1815b6 100644 --- a/packages/picasso/src/TimePicker/index.ts +++ b/packages/picasso/src/TimePicker/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TimePicker' diff --git a/packages/picasso/src/TimePicker/package.json b/packages/picasso/src/TimePicker/package.json new file mode 100644 index 0000000000..1d9760161e --- /dev/null +++ b/packages/picasso/src/TimePicker/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-time-picker", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-input": "^1.0.0", + "@toptal/picasso-icon": "^1.0.0", + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0", + "@toptal/picasso-outlined-input": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TimePicker/styles.ts b/packages/picasso/src/TimePicker/styles.ts index d4e39cda89..36ca00c080 100644 --- a/packages/picasso/src/TimePicker/styles.ts +++ b/packages/picasso/src/TimePicker/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' diff --git a/packages/picasso/src/Timeline/Timeline.tsx b/packages/picasso/src/Timeline/Timeline.tsx index 433434aba9..223d99dc61 100644 --- a/packages/picasso/src/Timeline/Timeline.tsx +++ b/packages/picasso/src/Timeline/Timeline.tsx @@ -1,10 +1,11 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { forwardRef } from 'react' import type { BaseProps } from '@toptal/picasso-shared' import cx from 'classnames' import { makeStyles } from '@material-ui/core/styles' +import TimelineRow from '@toptal/picasso-timeline-row' +import Container from '@toptal/picasso-container' -import TimelineRow from '../TimelineRow' -import Container from '../Container' import styles from './styles' export type Props = BaseProps & { diff --git a/packages/picasso/src/Timeline/index.ts b/packages/picasso/src/Timeline/index.ts index cc111dc663..aea9a91655 100644 --- a/packages/picasso/src/Timeline/index.ts +++ b/packages/picasso/src/Timeline/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Timeline' diff --git a/packages/picasso/src/Timeline/package.json b/packages/picasso/src/Timeline/package.json new file mode 100644 index 0000000000..1db9e2cf10 --- /dev/null +++ b/packages/picasso/src/Timeline/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-timeline", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-timeline-row": "^1.0.0", + "@toptal/picasso-container": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Timeline/styles.ts b/packages/picasso/src/Timeline/styles.ts index 5ae5d06b22..1c93334505 100644 --- a/packages/picasso/src/Timeline/styles.ts +++ b/packages/picasso/src/Timeline/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/TimelineRow/TimelineRow.tsx b/packages/picasso/src/TimelineRow/TimelineRow.tsx index 49f3164ce7..296bf46f90 100644 --- a/packages/picasso/src/TimelineRow/TimelineRow.tsx +++ b/packages/picasso/src/TimelineRow/TimelineRow.tsx @@ -1,13 +1,14 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement, ReactNode } from 'react' import React from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' import cx from 'classnames' +import Container from '@toptal/picasso-container' +import Typography from '@toptal/picasso-typography' import styles from './styles' -import Container from '../Container' -import Typography from '../Typography' export interface Props extends BaseProps { /** Timeline row content */ diff --git a/packages/picasso/src/TimelineRow/index.ts b/packages/picasso/src/TimelineRow/index.ts index 7444a608e6..0ccd9ba33f 100644 --- a/packages/picasso/src/TimelineRow/index.ts +++ b/packages/picasso/src/TimelineRow/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TimelineRow' diff --git a/packages/picasso/src/TimelineRow/package.json b/packages/picasso/src/TimelineRow/package.json new file mode 100644 index 0000000000..85f5b245c7 --- /dev/null +++ b/packages/picasso/src/TimelineRow/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-timeline-row", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-container": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TimelineRow/styles.ts b/packages/picasso/src/TimelineRow/styles.ts index b6c4db315d..65de61050b 100644 --- a/packages/picasso/src/TimelineRow/styles.ts +++ b/packages/picasso/src/TimelineRow/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Tooltip/Tooltip.tsx b/packages/picasso/src/Tooltip/Tooltip.tsx index 0d2ce5e776..dc13a844a6 100644 --- a/packages/picasso/src/Tooltip/Tooltip.tsx +++ b/packages/picasso/src/Tooltip/Tooltip.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, ReactElement, @@ -12,8 +13,8 @@ import { Tooltip as MUITooltip } from '@material-ui/core' import cx from 'classnames' import type { BaseProps } from '@toptal/picasso-shared' import { usePicassoRoot } from '@toptal/picasso-provider' +import Typography from '@toptal/picasso-typography' -import Typography from '../Typography' import styles from './styles' import type { ChildrenProps, ContainerValue } from './types' import { useTooltipState } from './use-tooltip-state' diff --git a/packages/picasso/src/Tooltip/index.ts b/packages/picasso/src/Tooltip/index.ts index ba3ace2c73..e517c89e97 100644 --- a/packages/picasso/src/Tooltip/index.ts +++ b/packages/picasso/src/Tooltip/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props as InternalTooltipProps } from './Tooltip' diff --git a/packages/picasso/src/Tooltip/package.json b/packages/picasso/src/Tooltip/package.json new file mode 100644 index 0000000000..a3c1ee3247 --- /dev/null +++ b/packages/picasso/src/Tooltip/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-tooltip", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils/is-pointer-device": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Tooltip/styles.ts b/packages/picasso/src/Tooltip/styles.ts index 250567008b..ea8c8c3b25 100644 --- a/packages/picasso/src/Tooltip/styles.ts +++ b/packages/picasso/src/Tooltip/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { rem } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/Tooltip/types.ts b/packages/picasso/src/Tooltip/types.ts index c937998f67..9335c83e58 100644 --- a/packages/picasso/src/Tooltip/types.ts +++ b/packages/picasso/src/Tooltip/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { MouseEvent } from 'react' export type ChildrenProps = { diff --git a/packages/picasso/src/Tooltip/use-tooltip-follow-cursor.ts b/packages/picasso/src/Tooltip/use-tooltip-follow-cursor.ts index 858b7e8c4a..0456026785 100644 --- a/packages/picasso/src/Tooltip/use-tooltip-follow-cursor.ts +++ b/packages/picasso/src/Tooltip/use-tooltip-follow-cursor.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { MouseEvent } from 'react' import { useCallback, useRef } from 'react' import type PopperJs from 'popper.js' diff --git a/packages/picasso/src/Tooltip/use-tooltip-handlers.ts b/packages/picasso/src/Tooltip/use-tooltip-handlers.ts index 74719f42d7..055e854e61 100644 --- a/packages/picasso/src/Tooltip/use-tooltip-handlers.ts +++ b/packages/picasso/src/Tooltip/use-tooltip-handlers.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ChangeEvent, MouseEvent, ReactElement } from 'react' import { cloneElement, useState } from 'react' diff --git a/packages/picasso/src/Tooltip/use-tooltip-state.ts b/packages/picasso/src/Tooltip/use-tooltip-state.ts index 0f7a2ce30c..3a7d5bb1f2 100644 --- a/packages/picasso/src/Tooltip/use-tooltip-state.ts +++ b/packages/picasso/src/Tooltip/use-tooltip-state.ts @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { MutableRefObject } from 'react' import { useRef, useState } from 'react' - -import isPointerDevice from '../utils/is-pointer-device' +import isPointerDevice from '@toptal/picasso-utils/is-pointer-device' interface UseTooltipStateOptions { externalOpen?: boolean diff --git a/packages/picasso/src/TopBarItem/TopBarItem.tsx b/packages/picasso/src/TopBarItem/TopBarItem.tsx index 42c0817f36..b4ba3101fa 100644 --- a/packages/picasso/src/TopBarItem/TopBarItem.tsx +++ b/packages/picasso/src/TopBarItem/TopBarItem.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { BaseProps, TextLabelProps, @@ -9,9 +10,9 @@ import type { MenuItemProps } from '@material-ui/core/MenuItem' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' +import SidebarItem from '@toptal/picasso-sidebar-item' +import { noop } from '@toptal/picasso-utils' -import SidebarItem from '../SidebarItem' -import { noop } from '../utils' import styles from './styles' export interface Props extends BaseProps, TextLabelProps { diff --git a/packages/picasso/src/TopBarItem/index.ts b/packages/picasso/src/TopBarItem/index.ts index c54f7b6373..cb39acebd5 100644 --- a/packages/picasso/src/TopBarItem/index.ts +++ b/packages/picasso/src/TopBarItem/index.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './TopBarItem' diff --git a/packages/picasso/src/TopBarItem/package.json b/packages/picasso/src/TopBarItem/package.json new file mode 100644 index 0000000000..26ba700e96 --- /dev/null +++ b/packages/picasso/src/TopBarItem/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-top-bar-item", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-sidebar-item": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-page-top-bar/constants": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TopBarItem/styles.ts b/packages/picasso/src/TopBarItem/styles.ts index c977b5b37b..4c04a98769 100644 --- a/packages/picasso/src/TopBarItem/styles.ts +++ b/packages/picasso/src/TopBarItem/styles.ts @@ -1,7 +1,7 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' - -import { headerBreakingPointXL } from '../PageTopBar/constants' +import { headerBreakingPointXL } from '@toptal/picasso-page-top-bar/constants' export default ({ spacing, palette, typography }: Theme) => { const itemSpacing = spacing(1) diff --git a/packages/picasso/src/TopBarMenu/TopBarMenu.tsx b/packages/picasso/src/TopBarMenu/TopBarMenu.tsx index 1a67f95b4b..e4f9203e3a 100644 --- a/packages/picasso/src/TopBarMenu/TopBarMenu.tsx +++ b/packages/picasso/src/TopBarMenu/TopBarMenu.tsx @@ -1,11 +1,12 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { BaseProps } from '@toptal/picasso-shared' import type { HTMLAttributes, ReactNode } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import Menu from '@toptal/picasso-menu' +import { useRegisterMenu } from '@toptal/picasso-page-hamburger' -import Menu from '../Menu' -import { useRegisterMenu } from '../PageHamburger' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { diff --git a/packages/picasso/src/TopBarMenu/index.ts b/packages/picasso/src/TopBarMenu/index.ts index 5c60672b41..be028fece3 100644 --- a/packages/picasso/src/TopBarMenu/index.ts +++ b/packages/picasso/src/TopBarMenu/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './TopBarMenu' export type { Props as TopBarMenuProps } from './TopBarMenu' diff --git a/packages/picasso/src/TopBarMenu/package.json b/packages/picasso/src/TopBarMenu/package.json new file mode 100644 index 0000000000..38d08118be --- /dev/null +++ b/packages/picasso/src/TopBarMenu/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-top-bar-menu", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-menu": "^1.0.0", + "@toptal/picasso-page-hamburger": "^1.0.0", + "@toptal/picasso-page-top-bar/constants": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TopBarMenu/styles.ts b/packages/picasso/src/TopBarMenu/styles.ts index 1745dc9fc4..a236e83ee5 100644 --- a/packages/picasso/src/TopBarMenu/styles.ts +++ b/packages/picasso/src/TopBarMenu/styles.ts @@ -1,6 +1,6 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' - -import { headerBreakingPointXL } from '../PageTopBar/constants' +import { headerBreakingPointXL } from '@toptal/picasso-page-top-bar/constants' export default () => createStyles({ diff --git a/packages/picasso/src/TreeView/TreeView.tsx b/packages/picasso/src/TreeView/TreeView.tsx index 56caefa4ab..eeef0b3118 100644 --- a/packages/picasso/src/TreeView/TreeView.tsx +++ b/packages/picasso/src/TreeView/TreeView.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React, { createRef, useContext, @@ -7,6 +8,7 @@ import React, { } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' +import { usePropDeprecationWarning } from '@toptal/picasso-utils/use-deprecation-warnings' import { TreeViewContext } from './TreeViewContainer' import { useTree } from './use-tree' @@ -21,7 +23,6 @@ import { import type { TreeViewPropsBase, Vector2 } from './types' import { TreeViewSvg } from './TreeViewSvg' import { useFinalMargins } from './use-final-margins' -import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings' export interface Props extends TreeViewPropsBase { /** Set the scale extent to the specified array of numbers [k0, k1] where k0 is the minimum allowed scale factor and k1 is the maximum allowed scale factor */ diff --git a/packages/picasso/src/TreeView/TreeViewContainer.tsx b/packages/picasso/src/TreeView/TreeViewContainer.tsx index 35363ad940..597ca76b07 100644 --- a/packages/picasso/src/TreeView/TreeViewContainer.tsx +++ b/packages/picasso/src/TreeView/TreeViewContainer.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import React, { useState } from 'react' import { zoomTransform, select } from 'd3' diff --git a/packages/picasso/src/TreeView/index.ts b/packages/picasso/src/TreeView/index.ts index c0f2ca1c2d..b6e4d76917 100644 --- a/packages/picasso/src/TreeView/index.ts +++ b/packages/picasso/src/TreeView/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default } from './TreeView' export { TreeViewContainer, TreeViewContext } from './TreeViewContainer' export { useTreeView } from './use-tree-view' diff --git a/packages/picasso/src/TreeView/package.json b/packages/picasso/src/TreeView/package.json new file mode 100644 index 0000000000..15c5ae1754 --- /dev/null +++ b/packages/picasso/src/TreeView/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-tree-view", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/use-deprecation-warnings": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TreeView/shared.ts b/packages/picasso/src/TreeView/shared.ts index fb9c47bef8..92e498893c 100644 --- a/packages/picasso/src/TreeView/shared.ts +++ b/packages/picasso/src/TreeView/shared.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { useTree } from './use-tree' export { TreeViewSvg } from './TreeViewSvg' export { useFinalMargins } from './use-final-margins' diff --git a/packages/picasso/src/TreeView/styles.ts b/packages/picasso/src/TreeView/styles.ts index 8c4bc96a69..3b833a155c 100644 --- a/packages/picasso/src/TreeView/styles.ts +++ b/packages/picasso/src/TreeView/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/TreeView/types.ts b/packages/picasso/src/TreeView/types.ts index 853087dc27..345a769fdb 100644 --- a/packages/picasso/src/TreeView/types.ts +++ b/packages/picasso/src/TreeView/types.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { RefObject } from 'react' import type React from 'react' import type { HierarchyPointNode } from 'd3-hierarchy' diff --git a/packages/picasso/src/TreeView/use-final-margins.ts b/packages/picasso/src/TreeView/use-final-margins.ts index b34e763851..b5c8f8253c 100644 --- a/packages/picasso/src/TreeView/use-final-margins.ts +++ b/packages/picasso/src/TreeView/use-final-margins.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useMemo } from 'react' import { diff --git a/packages/picasso/src/TreeView/use-nodes.ts b/packages/picasso/src/TreeView/use-nodes.ts index 82d4435d8c..f1722aa637 100644 --- a/packages/picasso/src/TreeView/use-nodes.ts +++ b/packages/picasso/src/TreeView/use-nodes.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createRef, useEffect, useMemo, useRef, useState } from 'react' import type { HierarchyPointNode } from 'd3-hierarchy' diff --git a/packages/picasso/src/TreeView/use-tree-view.ts b/packages/picasso/src/TreeView/use-tree-view.ts index ad1ec56ddf..5825c3824d 100644 --- a/packages/picasso/src/TreeView/use-tree-view.ts +++ b/packages/picasso/src/TreeView/use-tree-view.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useContext } from 'react' import { TreeViewContext } from './TreeViewContainer' diff --git a/packages/picasso/src/TreeView/use-tree.ts b/packages/picasso/src/TreeView/use-tree.ts index 28fd527203..748c2992b6 100644 --- a/packages/picasso/src/TreeView/use-tree.ts +++ b/packages/picasso/src/TreeView/use-tree.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useMemo } from 'react' import type { HierarchyPointNode } from 'd3' import { hierarchy, tree } from 'd3' diff --git a/packages/picasso/src/TreeView/use-zoom.ts b/packages/picasso/src/TreeView/use-zoom.ts index 85fac3b508..2c53fbb6b0 100644 --- a/packages/picasso/src/TreeView/use-zoom.ts +++ b/packages/picasso/src/TreeView/use-zoom.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ZoomBehavior, ZoomedElementBaseType } from 'd3-zoom' import type { RefObject } from 'react' import { useEffect, useMemo, useState } from 'react' diff --git a/packages/picasso/src/TreeView/variables.ts b/packages/picasso/src/TreeView/variables.ts index 3ce49c3524..0d9b051dfb 100644 --- a/packages/picasso/src/TreeView/variables.ts +++ b/packages/picasso/src/TreeView/variables.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { DirectionsType, TreeViewVariant, Vector2 } from './types' export const DEFAULT_VERTICAL_MARGIN_H = 10 diff --git a/packages/picasso/src/Typography/Typography.tsx b/packages/picasso/src/Typography/Typography.tsx index 6fd25ed43b..4d303d060a 100644 --- a/packages/picasso/src/Typography/Typography.tsx +++ b/packages/picasso/src/Typography/Typography.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' import type { Theme } from '@material-ui/core/styles' @@ -10,9 +11,9 @@ import type { TextLabelProps, SizeType, } from '@toptal/picasso-shared' +import toTitleCase from '@toptal/picasso-utils/to-title-case' import styles from './styles' -import toTitleCase from '../utils/to-title-case' import toMuiVariant from './utils/to-mui-variant' import getTypographyClassName from './utils/get-typography-class-name' diff --git a/packages/picasso/src/Typography/index.ts b/packages/picasso/src/Typography/index.ts index fa6275f151..d9c6e18a60 100644 --- a/packages/picasso/src/Typography/index.ts +++ b/packages/picasso/src/Typography/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './Typography' diff --git a/packages/picasso/src/Typography/package.json b/packages/picasso/src/Typography/package.json new file mode 100644 index 0000000000..3c97ae971e --- /dev/null +++ b/packages/picasso/src/Typography/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-typography", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils/to-title-case": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/Typography/styles.ts b/packages/picasso/src/Typography/styles.ts index ca13c9330c..89338b1515 100644 --- a/packages/picasso/src/Typography/styles.ts +++ b/packages/picasso/src/Typography/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Theme } from '@material-ui/core/styles' import { createStyles } from '@material-ui/core/styles' import { PicassoProvider } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/TypographyLoader/TypographyLoader.tsx b/packages/picasso/src/TypographyLoader/TypographyLoader.tsx index 12c669b2c5..38ad759ec9 100644 --- a/packages/picasso/src/TypographyLoader/TypographyLoader.tsx +++ b/packages/picasso/src/TypographyLoader/TypographyLoader.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable react/no-array-index-key */ import React from 'react' import type { BaseProps } from '@toptal/picasso-shared' import ContentLoader from 'react-content-loader' - -import { loaderPalette } from '../utils' +import { loaderPalette } from '@toptal/picasso-utils' export interface Props extends BaseProps { /** Specify the amount of rows */ diff --git a/packages/picasso/src/TypographyLoader/index.ts b/packages/picasso/src/TypographyLoader/index.ts index 5d8eaefdd2..c9b18da26b 100644 --- a/packages/picasso/src/TypographyLoader/index.ts +++ b/packages/picasso/src/TypographyLoader/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TypographyLoader' diff --git a/packages/picasso/src/TypographyLoader/package.json b/packages/picasso/src/TypographyLoader/package.json new file mode 100644 index 0000000000..6e6df2ee4c --- /dev/null +++ b/packages/picasso/src/TypographyLoader/package.json @@ -0,0 +1,8 @@ +{ + "name": "@toptal/picasso-typography-loader", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-utils": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TypographyOverflow/TypographyOverflow.tsx b/packages/picasso/src/TypographyOverflow/TypographyOverflow.tsx index 8caf45ab94..324487b8ad 100644 --- a/packages/picasso/src/TypographyOverflow/TypographyOverflow.tsx +++ b/packages/picasso/src/TypographyOverflow/TypographyOverflow.tsx @@ -1,16 +1,17 @@ +/* eslint-disable import/no-extraneous-dependencies */ import cx from 'classnames' import type { ReactNode } from 'react' import React, { useCallback, useState } from 'react' import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import type { BaseProps } from '@toptal/picasso-shared' +import Tooltip from '@toptal/picasso-tooltip' +import type { TypographyProps } from '@toptal/picasso-typography' +import Typography from '@toptal/picasso-typography' +import { isOverflown } from '@toptal/picasso-utils' +import type { DelayType } from '@toptal/picasso-tooltip/-tooltip' import styles from './styles' -import Tooltip from '../Tooltip' -import type { TypographyProps } from '../Typography' -import Typography from '../Typography' -import { isOverflown } from '../utils' -import type { DelayType } from '../Tooltip/Tooltip' export interface Props extends BaseProps, TypographyProps { /** A typography which can possibly overflow */ diff --git a/packages/picasso/src/TypographyOverflow/index.ts b/packages/picasso/src/TypographyOverflow/index.ts index b8deec46d2..aac5b53828 100644 --- a/packages/picasso/src/TypographyOverflow/index.ts +++ b/packages/picasso/src/TypographyOverflow/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './TypographyOverflow' diff --git a/packages/picasso/src/TypographyOverflow/package.json b/packages/picasso/src/TypographyOverflow/package.json new file mode 100644 index 0000000000..657d06ee1e --- /dev/null +++ b/packages/picasso/src/TypographyOverflow/package.json @@ -0,0 +1,11 @@ +{ + "name": "@toptal/picasso-typography-overflow", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-tooltip": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-utils": "^1.0.0", + "@toptal/picasso-tooltip/-tooltip": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/TypographyOverflow/styles.ts b/packages/picasso/src/TypographyOverflow/styles.ts index f729a30f37..c78d824592 100644 --- a/packages/picasso/src/TypographyOverflow/styles.ts +++ b/packages/picasso/src/TypographyOverflow/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/UserBadge/UserBadge.tsx b/packages/picasso/src/UserBadge/UserBadge.tsx index 131e5763d6..9334ee8e4c 100644 --- a/packages/picasso/src/UserBadge/UserBadge.tsx +++ b/packages/picasso/src/UserBadge/UserBadge.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable complexity */ import type { ReactNode, HTMLAttributes } from 'react' import React, { forwardRef } from 'react' @@ -5,10 +6,10 @@ import type { Theme } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles' import cx from 'classnames' import type { StandardProps, SizeType } from '@toptal/picasso-shared' +import Avatar from '@toptal/picasso-avatar' +import Typography from '@toptal/picasso-typography' +import Container from '@toptal/picasso-container' -import Avatar from '../Avatar' -import Typography from '../Typography' -import Container from '../Container' import styles from './styles' type AlignmentType = boolean | 'auto' diff --git a/packages/picasso/src/UserBadge/index.ts b/packages/picasso/src/UserBadge/index.ts index 22319953c8..169b4d4fe6 100644 --- a/packages/picasso/src/UserBadge/index.ts +++ b/packages/picasso/src/UserBadge/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { OmitInternalProps } from '@toptal/picasso-shared' import type { Props } from './UserBadge' diff --git a/packages/picasso/src/UserBadge/package.json b/packages/picasso/src/UserBadge/package.json new file mode 100644 index 0000000000..3e22f9f743 --- /dev/null +++ b/packages/picasso/src/UserBadge/package.json @@ -0,0 +1,10 @@ +{ + "name": "@toptal/picasso-user-badge", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-avatar": "^1.0.0", + "@toptal/picasso-typography": "^1.0.0", + "@toptal/picasso-container": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/UserBadge/styles.ts b/packages/picasso/src/UserBadge/styles.ts index 8a4b850a7b..c47ebd9689 100644 --- a/packages/picasso/src/UserBadge/styles.ts +++ b/packages/picasso/src/UserBadge/styles.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { createStyles } from '@material-ui/core/styles' export default () => diff --git a/packages/picasso/src/YearSelect/YearSelect.tsx b/packages/picasso/src/YearSelect/YearSelect.tsx index ed164308bc..d6ceb981e6 100644 --- a/packages/picasso/src/YearSelect/YearSelect.tsx +++ b/packages/picasso/src/YearSelect/YearSelect.tsx @@ -1,9 +1,9 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { Ref } from 'react' import React, { useMemo } from 'react' - -import type { SelectProps } from '../Select' -import Select from '../Select' -import { forwardRef, documentable } from '../utils/forward-ref' +import type { SelectProps } from '@toptal/picasso-select' +import Select from '@toptal/picasso-select' +import { forwardRef, documentable } from '@toptal/picasso-utils/forward-ref' type AdjustedSelectProps = Omit< SelectProps, diff --git a/packages/picasso/src/YearSelect/index.ts b/packages/picasso/src/YearSelect/index.ts index 7380db46ae..10258a2e83 100644 --- a/packages/picasso/src/YearSelect/index.ts +++ b/packages/picasso/src/YearSelect/index.ts @@ -1,2 +1,3 @@ +/* eslint-disable import/no-extraneous-dependencies */ export type { Props as YearSelectProps } from './YearSelect' export { default } from './YearSelect' diff --git a/packages/picasso/src/YearSelect/package.json b/packages/picasso/src/YearSelect/package.json new file mode 100644 index 0000000000..08f5ea7838 --- /dev/null +++ b/packages/picasso/src/YearSelect/package.json @@ -0,0 +1,9 @@ +{ + "name": "@toptal/picasso-year-select", + "version": "1.0.0", + "main": "index.js", + "dependencies": { + "@toptal/picasso-select": "^1.0.0", + "@toptal/picasso-utils/forward-ref": "^1.0.0" + } +} \ No newline at end of file diff --git a/packages/picasso/src/test-utils/TestingPicasso.tsx b/packages/picasso/src/test-utils/TestingPicasso.tsx index dfb6f04112..60a2b1eeee 100644 --- a/packages/picasso/src/test-utils/TestingPicasso.tsx +++ b/packages/picasso/src/test-utils/TestingPicasso.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import Picasso from '@toptal/picasso-provider' import type { TextLabelProps } from '@toptal/picasso-shared' diff --git a/packages/picasso/src/test-utils/index.tsx b/packages/picasso/src/test-utils/index.tsx index 76e43a47c5..e0d301f4ed 100644 --- a/packages/picasso/src/test-utils/index.tsx +++ b/packages/picasso/src/test-utils/index.tsx @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactElement } from 'react' import React from 'react' import type { RenderOptions, RenderResult } from '@testing-library/react' diff --git a/packages/picasso/src/test-utils/package.json b/packages/picasso/src/test-utils/package.json new file mode 100644 index 0000000000..3daa4560d7 --- /dev/null +++ b/packages/picasso/src/test-utils/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-test-utils", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/utils/capitalize.ts b/packages/picasso/src/utils/capitalize.ts index 215561c3de..c61c3b6d42 100644 --- a/packages/picasso/src/utils/capitalize.ts +++ b/packages/picasso/src/utils/capitalize.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export { default as capitalize } from '@material-ui/core/utils/capitalize' diff --git a/packages/picasso/src/utils/constants.ts b/packages/picasso/src/utils/constants.ts index 58248eac0e..0daf7d043e 100644 --- a/packages/picasso/src/utils/constants.ts +++ b/packages/picasso/src/utils/constants.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export const AVATAR_INITIALS_LIMIT = 3 diff --git a/packages/picasso/src/utils/disable-unsupported-props.ts b/packages/picasso/src/utils/disable-unsupported-props.ts index c5776ab56b..e4d6df421d 100644 --- a/packages/picasso/src/utils/disable-unsupported-props.ts +++ b/packages/picasso/src/utils/disable-unsupported-props.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import unsafeErrorLog from './unsafe-error-log' type PIndex = { [index: string]: unknown } diff --git a/packages/picasso/src/utils/forward-ref.ts b/packages/picasso/src/utils/forward-ref.ts index c07fbf2245..b1cf9c7cab 100644 --- a/packages/picasso/src/utils/forward-ref.ts +++ b/packages/picasso/src/utils/forward-ref.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' export type Component = T & { diff --git a/packages/picasso/src/utils/get-name-initials.ts b/packages/picasso/src/utils/get-name-initials.ts index c6fce0e663..301319cebd 100644 --- a/packages/picasso/src/utils/get-name-initials.ts +++ b/packages/picasso/src/utils/get-name-initials.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { AVATAR_INITIALS_LIMIT } from './constants' export default (fullName: string) => { diff --git a/packages/picasso/src/utils/get-react-node-text-content.ts b/packages/picasso/src/utils/get-react-node-text-content.ts index 4a090efb30..0935bc5c51 100644 --- a/packages/picasso/src/utils/get-react-node-text-content.ts +++ b/packages/picasso/src/utils/get-react-node-text-content.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' /** diff --git a/packages/picasso/src/utils/index.ts b/packages/picasso/src/utils/index.ts index 81905ab886..c0a7ad804c 100644 --- a/packages/picasso/src/utils/index.ts +++ b/packages/picasso/src/utils/index.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { alpha, lighten, darken, spacings } from '@toptal/picasso-shared' import * as TransitionUtils from './Transitions' diff --git a/packages/picasso/src/utils/is-boolean.ts b/packages/picasso/src/utils/is-boolean.ts index 3833690e89..c4d6cb35ed 100644 --- a/packages/picasso/src/utils/is-boolean.ts +++ b/packages/picasso/src/utils/is-boolean.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ const isBoolean = (value: unknown): boolean => typeof value === 'boolean' export default isBoolean diff --git a/packages/picasso/src/utils/is-number.ts b/packages/picasso/src/utils/is-number.ts index b372aee72b..69cd5631bb 100644 --- a/packages/picasso/src/utils/is-number.ts +++ b/packages/picasso/src/utils/is-number.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ const isNumber = (value: unknown): boolean => typeof value === 'number' export default isNumber diff --git a/packages/picasso/src/utils/is-overflown.ts b/packages/picasso/src/utils/is-overflown.ts index fb7e6a13ff..0a7b3db5cb 100644 --- a/packages/picasso/src/utils/is-overflown.ts +++ b/packages/picasso/src/utils/is-overflown.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /** * Pixel value of font render space correction. * It's individual for different fonts, so it won't work for 100% cases, diff --git a/packages/picasso/src/utils/is-pointer-device.ts b/packages/picasso/src/utils/is-pointer-device.ts index f16ea10afa..6eab6edf7a 100644 --- a/packages/picasso/src/utils/is-pointer-device.ts +++ b/packages/picasso/src/utils/is-pointer-device.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { isBrowser } from '@toptal/picasso-shared' const isPointerDevice = (): boolean | undefined => { diff --git a/packages/picasso/src/utils/is-string.ts b/packages/picasso/src/utils/is-string.ts index 4016f4a368..e68d33e671 100644 --- a/packages/picasso/src/utils/is-string.ts +++ b/packages/picasso/src/utils/is-string.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ const isString = (value: unknown): value is string => typeof value === 'string' export default isString diff --git a/packages/picasso/src/utils/is-substring.ts b/packages/picasso/src/utils/is-substring.ts index f835dd3263..b6873ff174 100644 --- a/packages/picasso/src/utils/is-substring.ts +++ b/packages/picasso/src/utils/is-substring.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ const isSubstring = (subStr: string, str: string) => str.toLowerCase().includes(subStr.trim().toLowerCase()) diff --git a/packages/picasso/src/utils/kebab-to-camel-case.ts b/packages/picasso/src/utils/kebab-to-camel-case.ts index 22416434ea..40890189c2 100644 --- a/packages/picasso/src/utils/kebab-to-camel-case.ts +++ b/packages/picasso/src/utils/kebab-to-camel-case.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ /** * @deprecated Use kebabToCamelCase() from @toptal/picasso-provider package */ diff --git a/packages/picasso/src/utils/loader-palette.ts b/packages/picasso/src/utils/loader-palette.ts index ea43777cec..97abc70807 100644 --- a/packages/picasso/src/utils/loader-palette.ts +++ b/packages/picasso/src/utils/loader-palette.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { alpha } from '@toptal/picasso-shared' import { colors } from '@toptal/picasso-provider' diff --git a/packages/picasso/src/utils/monads.ts b/packages/picasso/src/utils/monads.ts index db9272e4a0..f1e976bc2d 100644 --- a/packages/picasso/src/utils/monads.ts +++ b/packages/picasso/src/utils/monads.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export type Maybe = T | null | undefined diff --git a/packages/picasso/src/utils/noop.ts b/packages/picasso/src/utils/noop.ts index ead516c976..20066869f9 100644 --- a/packages/picasso/src/utils/noop.ts +++ b/packages/picasso/src/utils/noop.ts @@ -1 +1,2 @@ +/* eslint-disable import/no-extraneous-dependencies */ export default () => {} diff --git a/packages/picasso/src/utils/package.json b/packages/picasso/src/utils/package.json new file mode 100644 index 0000000000..554fe77810 --- /dev/null +++ b/packages/picasso/src/utils/package.json @@ -0,0 +1,6 @@ +{ + "name": "@toptal/picasso-utils", + "version": "1.0.0", + "main": "index.js", + "dependencies": {} +} \ No newline at end of file diff --git a/packages/picasso/src/utils/sum.ts b/packages/picasso/src/utils/sum.ts index 4e7baa8346..11a975b2e0 100644 --- a/packages/picasso/src/utils/sum.ts +++ b/packages/picasso/src/utils/sum.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ const sum = (values: number[]) => values.reduce((total, value) => total + value, 0) diff --git a/packages/picasso/src/utils/to-title-case.ts b/packages/picasso/src/utils/to-title-case.ts index 8b93b77250..cd68c200ea 100644 --- a/packages/picasso/src/utils/to-title-case.ts +++ b/packages/picasso/src/utils/to-title-case.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ReactNode } from 'react' import titleCase from 'ap-style-title-case' diff --git a/packages/picasso/src/utils/unsafe-error-log.ts b/packages/picasso/src/utils/unsafe-error-log.ts index 7dc52f284c..1182890975 100644 --- a/packages/picasso/src/utils/unsafe-error-log.ts +++ b/packages/picasso/src/utils/unsafe-error-log.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ const unsafeErrorLog = (error: string) => { console.log(error) } diff --git a/packages/picasso/src/utils/use-combined-refs.ts b/packages/picasso/src/utils/use-combined-refs.ts index 4dd1a7a5ca..e46c919805 100644 --- a/packages/picasso/src/utils/use-combined-refs.ts +++ b/packages/picasso/src/utils/use-combined-refs.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { RefObject, Ref } from 'react' import { useRef, useEffect } from 'react' diff --git a/packages/picasso/src/utils/use-deprecation-warnings.ts b/packages/picasso/src/utils/use-deprecation-warnings.ts index 051b2a990f..89814ea4de 100644 --- a/packages/picasso/src/utils/use-deprecation-warnings.ts +++ b/packages/picasso/src/utils/use-deprecation-warnings.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import React from 'react' import unsafeErrorLog from './unsafe-error-log' diff --git a/packages/picasso/src/utils/use-multiple-forward-refs.ts b/packages/picasso/src/utils/use-multiple-forward-refs.ts index 9adcdb6a90..574b9428ab 100644 --- a/packages/picasso/src/utils/use-multiple-forward-refs.ts +++ b/packages/picasso/src/utils/use-multiple-forward-refs.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import type { ForwardedRef } from 'react' import { useCallback } from 'react' diff --git a/packages/picasso/src/utils/use-page-scroll-lock.ts b/packages/picasso/src/utils/use-page-scroll-lock.ts index c7a5bc93b0..a542e1958d 100644 --- a/packages/picasso/src/utils/use-page-scroll-lock.ts +++ b/packages/picasso/src/utils/use-page-scroll-lock.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { isBrowser } from '@toptal/picasso-shared' import { useEffect, useMemo } from 'react' diff --git a/packages/picasso/src/utils/use-safe-state.ts b/packages/picasso/src/utils/use-safe-state.ts index eef8638d49..a3ecd5afc0 100644 --- a/packages/picasso/src/utils/use-safe-state.ts +++ b/packages/picasso/src/utils/use-safe-state.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useRef, useState, useCallback, useEffect } from 'react' const useSafeState = (initState: S | (() => S)) => { diff --git a/packages/picasso/src/utils/use-width-of.ts b/packages/picasso/src/utils/use-width-of.ts index 484eac50d1..03bade27af 100644 --- a/packages/picasso/src/utils/use-width-of.ts +++ b/packages/picasso/src/utils/use-width-of.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/no-extraneous-dependencies */ import { useState } from 'react' import { useIsomorphicLayoutEffect } from '@toptal/picasso-shared' diff --git a/tsconfig.json b/tsconfig.json index 9c96b21b3f..15bf847d39 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -12,23 +12,55 @@ "forceConsistentCasingInFileNames": true, "strict": true, "experimentalDecorators": true, - "lib": ["dom", "es2019"], + "lib": [ + "dom", + "es2019" + ], "baseUrl": ".", - "typeRoots": ["node_modules/@types", "@types"], + "typeRoots": [ + "node_modules/@types", + "@types" + ], "paths": { - "*": ["@types/*"], - "@topkit/analytics-charts": ["packages/topkit-analytics-charts/src"], - "@topkit/analytics-charts/*": ["packages/topkit-analytics-charts/src/*"], - "@toptal/picasso": ["packages/picasso/src"], - "@toptal/picasso-charts": ["packages/picasso-charts/src"], - "@toptal/picasso-charts/*": ["packages/picasso-charts/src/*"], - "@toptal/picasso-forms": ["packages/picasso-forms/src"], - "@toptal/picasso-forms/*": ["packages/picasso-forms/src/*"], - "@toptal/picasso-pictograms": ["packages/picasso-pictograms/src"], - "@toptal/picasso-pictograms/*": ["packages/picasso-pictograms/src/*"], - "@toptal/picasso-provider": ["packages/picasso-provider/src"], - "@toptal/picasso-provider/*": ["packages/picasso-provider/src/*"], - "@toptal/picasso-query-builder": ["packages/picasso-query-builder/src"], + "*": [ + "@types/*" + ], + "@topkit/analytics-charts": [ + "packages/topkit-analytics-charts/src" + ], + "@topkit/analytics-charts/*": [ + "packages/topkit-analytics-charts/src/*" + ], + "@toptal/picasso": [ + "packages/picasso/src" + ], + "@toptal/picasso-charts": [ + "packages/picasso-charts/src" + ], + "@toptal/picasso-charts/*": [ + "packages/picasso-charts/src/*" + ], + "@toptal/picasso-forms": [ + "packages/picasso-forms/src" + ], + "@toptal/picasso-forms/*": [ + "packages/picasso-forms/src/*" + ], + "@toptal/picasso-pictograms": [ + "packages/picasso-pictograms/src" + ], + "@toptal/picasso-pictograms/*": [ + "packages/picasso-pictograms/src/*" + ], + "@toptal/picasso-provider": [ + "packages/picasso-provider/src" + ], + "@toptal/picasso-provider/*": [ + "packages/picasso-provider/src/*" + ], + "@toptal/picasso-query-builder": [ + "packages/picasso-query-builder/src" + ], "@toptal/picasso-query-builder/*": [ "packages/picasso-query-builder/src/*" ], @@ -38,13 +70,1374 @@ "@toptal/picasso-rich-text-editor/*": [ "packages/picasso-rich-text-editor/src/*" ], - "@toptal/picasso-shared": ["packages/shared/src"], - "@toptal/picasso-shared/*": ["packages/shared/src/*"], - "@toptal/picasso/*": ["packages/picasso/src/*"], - "~/*": ["./*"] + "@toptal/picasso-shared": [ + "packages/shared/src" + ], + "@toptal/picasso-shared/*": [ + "packages/shared/src/*" + ], + "@toptal/picasso/*": [ + "packages/picasso/src/*" + ], + "~/*": [ + "./*" + ], + "@toptal/picasso-accordion": [ + "packages/picasso/src/Accordion" + ], + "@toptal/picasso-accordion/*": [ + "packages/picasso/src/Accordion/*" + ], + "@toptal/picasso-accordion-compound": [ + "packages/picasso/src/AccordionCompound" + ], + "@toptal/picasso-accordion-compound/*": [ + "packages/picasso/src/AccordionCompound/*" + ], + "@toptal/picasso-accordion-details": [ + "packages/picasso/src/AccordionDetails" + ], + "@toptal/picasso-accordion-details/*": [ + "packages/picasso/src/AccordionDetails/*" + ], + "@toptal/picasso-accordion-summary": [ + "packages/picasso/src/AccordionSummary" + ], + "@toptal/picasso-accordion-summary/*": [ + "packages/picasso/src/AccordionSummary/*" + ], + "@toptal/picasso-account-select": [ + "packages/picasso/src/AccountSelect" + ], + "@toptal/picasso-account-select/*": [ + "packages/picasso/src/AccountSelect/*" + ], + "@toptal/picasso-alert": [ + "packages/picasso/src/Alert" + ], + "@toptal/picasso-alert/*": [ + "packages/picasso/src/Alert/*" + ], + "@toptal/picasso-alert-compound": [ + "packages/picasso/src/AlertCompound" + ], + "@toptal/picasso-alert-compound/*": [ + "packages/picasso/src/AlertCompound/*" + ], + "@toptal/picasso-alert-inline": [ + "packages/picasso/src/AlertInline" + ], + "@toptal/picasso-alert-inline/*": [ + "packages/picasso/src/AlertInline/*" + ], + "@toptal/picasso-amount": [ + "packages/picasso/src/Amount" + ], + "@toptal/picasso-amount/*": [ + "packages/picasso/src/Amount/*" + ], + "@toptal/picasso-application-update-notification": [ + "packages/picasso/src/ApplicationUpdateNotification" + ], + "@toptal/picasso-application-update-notification/*": [ + "packages/picasso/src/ApplicationUpdateNotification/*" + ], + "@toptal/picasso-application-update-notification-actions": [ + "packages/picasso/src/ApplicationUpdateNotificationActions" + ], + "@toptal/picasso-application-update-notification-actions/*": [ + "packages/picasso/src/ApplicationUpdateNotificationActions/*" + ], + "@toptal/picasso-application-update-notification-compound": [ + "packages/picasso/src/ApplicationUpdateNotificationCompound" + ], + "@toptal/picasso-application-update-notification-compound/*": [ + "packages/picasso/src/ApplicationUpdateNotificationCompound/*" + ], + "@toptal/picasso-autocomplete": [ + "packages/picasso/src/Autocomplete" + ], + "@toptal/picasso-autocomplete/*": [ + "packages/picasso/src/Autocomplete/*" + ], + "@toptal/picasso-avatar": [ + "packages/picasso/src/Avatar" + ], + "@toptal/picasso-avatar/*": [ + "packages/picasso/src/Avatar/*" + ], + "@toptal/picasso-avatar-compound": [ + "packages/picasso/src/AvatarCompound" + ], + "@toptal/picasso-avatar-compound/*": [ + "packages/picasso/src/AvatarCompound/*" + ], + "@toptal/picasso-avatar-dropzone-svg": [ + "packages/picasso/src/AvatarDropzoneSvg" + ], + "@toptal/picasso-avatar-dropzone-svg/*": [ + "packages/picasso/src/AvatarDropzoneSvg/*" + ], + "@toptal/picasso-avatar-group": [ + "packages/picasso/src/AvatarGroup" + ], + "@toptal/picasso-avatar-group/*": [ + "packages/picasso/src/AvatarGroup/*" + ], + "@toptal/picasso-avatar-upload": [ + "packages/picasso/src/AvatarUpload" + ], + "@toptal/picasso-avatar-upload/*": [ + "packages/picasso/src/AvatarUpload/*" + ], + "@toptal/picasso-badge": [ + "packages/picasso/src/Badge" + ], + "@toptal/picasso-badge/*": [ + "packages/picasso/src/Badge/*" + ], + "@toptal/picasso-breadcrumbs": [ + "packages/picasso/src/Breadcrumbs" + ], + "@toptal/picasso-breadcrumbs/*": [ + "packages/picasso/src/Breadcrumbs/*" + ], + "@toptal/picasso-breadcrumbs-compound": [ + "packages/picasso/src/BreadcrumbsCompound" + ], + "@toptal/picasso-breadcrumbs-compound/*": [ + "packages/picasso/src/BreadcrumbsCompound/*" + ], + "@toptal/picasso-breadcrumbs-item": [ + "packages/picasso/src/BreadcrumbsItem" + ], + "@toptal/picasso-breadcrumbs-item/*": [ + "packages/picasso/src/BreadcrumbsItem/*" + ], + "@toptal/picasso-button": [ + "packages/picasso/src/Button" + ], + "@toptal/picasso-button/*": [ + "packages/picasso/src/Button/*" + ], + "@toptal/picasso-button-action": [ + "packages/picasso/src/ButtonAction" + ], + "@toptal/picasso-button-action/*": [ + "packages/picasso/src/ButtonAction/*" + ], + "@toptal/picasso-button-checkbox": [ + "packages/picasso/src/ButtonCheckbox" + ], + "@toptal/picasso-button-checkbox/*": [ + "packages/picasso/src/ButtonCheckbox/*" + ], + "@toptal/picasso-button-circular": [ + "packages/picasso/src/ButtonCircular" + ], + "@toptal/picasso-button-circular/*": [ + "packages/picasso/src/ButtonCircular/*" + ], + "@toptal/picasso-button-compound": [ + "packages/picasso/src/ButtonCompound" + ], + "@toptal/picasso-button-compound/*": [ + "packages/picasso/src/ButtonCompound/*" + ], + "@toptal/picasso-button-control-label": [ + "packages/picasso/src/ButtonControlLabel" + ], + "@toptal/picasso-button-control-label/*": [ + "packages/picasso/src/ButtonControlLabel/*" + ], + "@toptal/picasso-button-group": [ + "packages/picasso/src/ButtonGroup" + ], + "@toptal/picasso-button-group/*": [ + "packages/picasso/src/ButtonGroup/*" + ], + "@toptal/picasso-button-group-item": [ + "packages/picasso/src/ButtonGroupItem" + ], + "@toptal/picasso-button-group-item/*": [ + "packages/picasso/src/ButtonGroupItem/*" + ], + "@toptal/picasso-button-loader": [ + "packages/picasso/src/ButtonLoader" + ], + "@toptal/picasso-button-loader/*": [ + "packages/picasso/src/ButtonLoader/*" + ], + "@toptal/picasso-button-radio": [ + "packages/picasso/src/ButtonRadio" + ], + "@toptal/picasso-button-radio/*": [ + "packages/picasso/src/ButtonRadio/*" + ], + "@toptal/picasso-button-split": [ + "packages/picasso/src/ButtonSplit" + ], + "@toptal/picasso-button-split/*": [ + "packages/picasso/src/ButtonSplit/*" + ], + "@toptal/picasso-calendar": [ + "packages/picasso/src/Calendar" + ], + "@toptal/picasso-calendar/*": [ + "packages/picasso/src/Calendar/*" + ], + "@toptal/picasso-calendar-container": [ + "packages/picasso/src/CalendarContainer" + ], + "@toptal/picasso-calendar-container/*": [ + "packages/picasso/src/CalendarContainer/*" + ], + "@toptal/picasso-calendar-context": [ + "packages/picasso/src/CalendarContext" + ], + "@toptal/picasso-calendar-context/*": [ + "packages/picasso/src/CalendarContext/*" + ], + "@toptal/picasso-calendar-day": [ + "packages/picasso/src/CalendarDay" + ], + "@toptal/picasso-calendar-day/*": [ + "packages/picasso/src/CalendarDay/*" + ], + "@toptal/picasso-calendar-indicators": [ + "packages/picasso/src/CalendarIndicators" + ], + "@toptal/picasso-calendar-indicators/*": [ + "packages/picasso/src/CalendarIndicators/*" + ], + "@toptal/picasso-calendar-month-header": [ + "packages/picasso/src/CalendarMonthHeader" + ], + "@toptal/picasso-calendar-month-header/*": [ + "packages/picasso/src/CalendarMonthHeader/*" + ], + "@toptal/picasso-carousel": [ + "packages/picasso/src/Carousel" + ], + "@toptal/picasso-carousel/*": [ + "packages/picasso/src/Carousel/*" + ], + "@toptal/picasso-carousel-gradient": [ + "packages/picasso/src/CarouselGradient" + ], + "@toptal/picasso-carousel-gradient/*": [ + "packages/picasso/src/CarouselGradient/*" + ], + "@toptal/picasso-carousel-navigation": [ + "packages/picasso/src/CarouselNavigation" + ], + "@toptal/picasso-carousel-navigation/*": [ + "packages/picasso/src/CarouselNavigation/*" + ], + "@toptal/picasso-checkbox": [ + "packages/picasso/src/Checkbox" + ], + "@toptal/picasso-checkbox/*": [ + "packages/picasso/src/Checkbox/*" + ], + "@toptal/picasso-checkbox-compound": [ + "packages/picasso/src/CheckboxCompound" + ], + "@toptal/picasso-checkbox-compound/*": [ + "packages/picasso/src/CheckboxCompound/*" + ], + "@toptal/picasso-checkbox-group": [ + "packages/picasso/src/CheckboxGroup" + ], + "@toptal/picasso-checkbox-group/*": [ + "packages/picasso/src/CheckboxGroup/*" + ], + "@toptal/picasso-chip": [ + "packages/picasso/src/Chip" + ], + "@toptal/picasso-chip/*": [ + "packages/picasso/src/Chip/*" + ], + "@toptal/picasso-circular-progress": [ + "packages/picasso/src/CircularProgress" + ], + "@toptal/picasso-circular-progress/*": [ + "packages/picasso/src/CircularProgress/*" + ], + "@toptal/picasso-container": [ + "packages/picasso/src/Container" + ], + "@toptal/picasso-container/*": [ + "packages/picasso/src/Container/*" + ], + "@toptal/picasso-date-picker": [ + "packages/picasso/src/DatePicker" + ], + "@toptal/picasso-date-picker/*": [ + "packages/picasso/src/DatePicker/*" + ], + "@toptal/picasso-drawer": [ + "packages/picasso/src/Drawer" + ], + "@toptal/picasso-drawer/*": [ + "packages/picasso/src/Drawer/*" + ], + "@toptal/picasso-drawer-title": [ + "packages/picasso/src/DrawerTitle" + ], + "@toptal/picasso-drawer-title/*": [ + "packages/picasso/src/DrawerTitle/*" + ], + "@toptal/picasso-dropdown": [ + "packages/picasso/src/Dropdown" + ], + "@toptal/picasso-dropdown/*": [ + "packages/picasso/src/Dropdown/*" + ], + "@toptal/picasso-dropdown-arrow": [ + "packages/picasso/src/DropdownArrow" + ], + "@toptal/picasso-dropdown-arrow/*": [ + "packages/picasso/src/DropdownArrow/*" + ], + "@toptal/picasso-dropdown-compound": [ + "packages/picasso/src/DropdownCompound" + ], + "@toptal/picasso-dropdown-compound/*": [ + "packages/picasso/src/DropdownCompound/*" + ], + "@toptal/picasso-dropzone": [ + "packages/picasso/src/Dropzone" + ], + "@toptal/picasso-dropzone/*": [ + "packages/picasso/src/Dropzone/*" + ], + "@toptal/picasso-empty-state": [ + "packages/picasso/src/EmptyState" + ], + "@toptal/picasso-empty-state/*": [ + "packages/picasso/src/EmptyState/*" + ], + "@toptal/picasso-empty-state-collection": [ + "packages/picasso/src/EmptyStateCollection" + ], + "@toptal/picasso-empty-state-collection/*": [ + "packages/picasso/src/EmptyStateCollection/*" + ], + "@toptal/picasso-empty-state-page": [ + "packages/picasso/src/EmptyStatePage" + ], + "@toptal/picasso-empty-state-page/*": [ + "packages/picasso/src/EmptyStatePage/*" + ], + "@toptal/picasso-environment-banner": [ + "packages/picasso/src/EnvironmentBanner" + ], + "@toptal/picasso-environment-banner/*": [ + "packages/picasso/src/EnvironmentBanner/*" + ], + "@toptal/picasso-field-requirements": [ + "packages/picasso/src/FieldRequirements" + ], + "@toptal/picasso-field-requirements/*": [ + "packages/picasso/src/FieldRequirements/*" + ], + "@toptal/picasso-fields-layout": [ + "packages/picasso/src/FieldsLayout" + ], + "@toptal/picasso-fields-layout/*": [ + "packages/picasso/src/FieldsLayout/*" + ], + "@toptal/picasso-file-input": [ + "packages/picasso/src/FileInput" + ], + "@toptal/picasso-file-input/*": [ + "packages/picasso/src/FileInput/*" + ], + "@toptal/picasso-file-list": [ + "packages/picasso/src/FileList" + ], + "@toptal/picasso-file-list/*": [ + "packages/picasso/src/FileList/*" + ], + "@toptal/picasso-file-list-item": [ + "packages/picasso/src/FileListItem" + ], + "@toptal/picasso-file-list-item/*": [ + "packages/picasso/src/FileListItem/*" + ], + "@toptal/picasso-form": [ + "packages/picasso/src/Form" + ], + "@toptal/picasso-form/*": [ + "packages/picasso/src/Form/*" + ], + "@toptal/picasso-form-auto-save-indicator": [ + "packages/picasso/src/FormAutoSaveIndicator" + ], + "@toptal/picasso-form-auto-save-indicator/*": [ + "packages/picasso/src/FormAutoSaveIndicator/*" + ], + "@toptal/picasso-form-compound": [ + "packages/picasso/src/FormCompound" + ], + "@toptal/picasso-form-compound/*": [ + "packages/picasso/src/FormCompound/*" + ], + "@toptal/picasso-form-control-label": [ + "packages/picasso/src/FormControlLabel" + ], + "@toptal/picasso-form-control-label/*": [ + "packages/picasso/src/FormControlLabel/*" + ], + "@toptal/picasso-form-error": [ + "packages/picasso/src/FormError" + ], + "@toptal/picasso-form-error/*": [ + "packages/picasso/src/FormError/*" + ], + "@toptal/picasso-form-field": [ + "packages/picasso/src/FormField" + ], + "@toptal/picasso-form-field/*": [ + "packages/picasso/src/FormField/*" + ], + "@toptal/picasso-form-hint": [ + "packages/picasso/src/FormHint" + ], + "@toptal/picasso-form-hint/*": [ + "packages/picasso/src/FormHint/*" + ], + "@toptal/picasso-form-label": [ + "packages/picasso/src/FormLabel" + ], + "@toptal/picasso-form-label/*": [ + "packages/picasso/src/FormLabel/*" + ], + "@toptal/picasso-grid": [ + "packages/picasso/src/Grid" + ], + "@toptal/picasso-grid/*": [ + "packages/picasso/src/Grid/*" + ], + "@toptal/picasso-grid-compound": [ + "packages/picasso/src/GridCompound" + ], + "@toptal/picasso-grid-compound/*": [ + "packages/picasso/src/GridCompound/*" + ], + "@toptal/picasso-grid-item": [ + "packages/picasso/src/GridItem" + ], + "@toptal/picasso-grid-item/*": [ + "packages/picasso/src/GridItem/*" + ], + "@toptal/picasso-header-loader": [ + "packages/picasso/src/HeaderLoader" + ], + "@toptal/picasso-header-loader/*": [ + "packages/picasso/src/HeaderLoader/*" + ], + "@toptal/picasso-helpbox": [ + "packages/picasso/src/Helpbox" + ], + "@toptal/picasso-helpbox/*": [ + "packages/picasso/src/Helpbox/*" + ], + "@toptal/picasso-helpbox-actions": [ + "packages/picasso/src/HelpboxActions" + ], + "@toptal/picasso-helpbox-actions/*": [ + "packages/picasso/src/HelpboxActions/*" + ], + "@toptal/picasso-helpbox-compound": [ + "packages/picasso/src/HelpboxCompound" + ], + "@toptal/picasso-helpbox-compound/*": [ + "packages/picasso/src/HelpboxCompound/*" + ], + "@toptal/picasso-helpbox-content": [ + "packages/picasso/src/HelpboxContent" + ], + "@toptal/picasso-helpbox-content/*": [ + "packages/picasso/src/HelpboxContent/*" + ], + "@toptal/picasso-helpbox-title": [ + "packages/picasso/src/HelpboxTitle" + ], + "@toptal/picasso-helpbox-title/*": [ + "packages/picasso/src/HelpboxTitle/*" + ], + "@toptal/picasso-icon": [ + "packages/picasso/src/Icon" + ], + "@toptal/picasso-icon/*": [ + "packages/picasso/src/Icon/*" + ], + "@toptal/picasso-image": [ + "packages/picasso/src/Image" + ], + "@toptal/picasso-image/*": [ + "packages/picasso/src/Image/*" + ], + "@toptal/picasso-indicator": [ + "packages/picasso/src/Indicator" + ], + "@toptal/picasso-indicator/*": [ + "packages/picasso/src/Indicator/*" + ], + "@toptal/picasso-input": [ + "packages/picasso/src/Input" + ], + "@toptal/picasso-input/*": [ + "packages/picasso/src/Input/*" + ], + "@toptal/picasso-input-adornment": [ + "packages/picasso/src/InputAdornment" + ], + "@toptal/picasso-input-adornment/*": [ + "packages/picasso/src/InputAdornment/*" + ], + "@toptal/picasso-input-base": [ + "packages/picasso/src/InputBase" + ], + "@toptal/picasso-input-base/*": [ + "packages/picasso/src/InputBase/*" + ], + "@toptal/picasso-input-icon-adornment": [ + "packages/picasso/src/InputIconAdornment" + ], + "@toptal/picasso-input-icon-adornment/*": [ + "packages/picasso/src/InputIconAdornment/*" + ], + "@toptal/picasso-input-label": [ + "packages/picasso/src/InputLabel" + ], + "@toptal/picasso-input-label/*": [ + "packages/picasso/src/InputLabel/*" + ], + "@toptal/picasso-input-limit-adornment": [ + "packages/picasso/src/InputLimitAdornment" + ], + "@toptal/picasso-input-limit-adornment/*": [ + "packages/picasso/src/InputLimitAdornment/*" + ], + "@toptal/picasso-input-multiline-adornment": [ + "packages/picasso/src/InputMultilineAdornment" + ], + "@toptal/picasso-input-multiline-adornment/*": [ + "packages/picasso/src/InputMultilineAdornment/*" + ], + "@toptal/picasso-input-valid-icon-adornment": [ + "packages/picasso/src/InputValidIconAdornment" + ], + "@toptal/picasso-input-valid-icon-adornment/*": [ + "packages/picasso/src/InputValidIconAdornment/*" + ], + "@toptal/picasso-lexical-editor": [ + "packages/picasso/src/LexicalEditor" + ], + "@toptal/picasso-lexical-editor/*": [ + "packages/picasso/src/LexicalEditor/*" + ], + "@toptal/picasso-link": [ + "packages/picasso/src/Link" + ], + "@toptal/picasso-link/*": [ + "packages/picasso/src/Link/*" + ], + "@toptal/picasso-list": [ + "packages/picasso/src/List" + ], + "@toptal/picasso-list/*": [ + "packages/picasso/src/List/*" + ], + "@toptal/picasso-list-item": [ + "packages/picasso/src/ListItem" + ], + "@toptal/picasso-list-item/*": [ + "packages/picasso/src/ListItem/*" + ], + "@toptal/picasso-loader": [ + "packages/picasso/src/Loader" + ], + "@toptal/picasso-loader/*": [ + "packages/picasso/src/Loader/*" + ], + "@toptal/picasso-logo": [ + "packages/picasso/src/Logo" + ], + "@toptal/picasso-logo/*": [ + "packages/picasso/src/Logo/*" + ], + "@toptal/picasso-media-skeleton-loader": [ + "packages/picasso/src/MediaSkeletonLoader" + ], + "@toptal/picasso-media-skeleton-loader/*": [ + "packages/picasso/src/MediaSkeletonLoader/*" + ], + "@toptal/picasso-menu": [ + "packages/picasso/src/Menu" + ], + "@toptal/picasso-menu/*": [ + "packages/picasso/src/Menu/*" + ], + "@toptal/picasso-menu-compound": [ + "packages/picasso/src/MenuCompound" + ], + "@toptal/picasso-menu-compound/*": [ + "packages/picasso/src/MenuCompound/*" + ], + "@toptal/picasso-menu-item": [ + "packages/picasso/src/MenuItem" + ], + "@toptal/picasso-menu-item/*": [ + "packages/picasso/src/MenuItem/*" + ], + "@toptal/picasso-modal": [ + "packages/picasso/src/Modal" + ], + "@toptal/picasso-modal/*": [ + "packages/picasso/src/Modal/*" + ], + "@toptal/picasso-modal-actions": [ + "packages/picasso/src/ModalActions" + ], + "@toptal/picasso-modal-actions/*": [ + "packages/picasso/src/ModalActions/*" + ], + "@toptal/picasso-modal-compound": [ + "packages/picasso/src/ModalCompound" + ], + "@toptal/picasso-modal-compound/*": [ + "packages/picasso/src/ModalCompound/*" + ], + "@toptal/picasso-modal-content": [ + "packages/picasso/src/ModalContent" + ], + "@toptal/picasso-modal-content/*": [ + "packages/picasso/src/ModalContent/*" + ], + "@toptal/picasso-modal-title": [ + "packages/picasso/src/ModalTitle" + ], + "@toptal/picasso-modal-title/*": [ + "packages/picasso/src/ModalTitle/*" + ], + "@toptal/picasso-month-select": [ + "packages/picasso/src/MonthSelect" + ], + "@toptal/picasso-month-select/*": [ + "packages/picasso/src/MonthSelect/*" + ], + "@toptal/picasso-native-select": [ + "packages/picasso/src/NativeSelect" + ], + "@toptal/picasso-native-select/*": [ + "packages/picasso/src/NativeSelect/*" + ], + "@toptal/picasso-native-select-options": [ + "packages/picasso/src/NativeSelectOptions" + ], + "@toptal/picasso-native-select-options/*": [ + "packages/picasso/src/NativeSelectOptions/*" + ], + "@toptal/picasso-native-select-placeholder": [ + "packages/picasso/src/NativeSelectPlaceholder" + ], + "@toptal/picasso-native-select-placeholder/*": [ + "packages/picasso/src/NativeSelectPlaceholder/*" + ], + "@toptal/picasso-non-native-select": [ + "packages/picasso/src/NonNativeSelect" + ], + "@toptal/picasso-non-native-select/*": [ + "packages/picasso/src/NonNativeSelect/*" + ], + "@toptal/picasso-non-native-select-limit-footer": [ + "packages/picasso/src/NonNativeSelectLimitFooter" + ], + "@toptal/picasso-non-native-select-limit-footer/*": [ + "packages/picasso/src/NonNativeSelectLimitFooter/*" + ], + "@toptal/picasso-non-native-select-loader": [ + "packages/picasso/src/NonNativeSelectLoader" + ], + "@toptal/picasso-non-native-select-loader/*": [ + "packages/picasso/src/NonNativeSelectLoader/*" + ], + "@toptal/picasso-non-native-select-option": [ + "packages/picasso/src/NonNativeSelectOption" + ], + "@toptal/picasso-non-native-select-option/*": [ + "packages/picasso/src/NonNativeSelectOption/*" + ], + "@toptal/picasso-non-native-select-options": [ + "packages/picasso/src/NonNativeSelectOptions" + ], + "@toptal/picasso-non-native-select-options/*": [ + "packages/picasso/src/NonNativeSelectOptions/*" + ], + "@toptal/picasso-note": [ + "packages/picasso/src/Note" + ], + "@toptal/picasso-note/*": [ + "packages/picasso/src/Note/*" + ], + "@toptal/picasso-note-compound": [ + "packages/picasso/src/NoteCompound" + ], + "@toptal/picasso-note-compound/*": [ + "packages/picasso/src/NoteCompound/*" + ], + "@toptal/picasso-note-content": [ + "packages/picasso/src/NoteContent" + ], + "@toptal/picasso-note-content/*": [ + "packages/picasso/src/NoteContent/*" + ], + "@toptal/picasso-note-subtitle": [ + "packages/picasso/src/NoteSubtitle" + ], + "@toptal/picasso-note-subtitle/*": [ + "packages/picasso/src/NoteSubtitle/*" + ], + "@toptal/picasso-note-title": [ + "packages/picasso/src/NoteTitle" + ], + "@toptal/picasso-note-title/*": [ + "packages/picasso/src/NoteTitle/*" + ], + "@toptal/picasso-notification": [ + "packages/picasso/src/Notification" + ], + "@toptal/picasso-notification/*": [ + "packages/picasso/src/Notification/*" + ], + "@toptal/picasso-notification-actions": [ + "packages/picasso/src/NotificationActions" + ], + "@toptal/picasso-notification-actions/*": [ + "packages/picasso/src/NotificationActions/*" + ], + "@toptal/picasso-notification-compound": [ + "packages/picasso/src/NotificationCompound" + ], + "@toptal/picasso-notification-compound/*": [ + "packages/picasso/src/NotificationCompound/*" + ], + "@toptal/picasso-number-input": [ + "packages/picasso/src/NumberInput" + ], + "@toptal/picasso-number-input/*": [ + "packages/picasso/src/NumberInput/*" + ], + "@toptal/picasso-number-input-end-adornment": [ + "packages/picasso/src/NumberInputEndAdornment" + ], + "@toptal/picasso-number-input-end-adornment/*": [ + "packages/picasso/src/NumberInputEndAdornment/*" + ], + "@toptal/picasso-outlined-input": [ + "packages/picasso/src/OutlinedInput" + ], + "@toptal/picasso-outlined-input/*": [ + "packages/picasso/src/OutlinedInput/*" + ], + "@toptal/picasso-overview-block": [ + "packages/picasso/src/OverviewBlock" + ], + "@toptal/picasso-overview-block/*": [ + "packages/picasso/src/OverviewBlock/*" + ], + "@toptal/picasso-overview-block-compound": [ + "packages/picasso/src/OverviewBlockCompound" + ], + "@toptal/picasso-overview-block-compound/*": [ + "packages/picasso/src/OverviewBlockCompound/*" + ], + "@toptal/picasso-overview-block-group": [ + "packages/picasso/src/OverviewBlockGroup" + ], + "@toptal/picasso-overview-block-group/*": [ + "packages/picasso/src/OverviewBlockGroup/*" + ], + "@toptal/picasso-overview-block-row": [ + "packages/picasso/src/OverviewBlockRow" + ], + "@toptal/picasso-overview-block-row/*": [ + "packages/picasso/src/OverviewBlockRow/*" + ], + "@toptal/picasso-page": [ + "packages/picasso/src/Page" + ], + "@toptal/picasso-page/*": [ + "packages/picasso/src/Page/*" + ], + "@toptal/picasso-page-article": [ + "packages/picasso/src/PageArticle" + ], + "@toptal/picasso-page-article/*": [ + "packages/picasso/src/PageArticle/*" + ], + "@toptal/picasso-page-autocomplete": [ + "packages/picasso/src/PageAutocomplete" + ], + "@toptal/picasso-page-autocomplete/*": [ + "packages/picasso/src/PageAutocomplete/*" + ], + "@toptal/picasso-page-banner": [ + "packages/picasso/src/PageBanner" + ], + "@toptal/picasso-page-banner/*": [ + "packages/picasso/src/PageBanner/*" + ], + "@toptal/picasso-page-compound": [ + "packages/picasso/src/PageCompound" + ], + "@toptal/picasso-page-compound/*": [ + "packages/picasso/src/PageCompound/*" + ], + "@toptal/picasso-page-content": [ + "packages/picasso/src/PageContent" + ], + "@toptal/picasso-page-content/*": [ + "packages/picasso/src/PageContent/*" + ], + "@toptal/picasso-page-footer": [ + "packages/picasso/src/PageFooter" + ], + "@toptal/picasso-page-footer/*": [ + "packages/picasso/src/PageFooter/*" + ], + "@toptal/picasso-page-hamburger": [ + "packages/picasso/src/PageHamburger" + ], + "@toptal/picasso-page-hamburger/*": [ + "packages/picasso/src/PageHamburger/*" + ], + "@toptal/picasso-page-head": [ + "packages/picasso/src/PageHead" + ], + "@toptal/picasso-page-head/*": [ + "packages/picasso/src/PageHead/*" + ], + "@toptal/picasso-page-helmet": [ + "packages/picasso/src/PageHelmet" + ], + "@toptal/picasso-page-helmet/*": [ + "packages/picasso/src/PageHelmet/*" + ], + "@toptal/picasso-page-sidebar": [ + "packages/picasso/src/PageSidebar" + ], + "@toptal/picasso-page-sidebar/*": [ + "packages/picasso/src/PageSidebar/*" + ], + "@toptal/picasso-page-top-bar": [ + "packages/picasso/src/PageTopBar" + ], + "@toptal/picasso-page-top-bar/*": [ + "packages/picasso/src/PageTopBar/*" + ], + "@toptal/picasso-page-top-bar-compound": [ + "packages/picasso/src/PageTopBarCompound" + ], + "@toptal/picasso-page-top-bar-compound/*": [ + "packages/picasso/src/PageTopBarCompound/*" + ], + "@toptal/picasso-page-top-bar-menu": [ + "packages/picasso/src/PageTopBarMenu" + ], + "@toptal/picasso-page-top-bar-menu/*": [ + "packages/picasso/src/PageTopBarMenu/*" + ], + "@toptal/picasso-pagination": [ + "packages/picasso/src/Pagination" + ], + "@toptal/picasso-pagination/*": [ + "packages/picasso/src/Pagination/*" + ], + "@toptal/picasso-pagination-button": [ + "packages/picasso/src/PaginationButton" + ], + "@toptal/picasso-pagination-button/*": [ + "packages/picasso/src/PaginationButton/*" + ], + "@toptal/picasso-paper": [ + "packages/picasso/src/Paper" + ], + "@toptal/picasso-paper/*": [ + "packages/picasso/src/Paper/*" + ], + "@toptal/picasso-password-input": [ + "packages/picasso/src/PasswordInput" + ], + "@toptal/picasso-password-input/*": [ + "packages/picasso/src/PasswordInput/*" + ], + "@toptal/picasso-popover": [ + "packages/picasso/src/Popover" + ], + "@toptal/picasso-popover/*": [ + "packages/picasso/src/Popover/*" + ], + "@toptal/picasso-popper": [ + "packages/picasso/src/Popper" + ], + "@toptal/picasso-popper/*": [ + "packages/picasso/src/Popper/*" + ], + "@toptal/picasso-progress-bar": [ + "packages/picasso/src/ProgressBar" + ], + "@toptal/picasso-progress-bar/*": [ + "packages/picasso/src/ProgressBar/*" + ], + "@toptal/picasso-prompt-modal": [ + "packages/picasso/src/PromptModal" + ], + "@toptal/picasso-prompt-modal/*": [ + "packages/picasso/src/PromptModal/*" + ], + "@toptal/picasso-quote": [ + "packages/picasso/src/Quote" + ], + "@toptal/picasso-quote/*": [ + "packages/picasso/src/Quote/*" + ], + "@toptal/picasso-quote-mark": [ + "packages/picasso/src/QuoteMark" + ], + "@toptal/picasso-quote-mark/*": [ + "packages/picasso/src/QuoteMark/*" + ], + "@toptal/picasso-radio": [ + "packages/picasso/src/Radio" + ], + "@toptal/picasso-radio/*": [ + "packages/picasso/src/Radio/*" + ], + "@toptal/picasso-radio-compound": [ + "packages/picasso/src/RadioCompound" + ], + "@toptal/picasso-radio-compound/*": [ + "packages/picasso/src/RadioCompound/*" + ], + "@toptal/picasso-radio-group": [ + "packages/picasso/src/RadioGroup" + ], + "@toptal/picasso-radio-group/*": [ + "packages/picasso/src/RadioGroup/*" + ], + "@toptal/picasso-rating": [ + "packages/picasso/src/Rating" + ], + "@toptal/picasso-rating/*": [ + "packages/picasso/src/Rating/*" + ], + "@toptal/picasso-rating-icon": [ + "packages/picasso/src/RatingIcon" + ], + "@toptal/picasso-rating-icon/*": [ + "packages/picasso/src/RatingIcon/*" + ], + "@toptal/picasso-rating-stars": [ + "packages/picasso/src/RatingStars" + ], + "@toptal/picasso-rating-stars/*": [ + "packages/picasso/src/RatingStars/*" + ], + "@toptal/picasso-rating-thumbs": [ + "packages/picasso/src/RatingThumbs" + ], + "@toptal/picasso-rating-thumbs/*": [ + "packages/picasso/src/RatingThumbs/*" + ], + "@toptal/picasso-scroll-menu": [ + "packages/picasso/src/ScrollMenu" + ], + "@toptal/picasso-scroll-menu/*": [ + "packages/picasso/src/ScrollMenu/*" + ], + "@toptal/picasso-section": [ + "packages/picasso/src/Section" + ], + "@toptal/picasso-section/*": [ + "packages/picasso/src/Section/*" + ], + "@toptal/picasso-select": [ + "packages/picasso/src/Select" + ], + "@toptal/picasso-select/*": [ + "packages/picasso/src/Select/*" + ], + "@toptal/picasso-select-base": [ + "packages/picasso/src/SelectBase" + ], + "@toptal/picasso-select-base/*": [ + "packages/picasso/src/SelectBase/*" + ], + "@toptal/picasso-select-caret": [ + "packages/picasso/src/SelectCaret" + ], + "@toptal/picasso-select-caret/*": [ + "packages/picasso/src/SelectCaret/*" + ], + "@toptal/picasso-select-options": [ + "packages/picasso/src/SelectOptions" + ], + "@toptal/picasso-select-options/*": [ + "packages/picasso/src/SelectOptions/*" + ], + "@toptal/picasso-show-more": [ + "packages/picasso/src/ShowMore" + ], + "@toptal/picasso-show-more/*": [ + "packages/picasso/src/ShowMore/*" + ], + "@toptal/picasso-sidebar-item": [ + "packages/picasso/src/SidebarItem" + ], + "@toptal/picasso-sidebar-item/*": [ + "packages/picasso/src/SidebarItem/*" + ], + "@toptal/picasso-sidebar-item-content": [ + "packages/picasso/src/SidebarItemContent" + ], + "@toptal/picasso-sidebar-item-content/*": [ + "packages/picasso/src/SidebarItemContent/*" + ], + "@toptal/picasso-sidebar-logo": [ + "packages/picasso/src/SidebarLogo" + ], + "@toptal/picasso-sidebar-logo/*": [ + "packages/picasso/src/SidebarLogo/*" + ], + "@toptal/picasso-sidebar-menu": [ + "packages/picasso/src/SidebarMenu" + ], + "@toptal/picasso-sidebar-menu/*": [ + "packages/picasso/src/SidebarMenu/*" + ], + "@toptal/picasso-skeleton-loader": [ + "packages/picasso/src/SkeletonLoader" + ], + "@toptal/picasso-skeleton-loader/*": [ + "packages/picasso/src/SkeletonLoader/*" + ], + "@toptal/picasso-slider": [ + "packages/picasso/src/Slider" + ], + "@toptal/picasso-slider/*": [ + "packages/picasso/src/Slider/*" + ], + "@toptal/picasso-slider-value-label": [ + "packages/picasso/src/SliderValueLabel" + ], + "@toptal/picasso-slider-value-label/*": [ + "packages/picasso/src/SliderValueLabel/*" + ], + "@toptal/picasso-static-tree-view": [ + "packages/picasso/src/StaticTreeView" + ], + "@toptal/picasso-static-tree-view/*": [ + "packages/picasso/src/StaticTreeView/*" + ], + "@toptal/picasso-step": [ + "packages/picasso/src/Step" + ], + "@toptal/picasso-step/*": [ + "packages/picasso/src/Step/*" + ], + "@toptal/picasso-step-connector": [ + "packages/picasso/src/StepConnector" + ], + "@toptal/picasso-step-connector/*": [ + "packages/picasso/src/StepConnector/*" + ], + "@toptal/picasso-step-icon": [ + "packages/picasso/src/StepIcon" + ], + "@toptal/picasso-step-icon/*": [ + "packages/picasso/src/StepIcon/*" + ], + "@toptal/picasso-step-label": [ + "packages/picasso/src/StepLabel" + ], + "@toptal/picasso-step-label/*": [ + "packages/picasso/src/StepLabel/*" + ], + "@toptal/picasso-stepper": [ + "packages/picasso/src/Stepper" + ], + "@toptal/picasso-stepper/*": [ + "packages/picasso/src/Stepper/*" + ], + "@toptal/picasso-stepper-compound": [ + "packages/picasso/src/StepperCompound" + ], + "@toptal/picasso-stepper-compound/*": [ + "packages/picasso/src/StepperCompound/*" + ], + "@toptal/picasso-stepper-vertical": [ + "packages/picasso/src/StepperVertical" + ], + "@toptal/picasso-stepper-vertical/*": [ + "packages/picasso/src/StepperVertical/*" + ], + "@toptal/picasso-switch": [ + "packages/picasso/src/Switch" + ], + "@toptal/picasso-switch/*": [ + "packages/picasso/src/Switch/*" + ], + "@toptal/picasso-tab": [ + "packages/picasso/src/Tab" + ], + "@toptal/picasso-tab/*": [ + "packages/picasso/src/Tab/*" + ], + "@toptal/picasso-tab-description": [ + "packages/picasso/src/TabDescription" + ], + "@toptal/picasso-tab-description/*": [ + "packages/picasso/src/TabDescription/*" + ], + "@toptal/picasso-tab-label": [ + "packages/picasso/src/TabLabel" + ], + "@toptal/picasso-tab-label/*": [ + "packages/picasso/src/TabLabel/*" + ], + "@toptal/picasso-tab-scroll-button": [ + "packages/picasso/src/TabScrollButton" + ], + "@toptal/picasso-tab-scroll-button/*": [ + "packages/picasso/src/TabScrollButton/*" + ], + "@toptal/picasso-table": [ + "packages/picasso/src/Table" + ], + "@toptal/picasso-table/*": [ + "packages/picasso/src/Table/*" + ], + "@toptal/picasso-table-body": [ + "packages/picasso/src/TableBody" + ], + "@toptal/picasso-table-body/*": [ + "packages/picasso/src/TableBody/*" + ], + "@toptal/picasso-table-cell": [ + "packages/picasso/src/TableCell" + ], + "@toptal/picasso-table-cell/*": [ + "packages/picasso/src/TableCell/*" + ], + "@toptal/picasso-table-compound": [ + "packages/picasso/src/TableCompound" + ], + "@toptal/picasso-table-compound/*": [ + "packages/picasso/src/TableCompound/*" + ], + "@toptal/picasso-table-expandable-row": [ + "packages/picasso/src/TableExpandableRow" + ], + "@toptal/picasso-table-expandable-row/*": [ + "packages/picasso/src/TableExpandableRow/*" + ], + "@toptal/picasso-table-footer": [ + "packages/picasso/src/TableFooter" + ], + "@toptal/picasso-table-footer/*": [ + "packages/picasso/src/TableFooter/*" + ], + "@toptal/picasso-table-head": [ + "packages/picasso/src/TableHead" + ], + "@toptal/picasso-table-head/*": [ + "packages/picasso/src/TableHead/*" + ], + "@toptal/picasso-table-row": [ + "packages/picasso/src/TableRow" + ], + "@toptal/picasso-table-row/*": [ + "packages/picasso/src/TableRow/*" + ], + "@toptal/picasso-table-section-head": [ + "packages/picasso/src/TableSectionHead" + ], + "@toptal/picasso-table-section-head/*": [ + "packages/picasso/src/TableSectionHead/*" + ], + "@toptal/picasso-tabs": [ + "packages/picasso/src/Tabs" + ], + "@toptal/picasso-tabs/*": [ + "packages/picasso/src/Tabs/*" + ], + "@toptal/picasso-tabs-compound": [ + "packages/picasso/src/TabsCompound" + ], + "@toptal/picasso-tabs-compound/*": [ + "packages/picasso/src/TabsCompound/*" + ], + "@toptal/picasso-tag": [ + "packages/picasso/src/Tag" + ], + "@toptal/picasso-tag/*": [ + "packages/picasso/src/Tag/*" + ], + "@toptal/picasso-tag-checkable": [ + "packages/picasso/src/TagCheckable" + ], + "@toptal/picasso-tag-checkable/*": [ + "packages/picasso/src/TagCheckable/*" + ], + "@toptal/picasso-tag-compound": [ + "packages/picasso/src/TagCompound" + ], + "@toptal/picasso-tag-compound/*": [ + "packages/picasso/src/TagCompound/*" + ], + "@toptal/picasso-tag-connection": [ + "packages/picasso/src/TagConnection" + ], + "@toptal/picasso-tag-connection/*": [ + "packages/picasso/src/TagConnection/*" + ], + "@toptal/picasso-tag-group": [ + "packages/picasso/src/TagGroup" + ], + "@toptal/picasso-tag-group/*": [ + "packages/picasso/src/TagGroup/*" + ], + "@toptal/picasso-tag-rectangular": [ + "packages/picasso/src/TagRectangular" + ], + "@toptal/picasso-tag-rectangular/*": [ + "packages/picasso/src/TagRectangular/*" + ], + "@toptal/picasso-tag-selector": [ + "packages/picasso/src/TagSelector" + ], + "@toptal/picasso-tag-selector/*": [ + "packages/picasso/src/TagSelector/*" + ], + "@toptal/picasso-tag-selector-compound": [ + "packages/picasso/src/TagSelectorCompound" + ], + "@toptal/picasso-tag-selector-compound/*": [ + "packages/picasso/src/TagSelectorCompound/*" + ], + "@toptal/picasso-tag-selector-input": [ + "packages/picasso/src/TagSelectorInput" + ], + "@toptal/picasso-tag-selector-input/*": [ + "packages/picasso/src/TagSelectorInput/*" + ], + "@toptal/picasso-tag-selector-label": [ + "packages/picasso/src/TagSelectorLabel" + ], + "@toptal/picasso-tag-selector-label/*": [ + "packages/picasso/src/TagSelectorLabel/*" + ], + "@toptal/picasso-time-picker": [ + "packages/picasso/src/TimePicker" + ], + "@toptal/picasso-time-picker/*": [ + "packages/picasso/src/TimePicker/*" + ], + "@toptal/picasso-timeline": [ + "packages/picasso/src/Timeline" + ], + "@toptal/picasso-timeline/*": [ + "packages/picasso/src/Timeline/*" + ], + "@toptal/picasso-timeline-row": [ + "packages/picasso/src/TimelineRow" + ], + "@toptal/picasso-timeline-row/*": [ + "packages/picasso/src/TimelineRow/*" + ], + "@toptal/picasso-tooltip": [ + "packages/picasso/src/Tooltip" + ], + "@toptal/picasso-tooltip/*": [ + "packages/picasso/src/Tooltip/*" + ], + "@toptal/picasso-top-bar-item": [ + "packages/picasso/src/TopBarItem" + ], + "@toptal/picasso-top-bar-item/*": [ + "packages/picasso/src/TopBarItem/*" + ], + "@toptal/picasso-top-bar-menu": [ + "packages/picasso/src/TopBarMenu" + ], + "@toptal/picasso-top-bar-menu/*": [ + "packages/picasso/src/TopBarMenu/*" + ], + "@toptal/picasso-tree-view": [ + "packages/picasso/src/TreeView" + ], + "@toptal/picasso-tree-view/*": [ + "packages/picasso/src/TreeView/*" + ], + "@toptal/picasso-typography": [ + "packages/picasso/src/Typography" + ], + "@toptal/picasso-typography/*": [ + "packages/picasso/src/Typography/*" + ], + "@toptal/picasso-typography-loader": [ + "packages/picasso/src/TypographyLoader" + ], + "@toptal/picasso-typography-loader/*": [ + "packages/picasso/src/TypographyLoader/*" + ], + "@toptal/picasso-typography-overflow": [ + "packages/picasso/src/TypographyOverflow" + ], + "@toptal/picasso-typography-overflow/*": [ + "packages/picasso/src/TypographyOverflow/*" + ], + "@toptal/picasso-user-badge": [ + "packages/picasso/src/UserBadge" + ], + "@toptal/picasso-user-badge/*": [ + "packages/picasso/src/UserBadge/*" + ], + "@toptal/picasso-year-select": [ + "packages/picasso/src/YearSelect" + ], + "@toptal/picasso-year-select/*": [ + "packages/picasso/src/YearSelect/*" + ], + "@toptal/picasso-test-utils": [ + "packages/picasso/src/test-utils" + ], + "@toptal/picasso-test-utils/*": [ + "packages/picasso/src/test-utils/*" + ], + "@toptal/picasso-utils": [ + "packages/picasso/src/utils" + ], + "@toptal/picasso-utils/*": [ + "packages/picasso/src/utils/*" + ] }, - "types": ["node", "jest", "@testing-library/jest-dom"] + "types": [ + "node", + "jest", + "@testing-library/jest-dom" + ] }, - "include": ["packages/*/src"], - "exclude": ["packages/*/dist-package", "**/__testfixtures__"] -} + "include": [ + "packages/*/src" + ], + "exclude": [ + "packages/*/dist-package", + "**/__testfixtures__" + ] +} \ No newline at end of file