diff --git a/libs/skiff-front-utils/src/components/AccessLevelSelect/AccessLevelSelect.tsx b/libs/skiff-front-utils/src/components/AccessLevelSelect/AccessLevelSelect.tsx index 9027f85..c64c138 100644 --- a/libs/skiff-front-utils/src/components/AccessLevelSelect/AccessLevelSelect.tsx +++ b/libs/skiff-front-utils/src/components/AccessLevelSelect/AccessLevelSelect.tsx @@ -1,4 +1,4 @@ -import { DropdownItem, IconText, IconTextSize, Select, Size, ThemeMode, TypographyWeight } from 'nightwatch-ui'; +import { DropdownItem, IconText, IconTextSize, Select, Size, ThemeMode, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import { useGetDocumentBaseQuery } from 'skiff-front-graphql'; import { PermissionLevel } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryEmail.tsx b/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryEmail.tsx index 3167f94..8163c2e 100644 --- a/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryEmail.tsx +++ b/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryEmail.tsx @@ -1,4 +1,4 @@ -import { Button, InputField, Size } from 'nightwatch-ui'; +import { Button, InputField, Size } from '@skiff-org/skiff-ui'; import React, { useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useStoreWorkspaceEventMutation } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryInstruction.tsx b/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryInstruction.tsx index 0d51fd7..e6aa589 100644 --- a/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryInstruction.tsx +++ b/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryInstruction.tsx @@ -15,7 +15,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useStoreWorkspaceEventMutation } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryKey.tsx b/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryKey.tsx index 8371c4b..3fac673 100644 --- a/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryKey.tsx +++ b/libs/skiff-front-utils/src/components/AccountRecovery/AccountRecoveryKey.tsx @@ -1,4 +1,4 @@ -import { AbsolutelyCentered, Button, CircularProgress, Icon, Size, Type, Typography } from 'nightwatch-ui'; +import { AbsolutelyCentered, Button, CircularProgress, Icon, Size, Type, Typography } from '@skiff-org/skiff-ui'; import React, { useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useStoreWorkspaceEventMutation } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/Checkbox/Checkbox.tsx b/libs/skiff-front-utils/src/components/Checkbox/Checkbox.tsx index a361349..7647f90 100644 --- a/libs/skiff-front-utils/src/components/Checkbox/Checkbox.tsx +++ b/libs/skiff-front-utils/src/components/Checkbox/Checkbox.tsx @@ -1,4 +1,4 @@ -import { Icon, IconProps, Icons, Size } from 'nightwatch-ui'; +import { Icon, IconProps, Icons, Size } from '@skiff-org/skiff-ui'; import React from 'react'; import styled, { css } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/ColorSelector/ColorSelector.tsx b/libs/skiff-front-utils/src/components/ColorSelector/ColorSelector.tsx index cbdec62..f71ea19 100644 --- a/libs/skiff-front-utils/src/components/ColorSelector/ColorSelector.tsx +++ b/libs/skiff-front-utils/src/components/ColorSelector/ColorSelector.tsx @@ -1,4 +1,4 @@ -import { AccentColor, CorrectedColorSelect, getThemedColor, ThemeMode } from 'nightwatch-ui'; +import { AccentColor, CorrectedColorSelect, getThemedColor, ThemeMode } from '@skiff-org/skiff-ui'; import React, { Fragment } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/ContactsDropdownItems/ContactsDropdownItems.tsx b/libs/skiff-front-utils/src/components/ContactsDropdownItems/ContactsDropdownItems.tsx index 4644f85..b2d5bfa 100644 --- a/libs/skiff-front-utils/src/components/ContactsDropdownItems/ContactsDropdownItems.tsx +++ b/libs/skiff-front-utils/src/components/ContactsDropdownItems/ContactsDropdownItems.tsx @@ -1,4 +1,4 @@ -import { DropdownItem, Size, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { DropdownItem, Size, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import { useEffect, useRef } from 'react'; import { isWalletAddress } from 'skiff-utils'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/CreditManagement/CreditManagement.tsx b/libs/skiff-front-utils/src/components/CreditManagement/CreditManagement.tsx index d8de609..c883de3 100644 --- a/libs/skiff-front-utils/src/components/CreditManagement/CreditManagement.tsx +++ b/libs/skiff-front-utils/src/components/CreditManagement/CreditManagement.tsx @@ -1,4 +1,4 @@ -import { Button, Typography } from 'nightwatch-ui'; +import { Button, Typography } from '@skiff-org/skiff-ui'; import React, { useEffect } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/CreditManagement/CreditPrompt.tsx b/libs/skiff-front-utils/src/components/CreditManagement/CreditPrompt.tsx index cff219a..a78a2d9 100644 --- a/libs/skiff-front-utils/src/components/CreditManagement/CreditPrompt.tsx +++ b/libs/skiff-front-utils/src/components/CreditManagement/CreditPrompt.tsx @@ -1,4 +1,4 @@ -import { Divider, Icon, Icons, Size, Typography, TypographyWeight } from 'nightwatch-ui'; +import { Divider, Icon, Icons, Size, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import { insertIf } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/Date/DateDisplay.tsx b/libs/skiff-front-utils/src/components/Date/DateDisplay.tsx index c0c8b24..52d8a1a 100644 --- a/libs/skiff-front-utils/src/components/Date/DateDisplay.tsx +++ b/libs/skiff-front-utils/src/components/Date/DateDisplay.tsx @@ -3,7 +3,7 @@ import dayjs from 'dayjs'; import RelativeTimePlugin from 'dayjs/plugin/relativeTime'; import UpdateLocalePlugin from 'dayjs/plugin/updateLocale'; -import { Typography, TypographySize, Color } from 'nightwatch-ui'; +import { Typography, TypographySize, Color } from '@skiff-org/skiff-ui'; import React from 'react'; import { DateInputFormats } from '../../constants'; diff --git a/libs/skiff-front-utils/src/components/DatePicker/DatePicker.tsx b/libs/skiff-front-utils/src/components/DatePicker/DatePicker.tsx index d7d89b1..1a8f4eb 100644 --- a/libs/skiff-front-utils/src/components/DatePicker/DatePicker.tsx +++ b/libs/skiff-front-utils/src/components/DatePicker/DatePicker.tsx @@ -4,7 +4,7 @@ import { PickerOnChangeFn } from '@mui/x-date-pickers/internals/hooks/useViews'; import { PickersDay, PickersDayProps } from '@mui/x-date-pickers/PickersDay'; import locale from 'date-fns/locale/en-US'; import dayjs, { Dayjs } from 'dayjs'; -import { colors, getThemedColor, Icon, Icons, Size, ThemeMode, themeNames } from 'nightwatch-ui'; +import { colors, getThemedColor, Icon, Icons, Size, ThemeMode, themeNames } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import styled, { css } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/DelinquencyBanner/DelinquencyBanner.tsx b/libs/skiff-front-utils/src/components/DelinquencyBanner/DelinquencyBanner.tsx index 144e62f..38fcdf3 100644 --- a/libs/skiff-front-utils/src/components/DelinquencyBanner/DelinquencyBanner.tsx +++ b/libs/skiff-front-utils/src/components/DelinquencyBanner/DelinquencyBanner.tsx @@ -1,5 +1,5 @@ import { useFlags } from 'launchdarkly-react-client-sdk'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React, { useState, useEffect } from 'react'; import { isMobile } from 'react-device-detect'; import { usePaidUpStatus } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/DowngradeTodoItem/DowngradeTodoItem.tsx b/libs/skiff-front-utils/src/components/DowngradeTodoItem/DowngradeTodoItem.tsx index 8921bfe..254019c 100644 --- a/libs/skiff-front-utils/src/components/DowngradeTodoItem/DowngradeTodoItem.tsx +++ b/libs/skiff-front-utils/src/components/DowngradeTodoItem/DowngradeTodoItem.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Typography } from 'nightwatch-ui'; +import { Icon, Icons, Typography } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/EditProfile/CropDisplayPictureDialog.tsx b/libs/skiff-front-utils/src/components/EditProfile/CropDisplayPictureDialog.tsx index fa9f481..535e50a 100644 --- a/libs/skiff-front-utils/src/components/EditProfile/CropDisplayPictureDialog.tsx +++ b/libs/skiff-front-utils/src/components/EditProfile/CropDisplayPictureDialog.tsx @@ -1,4 +1,4 @@ -import { Button, Dialog, DialogTypes, Type, Typography } from 'nightwatch-ui'; +import { Button, Dialog, DialogTypes, Type, Typography } from '@skiff-org/skiff-ui'; import React, { useRef, useState } from 'react'; import ReactCrop, { PercentCrop, centerCrop, makeAspectCrop } from 'react-image-crop'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/EditProfile/EditProfile.tsx b/libs/skiff-front-utils/src/components/EditProfile/EditProfile.tsx index 2776647..dea0ef3 100644 --- a/libs/skiff-front-utils/src/components/EditProfile/EditProfile.tsx +++ b/libs/skiff-front-utils/src/components/EditProfile/EditProfile.tsx @@ -13,7 +13,7 @@ import { Typography, accentColorToPrimaryColor, stringToColor -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { CreateUploadAvatarLinkResponse, DisplayPictureData, RequestStatus } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/EmptyIllustration/EmptyIllustration.tsx b/libs/skiff-front-utils/src/components/EmptyIllustration/EmptyIllustration.tsx index b297c8d..3607d75 100644 --- a/libs/skiff-front-utils/src/components/EmptyIllustration/EmptyIllustration.tsx +++ b/libs/skiff-front-utils/src/components/EmptyIllustration/EmptyIllustration.tsx @@ -1,5 +1,5 @@ import range from 'lodash/range'; -import { Icons, Icon, Size, Typography, TypographyWeight } from 'nightwatch-ui'; +import { Icons, Icon, Size, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import { EmptyMailbox, diff --git a/libs/skiff-front-utils/src/components/EmptyInvoice/EmptyInvoice.tsx b/libs/skiff-front-utils/src/components/EmptyInvoice/EmptyInvoice.tsx index 4ea075d..43ccd11 100644 --- a/libs/skiff-front-utils/src/components/EmptyInvoice/EmptyInvoice.tsx +++ b/libs/skiff-front-utils/src/components/EmptyInvoice/EmptyInvoice.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographyWeight } from 'nightwatch-ui'; +import { Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import EmptyInvoiceIllustration from './assets/empty-invoice.svg'; import { Center, MailTypography } from './EmptyInvoice.styles'; diff --git a/libs/skiff-front-utils/src/components/ErrorPage.tsx b/libs/skiff-front-utils/src/components/ErrorPage.tsx index 346f3c4..df8f63b 100644 --- a/libs/skiff-front-utils/src/components/ErrorPage.tsx +++ b/libs/skiff-front-utils/src/components/ErrorPage.tsx @@ -8,7 +8,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { ApolloClient, NormalizedCacheObject } from '@apollo/client'; import { SnackbarProvider } from 'notistack'; diff --git a/libs/skiff-front-utils/src/components/FileImport/FileImport.tsx b/libs/skiff-front-utils/src/components/FileImport/FileImport.tsx index c4bd122..c1f1498 100644 --- a/libs/skiff-front-utils/src/components/FileImport/FileImport.tsx +++ b/libs/skiff-front-utils/src/components/FileImport/FileImport.tsx @@ -1,5 +1,5 @@ /* eslint-disable react/jsx-props-no-spreading */ -import { Button, CircularProgress, Icon, Icons, RelativelyCentered, Size, Type } from 'nightwatch-ui'; +import { Button, CircularProgress, Icon, Icons, RelativelyCentered, Size, Type } from '@skiff-org/skiff-ui'; import React, { useEffect, useMemo, useRef } from 'react'; import { FileRejection, useDropzone } from 'react-dropzone'; import { MB_SCALE_FACTOR } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/FileImport/ImportSelect.tsx b/libs/skiff-front-utils/src/components/FileImport/ImportSelect.tsx index 291a6ba..18690fe 100644 --- a/libs/skiff-front-utils/src/components/FileImport/ImportSelect.tsx +++ b/libs/skiff-front-utils/src/components/FileImport/ImportSelect.tsx @@ -1,4 +1,4 @@ -import { Button, IconProps, Icons, IconText, Size, Type, Typography, TypographySize } from 'nightwatch-ui'; +import { Button, IconProps, Icons, IconText, Size, Type, Typography, TypographySize } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileList/FileList.tsx b/libs/skiff-front-utils/src/components/FileList/FileList.tsx index a86e22c..ca3a22c 100644 --- a/libs/skiff-front-utils/src/components/FileList/FileList.tsx +++ b/libs/skiff-front-utils/src/components/FileList/FileList.tsx @@ -1,4 +1,4 @@ -import { FilledVariant, Icon, IconButton, Size, Type, Typography, TypographyWeight } from 'nightwatch-ui'; +import { FilledVariant, Icon, IconButton, Size, Type, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import { bytesToHumanReadable } from 'skiff-utils'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTable.types.ts b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTable.types.ts index 428ee10..428c3bf 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTable.types.ts +++ b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTable.types.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; export interface FileTableAction { icon: Icon; diff --git a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableActions.tsx b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableActions.tsx index 568525b..63aa4a1 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableActions.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableActions.tsx @@ -1,4 +1,4 @@ -import { IconText } from 'nightwatch-ui'; +import { IconText } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableFilter.tsx b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableFilter.tsx index 6df62c2..77f8acf 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableFilter.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableFilter.tsx @@ -1,4 +1,4 @@ -import { Dropdown, DropdownItem, Icon, IconText, TypographyWeight } from 'nightwatch-ui'; +import { Dropdown, DropdownItem, Icon, IconText, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { useRef, useState } from 'react'; import { upperCaseFirstLetter } from 'skiff-utils'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableHeader.tsx b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableHeader.tsx index 985f74c..4c4384c 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableHeader.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableHeader/FileTableHeader.tsx @@ -1,4 +1,4 @@ -import { Icon, IconText, Icons, Size, TypographyWeight } from 'nightwatch-ui'; +import { Icon, IconText, Icons, Size, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableRow/FileTableRow.tsx b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableRow/FileTableRow.tsx index 323827b..939641f 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableRow/FileTableRow.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/FileTable/FileTableRow/FileTableRow.tsx @@ -10,7 +10,7 @@ import { Type, Typography, TypographySize -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { bytesToHumanReadable } from 'skiff-utils'; import styled, { css } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/FilePreviewDisplay.tsx b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/FilePreviewDisplay.tsx index bf9b827..f71745e 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/FilePreviewDisplay.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/FilePreviewDisplay.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size } from 'nightwatch-ui'; +import { Icon, Icons, Size } from '@skiff-org/skiff-ui'; import React, { Suspense } from 'react'; import { NwContentType } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/ErrorPreview.tsx b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/ErrorPreview.tsx index 9d9e825..0f76fbe 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/ErrorPreview.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/ErrorPreview.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, IconText, Typography } from 'nightwatch-ui'; +import { Icon, Icons, IconText, Typography } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/LoadingPreview.tsx b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/LoadingPreview.tsx index e5fc990..a4ac07c 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/LoadingPreview.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/LoadingPreview.tsx @@ -1,4 +1,4 @@ -import { CircularProgress, CircularProgressSize, Size, ThemeMode } from 'nightwatch-ui'; +import { CircularProgress, CircularProgressSize, Size, ThemeMode } from '@skiff-org/skiff-ui'; export type LoadingPreviewProps = { progress?: number; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/PdfPreview.tsx b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/PdfPreview.tsx index a8fdde3..5023224 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/PdfPreview.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/PdfPreview.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size } from 'nightwatch-ui'; +import { Icon, Icons, Size } from '@skiff-org/skiff-ui'; import { useState } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/SkiffPagePreview.tsx b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/SkiffPagePreview.tsx index 112fdb1..5eca46f 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/SkiffPagePreview.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/SkiffPagePreview.tsx @@ -1,4 +1,12 @@ -import { Color, Icon, Icons, getAccentColorValues, Typography, isAccentColor, TypographyWeight } from 'nightwatch-ui'; +import { + Color, + Icon, + Icons, + getAccentColorValues, + Typography, + isAccentColor, + TypographyWeight +} from '@skiff-org/skiff-ui'; import React, { useEffect, useRef, useState } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/UnknownPreview.tsx b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/UnknownPreview.tsx index 835c217..35b878c 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/UnknownPreview.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/Previews/UnknownPreview.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size, ThemeMode, Typography, TypographyWeight } from 'nightwatch-ui'; +import { Icon, Icons, Size, ThemeMode, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import styled from 'styled-components'; import PreviewEmpty from './PreviewEmpty/preview-empty.svg'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/RecentFilePreview.tsx b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/RecentFilePreview.tsx index 04f6129..d038f7a 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/RecentFilePreview.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/RecentFilePreview.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import { Icon, AccentColor, Size, ThemeMode } from 'nightwatch-ui'; +import { Icon, AccentColor, Size, ThemeMode } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/RecentFilePreview.types.ts b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/RecentFilePreview.types.ts index c2c35af..c208260 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/RecentFilePreview.types.ts +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentFilePreview/RecentFilePreview.types.ts @@ -1,4 +1,4 @@ -import { Color, CircularProgressSize, Icon } from 'nightwatch-ui'; +import { Color, CircularProgressSize, Icon } from '@skiff-org/skiff-ui'; import { FC } from 'react'; import { NwContentType } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/FileViewer/RecentlyViewedFiles.tsx b/libs/skiff-front-utils/src/components/FileViewer/RecentlyViewedFiles.tsx index 16f5556..315a320 100644 --- a/libs/skiff-front-utils/src/components/FileViewer/RecentlyViewedFiles.tsx +++ b/libs/skiff-front-utils/src/components/FileViewer/RecentlyViewedFiles.tsx @@ -1,5 +1,5 @@ import range from 'lodash/range'; -import { Skeleton, ThemeMode } from 'nightwatch-ui'; +import { Skeleton, ThemeMode } from '@skiff-org/skiff-ui'; import React, { useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/HourPicker/HourPicker.tsx b/libs/skiff-front-utils/src/components/HourPicker/HourPicker.tsx index 268fdf4..fb57afd 100644 --- a/libs/skiff-front-utils/src/components/HourPicker/HourPicker.tsx +++ b/libs/skiff-front-utils/src/components/HourPicker/HourPicker.tsx @@ -1,6 +1,6 @@ import { Dayjs } from 'dayjs'; import debounce from 'lodash/debounce'; -import { getThemedColor, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { getThemedColor, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/IconTextWithEndActions/IconTextWithEndActions.tsx b/libs/skiff-front-utils/src/components/IconTextWithEndActions/IconTextWithEndActions.tsx index c96db0e..56a3560 100644 --- a/libs/skiff-front-utils/src/components/IconTextWithEndActions/IconTextWithEndActions.tsx +++ b/libs/skiff-front-utils/src/components/IconTextWithEndActions/IconTextWithEndActions.tsx @@ -1,5 +1,5 @@ import uniqueId from 'lodash/uniqueId'; -import { Icon, IconComponent, IconText, IconTextProps } from 'nightwatch-ui'; +import { Icon, IconComponent, IconText, IconTextProps } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/InputFieldEndAction/InputFieldEndAction.tsx b/libs/skiff-front-utils/src/components/InputFieldEndAction/InputFieldEndAction.tsx index 24bb11f..acedafc 100644 --- a/libs/skiff-front-utils/src/components/InputFieldEndAction/InputFieldEndAction.tsx +++ b/libs/skiff-front-utils/src/components/InputFieldEndAction/InputFieldEndAction.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size, ThemeMode } from 'nightwatch-ui'; +import { Icon, Icons, Size, ThemeMode } from '@skiff-org/skiff-ui'; import { useState } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Logo/Logo.tsx b/libs/skiff-front-utils/src/components/Logo/Logo.tsx index 11b3e25..37d1378 100644 --- a/libs/skiff-front-utils/src/components/Logo/Logo.tsx +++ b/libs/skiff-front-utils/src/components/Logo/Logo.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, ThemeMode, Color, Size, getThemedColor } from 'nightwatch-ui'; +import { Icon, Icons, ThemeMode, Color, Size, getThemedColor } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/MFA/MFADialog.tsx b/libs/skiff-front-utils/src/components/MFA/MFADialog.tsx index 35c81e9..1f0a1ac 100644 --- a/libs/skiff-front-utils/src/components/MFA/MFADialog.tsx +++ b/libs/skiff-front-utils/src/components/MFA/MFADialog.tsx @@ -1,4 +1,4 @@ -import { Dialog } from 'nightwatch-ui'; +import { Dialog } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import { WorkspaceEventType } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/MFA/MFASteps/EnterMFA.tsx b/libs/skiff-front-utils/src/components/MFA/MFASteps/EnterMFA.tsx index 83150e6..fd549dd 100644 --- a/libs/skiff-front-utils/src/components/MFA/MFASteps/EnterMFA.tsx +++ b/libs/skiff-front-utils/src/components/MFA/MFASteps/EnterMFA.tsx @@ -1,4 +1,4 @@ -import { ButtonGroup, ButtonGroupItem, InputField } from 'nightwatch-ui'; +import { ButtonGroup, ButtonGroupItem, InputField } from '@skiff-org/skiff-ui'; import React, { useCallback, useState } from 'react'; import { RequestStatus, WorkspaceEventType } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/MFA/MFASteps/GenerateBackupCodes.tsx b/libs/skiff-front-utils/src/components/MFA/MFASteps/GenerateBackupCodes.tsx index 9f22393..611f925 100644 --- a/libs/skiff-front-utils/src/components/MFA/MFASteps/GenerateBackupCodes.tsx +++ b/libs/skiff-front-utils/src/components/MFA/MFASteps/GenerateBackupCodes.tsx @@ -1,4 +1,4 @@ -import { Button, CircularProgress, Icon, IconText, Size, Type, Typography } from 'nightwatch-ui'; +import { Button, CircularProgress, Icon, IconText, Size, Type, Typography } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/MFA/MFASteps/ViewMFA.tsx b/libs/skiff-front-utils/src/components/MFA/MFASteps/ViewMFA.tsx index 52a4acf..b75a30c 100644 --- a/libs/skiff-front-utils/src/components/MFA/MFASteps/ViewMFA.tsx +++ b/libs/skiff-front-utils/src/components/MFA/MFASteps/ViewMFA.tsx @@ -11,7 +11,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { MfaTypes } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/MobileSearch.tsx b/libs/skiff-front-utils/src/components/MobileSearch.tsx index 3500b6f..dd1ddb2 100644 --- a/libs/skiff-front-utils/src/components/MobileSearch.tsx +++ b/libs/skiff-front-utils/src/components/MobileSearch.tsx @@ -1,5 +1,5 @@ import debounce from 'lodash/debounce'; -import { InputField, Typography } from 'nightwatch-ui'; +import { InputField, Typography } from '@skiff-org/skiff-ui'; import React, { useCallback, useEffect, useState } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/NewEmailAliasInput/NewEmailAliasInput.tsx b/libs/skiff-front-utils/src/components/NewEmailAliasInput/NewEmailAliasInput.tsx index 887c056..5975157 100644 --- a/libs/skiff-front-utils/src/components/NewEmailAliasInput/NewEmailAliasInput.tsx +++ b/libs/skiff-front-utils/src/components/NewEmailAliasInput/NewEmailAliasInput.tsx @@ -9,7 +9,7 @@ import { Size, ThemeMode, Typography -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/OrganizationSelect/AppItem.tsx b/libs/skiff-front-utils/src/components/OrganizationSelect/AppItem.tsx index de13e56..e091d41 100644 --- a/libs/skiff-front-utils/src/components/OrganizationSelect/AppItem.tsx +++ b/libs/skiff-front-utils/src/components/OrganizationSelect/AppItem.tsx @@ -1,4 +1,4 @@ -import { ThemeMode, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { ThemeMode, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { ProductApp } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/OrganizationSelect/AppSection.tsx b/libs/skiff-front-utils/src/components/OrganizationSelect/AppSection.tsx index a4b8de6..fd5417e 100644 --- a/libs/skiff-front-utils/src/components/OrganizationSelect/AppSection.tsx +++ b/libs/skiff-front-utils/src/components/OrganizationSelect/AppSection.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { Icon, Icons, Size, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { ProductApp } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/OrganizationSelect/OrgButton.tsx b/libs/skiff-front-utils/src/components/OrganizationSelect/OrgButton.tsx index 9c264d1..ee045b3 100644 --- a/libs/skiff-front-utils/src/components/OrganizationSelect/OrgButton.tsx +++ b/libs/skiff-front-utils/src/components/OrganizationSelect/OrgButton.tsx @@ -1,4 +1,4 @@ -import { Size, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { Size, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import { useUserProfile } from 'skiff-front-graphql'; import { ProductApp } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/OrganizationSelect/OrgSection.tsx b/libs/skiff-front-utils/src/components/OrganizationSelect/OrgSection.tsx index 25817f1..914f38b 100644 --- a/libs/skiff-front-utils/src/components/OrganizationSelect/OrgSection.tsx +++ b/libs/skiff-front-utils/src/components/OrganizationSelect/OrgSection.tsx @@ -1,4 +1,4 @@ -import { Icons, Size, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { Icons, Size, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import React from 'react'; import { diff --git a/libs/skiff-front-utils/src/components/OrganizationSelect/OrganizationSelect.constants.tsx b/libs/skiff-front-utils/src/components/OrganizationSelect/OrganizationSelect.constants.tsx index 34cf683..b063420 100644 --- a/libs/skiff-front-utils/src/components/OrganizationSelect/OrganizationSelect.constants.tsx +++ b/libs/skiff-front-utils/src/components/OrganizationSelect/OrganizationSelect.constants.tsx @@ -1,5 +1,5 @@ import { motion } from 'framer-motion'; -import { colors, Icon, themeNames } from 'nightwatch-ui'; +import { colors, Icon, themeNames } from '@skiff-org/skiff-ui'; import { DisplayPictureData, ProductApp } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/OrganizationSelect/OrganizationSelect.tsx b/libs/skiff-front-utils/src/components/OrganizationSelect/OrganizationSelect.tsx index 08eb4a0..5da352e 100644 --- a/libs/skiff-front-utils/src/components/OrganizationSelect/OrganizationSelect.tsx +++ b/libs/skiff-front-utils/src/components/OrganizationSelect/OrganizationSelect.tsx @@ -1,6 +1,6 @@ import Portal from '@mui/material/Portal'; import { AnimatePresence } from 'framer-motion'; -import { BANNER_HEIGHT, useOnClickOutside } from 'nightwatch-ui'; +import { BANNER_HEIGHT, useOnClickOutside } from '@skiff-org/skiff-ui'; import React, { useState, useRef } from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/libs/skiff-front-utils/src/components/OrganizationSelect/WorkspaceAction.tsx b/libs/skiff-front-utils/src/components/OrganizationSelect/WorkspaceAction.tsx index 7d7fe8c..0db8e12 100644 --- a/libs/skiff-front-utils/src/components/OrganizationSelect/WorkspaceAction.tsx +++ b/libs/skiff-front-utils/src/components/OrganizationSelect/WorkspaceAction.tsx @@ -1,4 +1,4 @@ -import { Icons, Size, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { Icons, Size, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { diff --git a/libs/skiff-front-utils/src/components/OrganizationSelect/WorkspaceItem.tsx b/libs/skiff-front-utils/src/components/OrganizationSelect/WorkspaceItem.tsx index 1a8f146..6d63fe3 100644 --- a/libs/skiff-front-utils/src/components/OrganizationSelect/WorkspaceItem.tsx +++ b/libs/skiff-front-utils/src/components/OrganizationSelect/WorkspaceItem.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Typography, TypographySize, ThemeMode } from 'nightwatch-ui'; +import { Icon, Icons, Typography, TypographySize, ThemeMode } from '@skiff-org/skiff-ui'; import { useState } from 'react'; import { UserAvatar } from '../UserAvatar'; diff --git a/libs/skiff-front-utils/src/components/PaidPlanTag/PaidPlanTag.tsx b/libs/skiff-front-utils/src/components/PaidPlanTag/PaidPlanTag.tsx index 9f42ac6..3002e01 100644 --- a/libs/skiff-front-utils/src/components/PaidPlanTag/PaidPlanTag.tsx +++ b/libs/skiff-front-utils/src/components/PaidPlanTag/PaidPlanTag.tsx @@ -1,4 +1,4 @@ -import { MonoTag, ThemeMode } from 'nightwatch-ui'; +import { MonoTag, ThemeMode } from '@skiff-org/skiff-ui'; import { SubscriptionPlan } from 'skiff-graphql'; import { MONO_TYPE_TAG_STYLES_BY_PLAN } from '../../constants'; diff --git a/libs/skiff-front-utils/src/components/PasswordAndConfirmPasswordBlock/PasswordAndConfirmPasswordBlock.tsx b/libs/skiff-front-utils/src/components/PasswordAndConfirmPasswordBlock/PasswordAndConfirmPasswordBlock.tsx index f5d2a21..c3539bc 100644 --- a/libs/skiff-front-utils/src/components/PasswordAndConfirmPasswordBlock/PasswordAndConfirmPasswordBlock.tsx +++ b/libs/skiff-front-utils/src/components/PasswordAndConfirmPasswordBlock/PasswordAndConfirmPasswordBlock.tsx @@ -1,4 +1,4 @@ -import { Icon, InputField, InputType } from 'nightwatch-ui'; +import { Icon, InputField, InputType } from '@skiff-org/skiff-ui'; import React, { useRef, useState } from 'react'; import { insertIf } from 'skiff-utils'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/PasswordAndConfirmPasswordBlock/PasswordStrengthIndicator.tsx b/libs/skiff-front-utils/src/components/PasswordAndConfirmPasswordBlock/PasswordStrengthIndicator.tsx index 0d1ee73..ef43dd4 100644 --- a/libs/skiff-front-utils/src/components/PasswordAndConfirmPasswordBlock/PasswordStrengthIndicator.tsx +++ b/libs/skiff-front-utils/src/components/PasswordAndConfirmPasswordBlock/PasswordStrengthIndicator.tsx @@ -1,4 +1,4 @@ -import { Color, CircularProgress, Size } from 'nightwatch-ui'; +import { Color, CircularProgress, Size } from '@skiff-org/skiff-ui'; import React from 'react'; type PasswordStrengthBarProps = { diff --git a/libs/skiff-front-utils/src/components/RadioButton/RadioButton.tsx b/libs/skiff-front-utils/src/components/RadioButton/RadioButton.tsx index 55e96bb..48fe238 100644 --- a/libs/skiff-front-utils/src/components/RadioButton/RadioButton.tsx +++ b/libs/skiff-front-utils/src/components/RadioButton/RadioButton.tsx @@ -1,4 +1,4 @@ -import { ThemeMode, themeNames, Typography, TypographySize } from 'nightwatch-ui'; +import { ThemeMode, themeNames, Typography, TypographySize } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/RadioCheckbox/RadioCheckbox.tsx b/libs/skiff-front-utils/src/components/RadioCheckbox/RadioCheckbox.tsx index 30e459d..9a3b9e9 100644 --- a/libs/skiff-front-utils/src/components/RadioCheckbox/RadioCheckbox.tsx +++ b/libs/skiff-front-utils/src/components/RadioCheckbox/RadioCheckbox.tsx @@ -1,4 +1,4 @@ -import { Icons, Icon, Size, ThemeMode, themeNames } from 'nightwatch-ui'; +import { Icons, Icon, Size, ThemeMode, themeNames } from '@skiff-org/skiff-ui'; import React from 'react'; import styled, { css } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/SelectBox/SelectBox.tsx b/libs/skiff-front-utils/src/components/SelectBox/SelectBox.tsx index ec0b38b..172726f 100644 --- a/libs/skiff-front-utils/src/components/SelectBox/SelectBox.tsx +++ b/libs/skiff-front-utils/src/components/SelectBox/SelectBox.tsx @@ -1,4 +1,4 @@ -import { ThemeMode, Typography, TypographyWeight } from 'nightwatch-ui'; +import { ThemeMode, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/AdjustSeats/AdjustSeats.tsx b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/AdjustSeats/AdjustSeats.tsx index 0b0aa70..078ef54 100644 --- a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/AdjustSeats/AdjustSeats.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/AdjustSeats/AdjustSeats.tsx @@ -8,7 +8,7 @@ import { Type, Typography, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useAdjustBusinessPlanMutation } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/CurrentSubscriptions.tsx b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/CurrentSubscriptions.tsx index 07af1fe..5f920ab 100644 --- a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/CurrentSubscriptions.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/CurrentSubscriptions.tsx @@ -1,4 +1,4 @@ -import { Typography } from 'nightwatch-ui'; +import { Typography } from '@skiff-org/skiff-ui'; import styled from 'styled-components'; import { TabPage } from '../../Settings.types'; import DomainSubscriptions from './DomainSubscriptions'; diff --git a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/DomainSubscriptionItem.tsx b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/DomainSubscriptionItem.tsx index 98abe8d..96555d6 100644 --- a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/DomainSubscriptionItem.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/DomainSubscriptionItem.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import { Dropdown, DropdownItem, FilledVariant, Icon, Icons, IconButton } from 'nightwatch-ui'; +import { Dropdown, DropdownItem, FilledVariant, Icon, Icons, IconButton } from '@skiff-org/skiff-ui'; import { useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useGetBillingPortalSessionUrlLazyQuery } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/SubscriptionItem.tsx b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/SubscriptionItem.tsx index eac2f2e..4f6e2f9 100644 --- a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/SubscriptionItem.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/SubscriptionItem.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size, Typography } from 'nightwatch-ui'; +import { Icon, Icons, Size, Typography } from '@skiff-org/skiff-ui'; import styled from 'styled-components'; const SubscriptionBlock = styled.div` diff --git a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/TierSubscription.tsx b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/TierSubscription.tsx index 50d3679..a8226ad 100644 --- a/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/TierSubscription.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Billing/CurrentSubscriptions/TierSubscription.tsx @@ -1,5 +1,15 @@ import dayjs from 'dayjs'; -import { Button, Dropdown, DropdownItem, FilledVariant, Icon, Icons, IconButton, MonoTag, Type } from 'nightwatch-ui'; +import { + Button, + Dropdown, + DropdownItem, + FilledVariant, + Icon, + Icons, + IconButton, + MonoTag, + Type +} from '@skiff-org/skiff-ui'; import { useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useGetBillingPortalSessionUrlLazyQuery, useInvoiceHistory, useSubscriptionPlan } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/Billing/InvoiceHistory.tsx b/libs/skiff-front-utils/src/components/Settings/Billing/InvoiceHistory.tsx index 5d441dc..ee3877e 100644 --- a/libs/skiff-front-utils/src/components/Settings/Billing/InvoiceHistory.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Billing/InvoiceHistory.tsx @@ -1,6 +1,6 @@ import dayjs from 'dayjs'; import { useFlags } from 'launchdarkly-react-client-sdk'; -import { Icon, IconText, Icons, MonoTag, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Icon, IconText, Icons, MonoTag, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { useInvoiceHistory } from 'skiff-front-graphql'; import styled, { css } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/Billing/PaymentDetails.tsx b/libs/skiff-front-utils/src/components/Settings/Billing/PaymentDetails.tsx index 285b1b7..a8591d7 100644 --- a/libs/skiff-front-utils/src/components/Settings/Billing/PaymentDetails.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Billing/PaymentDetails.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import { useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useGetBillingPortalSessionUrlLazyQuery } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/Billing/useBillingSettings.tsx b/libs/skiff-front-utils/src/components/Settings/Billing/useBillingSettings.tsx index 035d330..97cc7f3 100644 --- a/libs/skiff-front-utils/src/components/Settings/Billing/useBillingSettings.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Billing/useBillingSettings.tsx @@ -1,5 +1,5 @@ import { useFlags } from 'launchdarkly-react-client-sdk'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useMemo } from 'react'; import { isMobile } from 'react-device-detect'; import { insertIf } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/Settings/Contacts/ContactProfileView.tsx b/libs/skiff-front-utils/src/components/Settings/Contacts/ContactProfileView.tsx index 382c813..e6a2dc7 100644 --- a/libs/skiff-front-utils/src/components/Settings/Contacts/ContactProfileView.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Contacts/ContactProfileView.tsx @@ -8,7 +8,7 @@ import { IconButton, Icons, Type -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useCreateUploadContactAvatarLinkMutation, useDeleteContactMutation } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/Contacts/ContactRow.tsx b/libs/skiff-front-utils/src/components/Settings/Contacts/ContactRow.tsx index 5af13d3..79bf273 100644 --- a/libs/skiff-front-utils/src/components/Settings/Contacts/ContactRow.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Contacts/ContactRow.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Typography } from 'nightwatch-ui'; +import { Icon, Icons, Typography } from '@skiff-org/skiff-ui'; import React from 'react'; import { Contact } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/Contacts/ContactsSettings.tsx b/libs/skiff-front-utils/src/components/Settings/Contacts/ContactsSettings.tsx index 63587cd..905a9da 100644 --- a/libs/skiff-front-utils/src/components/Settings/Contacts/ContactsSettings.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Contacts/ContactsSettings.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useCallback, useMemo, useState } from 'react'; import { GetContactAutoSyncSettingsDocument, diff --git a/libs/skiff-front-utils/src/components/Settings/Contacts/ContactsTable.tsx b/libs/skiff-front-utils/src/components/Settings/Contacts/ContactsTable.tsx index 8bf505c..229e3dd 100644 --- a/libs/skiff-front-utils/src/components/Settings/Contacts/ContactsTable.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Contacts/ContactsTable.tsx @@ -1,4 +1,4 @@ -import { InputField } from 'nightwatch-ui'; +import { InputField } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { useCreateOrUpdateContactMutation, diff --git a/libs/skiff-front-utils/src/components/Settings/CryptoBanner/CryptoBanner.tsx b/libs/skiff-front-utils/src/components/Settings/CryptoBanner/CryptoBanner.tsx index 8043a2f..f075725 100644 --- a/libs/skiff-front-utils/src/components/Settings/CryptoBanner/CryptoBanner.tsx +++ b/libs/skiff-front-utils/src/components/Settings/CryptoBanner/CryptoBanner.tsx @@ -12,7 +12,7 @@ import { TypographySize, TypographyWeight, themeNames -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { useState } from 'react'; import { useGetCoinbaseCheckoutIdLazyQuery, useStoreWorkspaceEventMutation } from 'skiff-front-graphql'; import { SubscriptionPlan, WorkspaceEventType } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/EmailAliases/DefaultEmailTag.tsx b/libs/skiff-front-utils/src/components/Settings/EmailAliases/DefaultEmailTag.tsx index 4a8d00c..a9ba027 100644 --- a/libs/skiff-front-utils/src/components/Settings/EmailAliases/DefaultEmailTag.tsx +++ b/libs/skiff-front-utils/src/components/Settings/EmailAliases/DefaultEmailTag.tsx @@ -1,4 +1,4 @@ -import { colors, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { colors, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import styled from 'styled-components'; import { useTheme } from '../../../theme/AppThemeProvider'; diff --git a/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliasList.tsx b/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliasList.tsx index d2b1dc7..ab42b74 100644 --- a/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliasList.tsx +++ b/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliasList.tsx @@ -1,4 +1,4 @@ -import { Avatar, Typography } from 'nightwatch-ui'; +import { Avatar, Typography } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import styled, { css } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliasOptions.tsx b/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliasOptions.tsx index 3d56a87..f0343bb 100644 --- a/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliasOptions.tsx +++ b/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliasOptions.tsx @@ -7,7 +7,7 @@ import { Icon, IconButton, Type -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { insertIf, isSkiffAddress } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliases.tsx b/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliases.tsx index ce160fb..a01ff18 100644 --- a/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliases.tsx +++ b/libs/skiff-front-utils/src/components/Settings/EmailAliases/EmailAliases.tsx @@ -1,5 +1,5 @@ import { ApolloError } from '@apollo/client'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { isPaywallErrorCode, PaywallErrorCode } from 'skiff-utils'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberListRow.tsx b/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberListRow.tsx index a6e02db..168e08b 100644 --- a/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberListRow.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberListRow.tsx @@ -10,7 +10,7 @@ import { Icons, ThemeMode, Type -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { diff --git a/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberListTable.tsx b/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberListTable.tsx index c13036f..d689ca9 100644 --- a/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberListTable.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberListTable.tsx @@ -1,5 +1,5 @@ import { ApolloClient, NormalizedCacheObject } from '@apollo/client'; -import { Divider, InputField, Skeleton } from 'nightwatch-ui'; +import { Divider, InputField, Skeleton } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { DocumentCollaborator, PermissionLevel } from 'skiff-graphql'; import { assertExists } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberProfile.tsx b/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberProfile.tsx index e553041..e6ce7ce 100644 --- a/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberProfile.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationMemberProfile.tsx @@ -1,5 +1,5 @@ import { ApolloClient, ApolloError, NormalizedCacheObject } from '@apollo/client'; -import { CircularProgress, FilledVariant, Icon, IconButton, Icons } from 'nightwatch-ui'; +import { CircularProgress, FilledVariant, Icon, IconButton, Icons } from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { UserProfileDataFragment, useOrgMemberEmailAliasesQuery } from 'skiff-front-graphql'; import { PublicData, DocumentCollaborator } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationSettings.tsx b/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationSettings.tsx index d0166c9..79edc56 100644 --- a/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationSettings.tsx +++ b/libs/skiff-front-utils/src/components/Settings/Organization/OrganizationSettings.tsx @@ -1,5 +1,5 @@ import { ApolloClient, NormalizedCacheObject } from '@apollo/client'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React from 'react'; import { Setting, SettingsPage, SETTINGS_LABELS, SettingType, SettingValue } from '../Settings.types'; diff --git a/libs/skiff-front-utils/src/components/Settings/RecoveryEmail/RecoveryEmailOptions.tsx b/libs/skiff-front-utils/src/components/Settings/RecoveryEmail/RecoveryEmailOptions.tsx index a5bdf88..bc30020 100644 --- a/libs/skiff-front-utils/src/components/Settings/RecoveryEmail/RecoveryEmailOptions.tsx +++ b/libs/skiff-front-utils/src/components/Settings/RecoveryEmail/RecoveryEmailOptions.tsx @@ -1,4 +1,4 @@ -import { Icon, InputField } from 'nightwatch-ui'; +import { Icon, InputField } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/Settings.types.ts b/libs/skiff-front-utils/src/components/Settings/Settings.types.ts index fc76323..e3ebad0 100644 --- a/libs/skiff-front-utils/src/components/Settings/Settings.types.ts +++ b/libs/skiff-front-utils/src/components/Settings/Settings.types.ts @@ -1,4 +1,4 @@ -import { AccentColor, Icon } from 'nightwatch-ui'; +import { AccentColor, Icon } from '@skiff-org/skiff-ui'; import React, { ReactElement } from 'react'; export enum SettingsSection { diff --git a/libs/skiff-front-utils/src/components/Settings/SettingsDrawer.tsx b/libs/skiff-front-utils/src/components/Settings/SettingsDrawer.tsx index 47209e2..227816d 100644 --- a/libs/skiff-front-utils/src/components/Settings/SettingsDrawer.tsx +++ b/libs/skiff-front-utils/src/components/Settings/SettingsDrawer.tsx @@ -14,7 +14,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { FC, forwardRef, ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { upperCaseFirstLetter } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/Settings/SettingsModal.tsx b/libs/skiff-front-utils/src/components/Settings/SettingsModal.tsx index 1c363fb..10ca03e 100644 --- a/libs/skiff-front-utils/src/components/Settings/SettingsModal.tsx +++ b/libs/skiff-front-utils/src/components/Settings/SettingsModal.tsx @@ -10,7 +10,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC, useEffect, useMemo, useState } from 'react'; import { DisplayPictureData, useUserProfile } from 'skiff-front-graphql'; import { upperCaseFirstLetter } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/BillingCycleSwitch/BillingCycleSwitch.tsx b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/BillingCycleSwitch/BillingCycleSwitch.tsx index af0135e..d967546 100644 --- a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/BillingCycleSwitch/BillingCycleSwitch.tsx +++ b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/BillingCycleSwitch/BillingCycleSwitch.tsx @@ -1,4 +1,4 @@ -import { Tabs, TabsSize } from 'nightwatch-ui'; +import { Tabs, TabsSize } from '@skiff-org/skiff-ui'; import React from 'react'; import { SubscriptionInterval } from 'skiff-graphql'; import { upperCaseFirstLetter } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTable.tsx b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTable.tsx index 67cea44..34012f6 100644 --- a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTable.tsx +++ b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTable.tsx @@ -12,7 +12,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { SubscriptionInterval, SubscriptionPlan } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTableColumnEnd.tsx b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTableColumnEnd.tsx index aaf9fe0..4e4c85d 100644 --- a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTableColumnEnd.tsx +++ b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTableColumnEnd.tsx @@ -1,4 +1,4 @@ -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTableSectionHeader.tsx b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTableSectionHeader.tsx index 803b741..935667e 100644 --- a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTableSectionHeader.tsx +++ b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/FeatureTable/FeatureTableSectionHeader.tsx @@ -1,4 +1,4 @@ -import { ThemeMode, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { ThemeMode, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/PriceBlock/PriceBlock.tsx b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/PriceBlock/PriceBlock.tsx index b4994bc..fe20b4c 100644 --- a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/PriceBlock/PriceBlock.tsx +++ b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/PriceBlock/PriceBlock.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import { SubscriptionPlan } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/TierButton/TierButton.tsx b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/TierButton/TierButton.tsx index c863d97..717eb00 100644 --- a/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/TierButton/TierButton.tsx +++ b/libs/skiff-front-utils/src/components/Settings/SubscriptionPlans/TierButton/TierButton.tsx @@ -1,4 +1,4 @@ -import { Button, Size, Typography, TypographySize } from 'nightwatch-ui'; +import { Button, Size, Typography, TypographySize } from '@skiff-org/skiff-ui'; import { useState } from 'react'; import { useGetCheckoutSessionUrlOrStripeUpdateStatusLazyQuery, diff --git a/libs/skiff-front-utils/src/components/Settings/ThemeSelectSettings.tsx b/libs/skiff-front-utils/src/components/Settings/ThemeSelectSettings.tsx index 7c45cd1..25c0407 100644 --- a/libs/skiff-front-utils/src/components/Settings/ThemeSelectSettings.tsx +++ b/libs/skiff-front-utils/src/components/Settings/ThemeSelectSettings.tsx @@ -1,4 +1,4 @@ -import { LocalStorageThemeMode, StorageOnlyThemeMode, ThemeMode } from 'nightwatch-ui'; +import { LocalStorageThemeMode, StorageOnlyThemeMode, ThemeMode } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { useStoreWorkspaceEventMutation } from 'skiff-front-graphql'; import { WorkspaceEventType } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/TitleActionSection.tsx b/libs/skiff-front-utils/src/components/Settings/TitleActionSection.tsx index 04c2c31..722630c 100644 --- a/libs/skiff-front-utils/src/components/Settings/TitleActionSection.tsx +++ b/libs/skiff-front-utils/src/components/Settings/TitleActionSection.tsx @@ -11,7 +11,7 @@ import { Toggle, Type, Typography -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/TitleSection.tsx b/libs/skiff-front-utils/src/components/Settings/TitleSection.tsx index af328ff..88597fa 100644 --- a/libs/skiff-front-utils/src/components/Settings/TitleSection.tsx +++ b/libs/skiff-front-utils/src/components/Settings/TitleSection.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographyWeight } from 'nightwatch-ui'; +import { Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/shared/UserListRow.tsx b/libs/skiff-front-utils/src/components/Settings/shared/UserListRow.tsx index a17af03..2eb9049 100644 --- a/libs/skiff-front-utils/src/components/Settings/shared/UserListRow.tsx +++ b/libs/skiff-front-utils/src/components/Settings/shared/UserListRow.tsx @@ -1,4 +1,4 @@ -import { Color, Icon, Icons, Size, Typography, TypographySize, isValidIcon } from 'nightwatch-ui'; +import { Color, Icon, Icons, Size, Typography, TypographySize, isValidIcon } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import { DisplayPictureData } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/Settings/shared/UserListTable.tsx b/libs/skiff-front-utils/src/components/Settings/shared/UserListTable.tsx index 7926866..3bf659e 100644 --- a/libs/skiff-front-utils/src/components/Settings/shared/UserListTable.tsx +++ b/libs/skiff-front-utils/src/components/Settings/shared/UserListTable.tsx @@ -6,7 +6,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import styled, { css } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Settings/shared/UserProfileView.tsx b/libs/skiff-front-utils/src/components/Settings/shared/UserProfileView.tsx index 8132898..d378e7b 100644 --- a/libs/skiff-front-utils/src/components/Settings/shared/UserProfileView.tsx +++ b/libs/skiff-front-utils/src/components/Settings/shared/UserProfileView.tsx @@ -10,7 +10,7 @@ import { Size, Typography, TypographySize -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import { CreateUploadAvatarLinkResponse, DisplayPictureData } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/Sidebar/ActionSidebarItem.tsx b/libs/skiff-front-utils/src/components/Sidebar/ActionSidebarItem.tsx index 0caa018..e16b029 100644 --- a/libs/skiff-front-utils/src/components/Sidebar/ActionSidebarItem.tsx +++ b/libs/skiff-front-utils/src/components/Sidebar/ActionSidebarItem.tsx @@ -1,4 +1,4 @@ -import { IconText, ThemeMode, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { IconText, ThemeMode, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import styled, { css } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Sidebar/SectionHeader.tsx b/libs/skiff-front-utils/src/components/Sidebar/SectionHeader.tsx index aa0ec11..818c938 100644 --- a/libs/skiff-front-utils/src/components/Sidebar/SectionHeader.tsx +++ b/libs/skiff-front-utils/src/components/Sidebar/SectionHeader.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, IconText, IconTextProps, Size } from 'nightwatch-ui'; +import { Icon, Icons, IconText, IconTextProps, Size } from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { useDrop } from 'react-dnd'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Sidebar/Sidebar.types.ts b/libs/skiff-front-utils/src/components/Sidebar/Sidebar.types.ts index 5d4f4fa..aca27e9 100644 --- a/libs/skiff-front-utils/src/components/Sidebar/Sidebar.types.ts +++ b/libs/skiff-front-utils/src/components/Sidebar/Sidebar.types.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React from 'react'; export enum SidebarSectionType { diff --git a/libs/skiff-front-utils/src/components/Sidebar/SidebarSection.tsx b/libs/skiff-front-utils/src/components/Sidebar/SidebarSection.tsx index fda8aba..80b55c3 100644 --- a/libs/skiff-front-utils/src/components/Sidebar/SidebarSection.tsx +++ b/libs/skiff-front-utils/src/components/Sidebar/SidebarSection.tsx @@ -1,4 +1,4 @@ -import { Typography } from 'nightwatch-ui'; +import { Typography } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/Stepper.tsx b/libs/skiff-front-utils/src/components/Stepper.tsx index b4fc701..6022ef0 100644 --- a/libs/skiff-front-utils/src/components/Stepper.tsx +++ b/libs/skiff-front-utils/src/components/Stepper.tsx @@ -1,5 +1,5 @@ import { motion } from 'framer-motion'; -import { Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { useEffect, useMemo, useRef, useState } from 'react'; import styled from 'styled-components'; export interface DescriptionItem { diff --git a/libs/skiff-front-utils/src/components/ThemedBanner/ThemedBanner.tsx b/libs/skiff-front-utils/src/components/ThemedBanner/ThemedBanner.tsx index c72f665..ca5157c 100644 --- a/libs/skiff-front-utils/src/components/ThemedBanner/ThemedBanner.tsx +++ b/libs/skiff-front-utils/src/components/ThemedBanner/ThemedBanner.tsx @@ -1,4 +1,4 @@ -import { Banner, BannerProps, ThemeMode } from 'nightwatch-ui'; +import { Banner, BannerProps, ThemeMode } from '@skiff-org/skiff-ui'; import React from 'react'; import { useTheme } from '../../theme/AppThemeProvider'; diff --git a/libs/skiff-front-utils/src/components/TimeZonePicker/TimeZonePicker.tsx b/libs/skiff-front-utils/src/components/TimeZonePicker/TimeZonePicker.tsx index 74c2e84..3254f33 100644 --- a/libs/skiff-front-utils/src/components/TimeZonePicker/TimeZonePicker.tsx +++ b/libs/skiff-front-utils/src/components/TimeZonePicker/TimeZonePicker.tsx @@ -1,5 +1,5 @@ import { getTimeZones, TimeZone } from '@vvo/tzdb'; -import { Typography, ThemeMode, themeNames } from 'nightwatch-ui'; +import { Typography, ThemeMode, themeNames } from '@skiff-org/skiff-ui'; import styled from 'styled-components'; export const TimeDiffContainer = styled.span` diff --git a/libs/skiff-front-utils/src/components/UserAvatar/MobileAvatar.tsx b/libs/skiff-front-utils/src/components/UserAvatar/MobileAvatar.tsx index 28f9699..e4ee803 100644 --- a/libs/skiff-front-utils/src/components/UserAvatar/MobileAvatar.tsx +++ b/libs/skiff-front-utils/src/components/UserAvatar/MobileAvatar.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size, ThemeMode, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Icon, Icons, Size, ThemeMode, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { FC, useEffect, useRef } from 'react'; import { DisplayPictureData } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/UserAvatar/UserAvatar.tsx b/libs/skiff-front-utils/src/components/UserAvatar/UserAvatar.tsx index 45606e4..ad1e798 100644 --- a/libs/skiff-front-utils/src/components/UserAvatar/UserAvatar.tsx +++ b/libs/skiff-front-utils/src/components/UserAvatar/UserAvatar.tsx @@ -1,4 +1,4 @@ -import { Avatar, AvatarProps, Icon, getAvatarIconOrLabel, AccentColor, ThemeMode } from 'nightwatch-ui'; +import { Avatar, AvatarProps, Icon, getAvatarIconOrLabel, AccentColor, ThemeMode } from '@skiff-org/skiff-ui'; import React from 'react'; import { DisplayPictureData } from 'skiff-graphql'; import { isWalletOrNameServiceAddress } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/modals/AddEmailModal/AddEmailModal.tsx b/libs/skiff-front-utils/src/components/modals/AddEmailModal/AddEmailModal.tsx index 43fa579..521cee5 100644 --- a/libs/skiff-front-utils/src/components/modals/AddEmailModal/AddEmailModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/AddEmailModal/AddEmailModal.tsx @@ -7,7 +7,7 @@ import { InputField, Layout, ThemeMode -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { isMobile } from 'react-device-detect'; import { RequestStatus } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/AddTeamMemberModal.tsx b/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/AddTeamMemberModal.tsx index a564e8c..8a20dcd 100644 --- a/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/AddTeamMemberModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/AddTeamMemberModal.tsx @@ -1,5 +1,5 @@ import { ApolloClient, NormalizedCacheObject } from '@apollo/client'; -import { Dialog, Drawer } from 'nightwatch-ui'; +import { Dialog, Drawer } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { isMobile } from 'react-device-detect'; import { PaywallErrorCode } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/InviteByEmail.tsx b/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/InviteByEmail.tsx index 40d3c8b..831b25f 100644 --- a/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/InviteByEmail.tsx +++ b/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/InviteByEmail.tsx @@ -12,7 +12,7 @@ import { Type, Typography, getThemedColor -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { PermissionLevel } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/ProvisionAccount.tsx b/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/ProvisionAccount.tsx index ad8a196..b113f01 100644 --- a/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/ProvisionAccount.tsx +++ b/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/ProvisionAccount.tsx @@ -11,7 +11,7 @@ import { ThemeMode, Typography, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useGetOrganizationQuery, useValidateMailAliasLazyQuery } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/SelectInviteOption.tsx b/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/SelectInviteOption.tsx index c484af0..22a00af 100644 --- a/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/SelectInviteOption.tsx +++ b/libs/skiff-front-utils/src/components/modals/AddTeamMemberModal/SelectInviteOption.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, ThemeMode, Typography, getThemedColor } from 'nightwatch-ui'; +import { Icon, Icons, ThemeMode, Typography, getThemedColor } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/modals/ConfirmDeleteAccountModal/ConfirmDeleteAccountModal.tsx b/libs/skiff-front-utils/src/components/modals/ConfirmDeleteAccountModal/ConfirmDeleteAccountModal.tsx index 3f37e36..92d5287 100644 --- a/libs/skiff-front-utils/src/components/modals/ConfirmDeleteAccountModal/ConfirmDeleteAccountModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/ConfirmDeleteAccountModal/ConfirmDeleteAccountModal.tsx @@ -8,7 +8,7 @@ import { Layout, Typography, Size -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC, useMemo, useState } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/modals/ConfirmModal/ConfirmModal.tsx b/libs/skiff-front-utils/src/components/modals/ConfirmModal/ConfirmModal.tsx index 4f4390a..b2edb00 100644 --- a/libs/skiff-front-utils/src/components/modals/ConfirmModal/ConfirmModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/ConfirmModal/ConfirmModal.tsx @@ -1,4 +1,4 @@ -import { ButtonGroupItem, Dialog, DialogTypes, Type } from 'nightwatch-ui'; +import { ButtonGroupItem, Dialog, DialogTypes, Type } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/libs/skiff-front-utils/src/components/modals/ConfirmPasswordModalBase/ConfirmPasswordModalBase.tsx b/libs/skiff-front-utils/src/components/modals/ConfirmPasswordModalBase/ConfirmPasswordModalBase.tsx index 289e0a1..eca2fec 100644 --- a/libs/skiff-front-utils/src/components/modals/ConfirmPasswordModalBase/ConfirmPasswordModalBase.tsx +++ b/libs/skiff-front-utils/src/components/modals/ConfirmPasswordModalBase/ConfirmPasswordModalBase.tsx @@ -7,7 +7,7 @@ import { InputField, InputType, Size -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/modals/DowngradeModal/DowngradeModal.tsx b/libs/skiff-front-utils/src/components/modals/DowngradeModal/DowngradeModal.tsx index 0ab2de1..1227f30 100644 --- a/libs/skiff-front-utils/src/components/modals/DowngradeModal/DowngradeModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/DowngradeModal/DowngradeModal.tsx @@ -1,4 +1,4 @@ -import { Button, Dialog, DialogTypes, Size, Type } from 'nightwatch-ui'; +import { Button, Dialog, DialogTypes, Size, Type } from '@skiff-org/skiff-ui'; import React from 'react'; import { DowngradeProgress } from 'skiff-graphql'; import { TierName } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/components/modals/FeedbackModal/FeedbackModal.tsx b/libs/skiff-front-utils/src/components/modals/FeedbackModal/FeedbackModal.tsx index 58a902d..07ccfd2 100644 --- a/libs/skiff-front-utils/src/components/modals/FeedbackModal/FeedbackModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/FeedbackModal/FeedbackModal.tsx @@ -9,7 +9,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useReducer, useState } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/components/modals/InviteUsersModal/InviteUsersModal.tsx b/libs/skiff-front-utils/src/components/modals/InviteUsersModal/InviteUsersModal.tsx index b47c7a2..2c9b79c 100644 --- a/libs/skiff-front-utils/src/components/modals/InviteUsersModal/InviteUsersModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/InviteUsersModal/InviteUsersModal.tsx @@ -1,4 +1,4 @@ -import { ButtonGroup, ButtonGroupItem, Dialog, DialogTypes, Icon, Icons, InputField } from 'nightwatch-ui'; +import { ButtonGroup, ButtonGroupItem, Dialog, DialogTypes, Icon, Icons, InputField } from '@skiff-org/skiff-ui'; import { AddressObject, DisplayPictureData } from 'skiff-graphql'; import { useToast } from '../../../hooks'; diff --git a/libs/skiff-front-utils/src/components/modals/LogoutModal/LogoutModal.tsx b/libs/skiff-front-utils/src/components/modals/LogoutModal/LogoutModal.tsx index b8cc5d7..6d2b7e4 100644 --- a/libs/skiff-front-utils/src/components/modals/LogoutModal/LogoutModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/LogoutModal/LogoutModal.tsx @@ -1,4 +1,4 @@ -import { ButtonGroupItem, Dialog, DialogTypes, Type } from 'nightwatch-ui'; +import { ButtonGroupItem, Dialog, DialogTypes, Type } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/libs/skiff-front-utils/src/components/modals/PaywallModal/PaywallModal.tsx b/libs/skiff-front-utils/src/components/modals/PaywallModal/PaywallModal.tsx index ef408e7..c95de63 100644 --- a/libs/skiff-front-utils/src/components/modals/PaywallModal/PaywallModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/PaywallModal/PaywallModal.tsx @@ -1,4 +1,4 @@ -import { ButtonGroupItem, Dialog, DialogTypes } from 'nightwatch-ui'; +import { ButtonGroupItem, Dialog, DialogTypes } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import { useSubscriptionPlan } from 'skiff-front-graphql'; diff --git a/libs/skiff-front-utils/src/components/modals/PlanDelinquencyModal/PlanDelinquencyModal.tsx b/libs/skiff-front-utils/src/components/modals/PlanDelinquencyModal/PlanDelinquencyModal.tsx index f3d4bc5..46c5dcb 100644 --- a/libs/skiff-front-utils/src/components/modals/PlanDelinquencyModal/PlanDelinquencyModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/PlanDelinquencyModal/PlanDelinquencyModal.tsx @@ -1,4 +1,4 @@ -import { Button, Dialog, DialogTypes, Size } from 'nightwatch-ui'; +import { Button, Dialog, DialogTypes, Size } from '@skiff-org/skiff-ui'; import React, { useEffect } from 'react'; import { useStoreWorkspaceEventMutation } from 'skiff-front-graphql'; import { DowngradeProgress } from 'skiff-graphql'; diff --git a/libs/skiff-front-utils/src/components/modals/QrCode/QrCode.tsx b/libs/skiff-front-utils/src/components/modals/QrCode/QrCode.tsx index 7f05f4f..49751e5 100644 --- a/libs/skiff-front-utils/src/components/modals/QrCode/QrCode.tsx +++ b/libs/skiff-front-utils/src/components/modals/QrCode/QrCode.tsx @@ -1,4 +1,4 @@ -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import React from 'react'; import { QRCode as ReactQrCode } from 'react-qrcode-logo'; diff --git a/libs/skiff-front-utils/src/components/modals/QrCode/QrCodeModal.tsx b/libs/skiff-front-utils/src/components/modals/QrCode/QrCodeModal.tsx index fa83391..004f963 100644 --- a/libs/skiff-front-utils/src/components/modals/QrCode/QrCodeModal.tsx +++ b/libs/skiff-front-utils/src/components/modals/QrCode/QrCodeModal.tsx @@ -1,4 +1,4 @@ -import { Button, Dialog, DialogTypes, ThemeMode, Typography } from 'nightwatch-ui'; +import { Button, Dialog, DialogTypes, ThemeMode, Typography } from '@skiff-org/skiff-ui'; import React, { Suspense } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/constants/plans.constants.ts b/libs/skiff-front-utils/src/constants/plans.constants.ts index a9a38d8..83d2d0f 100644 --- a/libs/skiff-front-utils/src/constants/plans.constants.ts +++ b/libs/skiff-front-utils/src/constants/plans.constants.ts @@ -1,4 +1,4 @@ -import { MonoTagProps } from 'nightwatch-ui'; +import { MonoTagProps } from '@skiff-org/skiff-ui'; import { SubscriptionPlan } from 'skiff-graphql'; import { PerIntervalPrice, diff --git a/libs/skiff-front-utils/src/constants/userPreferences.constants.ts b/libs/skiff-front-utils/src/constants/userPreferences.constants.ts index 6dfc478..d960151 100644 --- a/libs/skiff-front-utils/src/constants/userPreferences.constants.ts +++ b/libs/skiff-front-utils/src/constants/userPreferences.constants.ts @@ -1,4 +1,4 @@ -import { AccentColor, isAccentColor, Color } from 'nightwatch-ui'; +import { AccentColor, isAccentColor, Color } from '@skiff-org/skiff-ui'; import { BottomDrawerModes, ThreadDisplayFormat, SwipeSetting } from 'skiff-graphql'; import { StorageTypes } from 'skiff-utils'; diff --git a/libs/skiff-front-utils/src/hooks/useToast.tsx b/libs/skiff-front-utils/src/hooks/useToast.tsx index 8a1f852..98883cf 100644 --- a/libs/skiff-front-utils/src/hooks/useToast.tsx +++ b/libs/skiff-front-utils/src/hooks/useToast.tsx @@ -1,5 +1,5 @@ import Slide from '@mui/material/Slide'; -import { Toast, ToastProps, TOAST_DEFAULT_DURATION } from 'nightwatch-ui'; +import { Toast, ToastProps, TOAST_DEFAULT_DURATION } from '@skiff-org/skiff-ui'; import { SnackbarKey, useSnackbar } from 'notistack'; import { useCallback, useRef } from 'react'; diff --git a/libs/skiff-front-utils/src/svgs/Illustration.tsx b/libs/skiff-front-utils/src/svgs/Illustration.tsx index 7f470ac..d77b8ce 100644 --- a/libs/skiff-front-utils/src/svgs/Illustration.tsx +++ b/libs/skiff-front-utils/src/svgs/Illustration.tsx @@ -1,4 +1,4 @@ -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import { lazy, Suspense } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-front-utils/src/theme/AppThemeProvider.tsx b/libs/skiff-front-utils/src/theme/AppThemeProvider.tsx index 3a424fd..2bbdc0d 100644 --- a/libs/skiff-front-utils/src/theme/AppThemeProvider.tsx +++ b/libs/skiff-front-utils/src/theme/AppThemeProvider.tsx @@ -1,5 +1,5 @@ import noop from 'lodash/noop'; -import { LocalStorageThemeMode, StorageOnlyThemeMode, ThemeMode, themeNames } from 'nightwatch-ui'; +import { LocalStorageThemeMode, StorageOnlyThemeMode, ThemeMode, themeNames } from '@skiff-org/skiff-ui'; import React, { createContext, useCallback, useContext, useEffect, useState } from 'react'; import { ThemeProvider, createGlobalStyle } from 'styled-components'; diff --git a/libs/skiff-front-utils/src/utils/fileUtils.ts b/libs/skiff-front-utils/src/utils/fileUtils.ts index 284dd75..01a41d2 100644 --- a/libs/skiff-front-utils/src/utils/fileUtils.ts +++ b/libs/skiff-front-utils/src/utils/fileUtils.ts @@ -1,4 +1,4 @@ -import { Icon as NWIcon } from 'nightwatch-ui'; +import { Icon as NWIcon } from '@skiff-org/skiff-ui'; import { bytesToHumanReadable } from 'skiff-utils'; import { VIDEO_UNSUPPORTED_FORMATS } from '../components/FileViewer/RecentFilePreview/Previews/VideoPreview'; diff --git a/libs/skiff-front-utils/src/utils/planUtils.ts b/libs/skiff-front-utils/src/utils/planUtils.ts index 8ce32b7..0521089 100644 --- a/libs/skiff-front-utils/src/utils/planUtils.ts +++ b/libs/skiff-front-utils/src/utils/planUtils.ts @@ -1,4 +1,4 @@ -import { Type, Color, TextColor } from 'nightwatch-ui'; +import { Type, Color, TextColor } from '@skiff-org/skiff-ui'; import pluralize from 'pluralize'; import { SubscriptionPlan, diff --git a/libs/skiff-front-utils/src/utils/walletUtils/walletUtils.constants.ts b/libs/skiff-front-utils/src/utils/walletUtils/walletUtils.constants.ts index 95a5819..b4b4f76 100644 --- a/libs/skiff-front-utils/src/utils/walletUtils/walletUtils.constants.ts +++ b/libs/skiff-front-utils/src/utils/walletUtils/walletUtils.constants.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; export const COSMOS_CHAIN_ID = 'cosmoshub-4'; diff --git a/libs/skiff-front-utils/src/utils/walletUtils/walletUtils.ts b/libs/skiff-front-utils/src/utils/walletUtils/walletUtils.ts index 40cd2a9..42cabaf 100644 --- a/libs/skiff-front-utils/src/utils/walletUtils/walletUtils.ts +++ b/libs/skiff-front-utils/src/utils/walletUtils/walletUtils.ts @@ -1,6 +1,6 @@ import { Bech32Address } from '@keplr-wallet/cosmos/build/bech32'; import { MetaMaskInpageProvider } from '@metamask/providers'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { isENSName, isJunoAddress, isICNSName, isSolanaAddress } from 'skiff-utils'; import isEmail from 'validator/lib/isEmail'; import isEthereumAddress from 'validator/lib/isEthereumAddress'; diff --git a/libs/skiff-prosemirror/src/MentionNodeSpec.ts b/libs/skiff-prosemirror/src/MentionNodeSpec.ts index 17c2f69..388b15e 100644 --- a/libs/skiff-prosemirror/src/MentionNodeSpec.ts +++ b/libs/skiff-prosemirror/src/MentionNodeSpec.ts @@ -1,4 +1,4 @@ -import { Icon, IconProps, Icons, stringToColor } from 'nightwatch-ui'; +import { Icon, IconProps, Icons, stringToColor } from '@skiff-org/skiff-ui'; import { NodeSpec } from 'prosemirror-model'; import React from 'react'; import ReactDOMServer from 'react-dom/server'; diff --git a/libs/skiff-prosemirror/src/buildEditorPlugins.ts b/libs/skiff-prosemirror/src/buildEditorPlugins.ts index 3750318..a7c85df 100644 --- a/libs/skiff-prosemirror/src/buildEditorPlugins.ts +++ b/libs/skiff-prosemirror/src/buildEditorPlugins.ts @@ -1,6 +1,6 @@ import { insertMathCmd, mathPlugin } from '@benrbray/prosemirror-math'; import { setBaseName } from '@skiff-org/prosemirror-tables'; -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import { gapCursor } from 'prosemirror-gapcursor'; import { keymap } from 'prosemirror-keymap'; import { Schema } from 'prosemirror-model'; diff --git a/libs/skiff-prosemirror/src/codeblock/customCreateSelect.tsx b/libs/skiff-prosemirror/src/codeblock/customCreateSelect.tsx index 36b29a9..b9611a2 100644 --- a/libs/skiff-prosemirror/src/codeblock/customCreateSelect.tsx +++ b/libs/skiff-prosemirror/src/codeblock/customCreateSelect.tsx @@ -1,4 +1,14 @@ -import { IconText, Icon, IconButton, Dropdown, DropdownItem, InputField, Size, ThemeMode, Type } from 'nightwatch-ui'; +import { + IconText, + Icon, + IconButton, + Dropdown, + DropdownItem, + InputField, + Size, + ThemeMode, + Type +} from '@skiff-org/skiff-ui'; import { Node } from 'prosemirror-model'; import { EditorView } from 'prosemirror-view'; import React, { LegacyRef } from 'react'; diff --git a/libs/skiff-prosemirror/src/codeblock/settings.ts b/libs/skiff-prosemirror/src/codeblock/settings.ts index 4bffc9f..ff76278 100644 --- a/libs/skiff-prosemirror/src/codeblock/settings.ts +++ b/libs/skiff-prosemirror/src/codeblock/settings.ts @@ -1,6 +1,6 @@ import { oneDarkHighlightStyle } from '@codemirror/theme-one-dark'; import { EditorView } from '@codemirror/view'; -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import { redo, undo } from 'y-prosemirror'; import { customCreateSelect, updateCustomSelect } from './customCreateSelect'; diff --git a/libs/skiff-prosemirror/src/comments/components/Comment.tsx b/libs/skiff-prosemirror/src/comments/components/Comment.tsx index 39ac565..b3c6086 100644 --- a/libs/skiff-prosemirror/src/comments/components/Comment.tsx +++ b/libs/skiff-prosemirror/src/comments/components/Comment.tsx @@ -10,7 +10,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { Suspense, FC, ReactElement, useRef } from 'react'; import { isMobile } from 'react-device-detect'; import { DateDisplay, formatName, getNameTooltipLabel } from 'skiff-front-utils'; diff --git a/libs/skiff-prosemirror/src/comments/components/CommentEditor.tsx b/libs/skiff-prosemirror/src/comments/components/CommentEditor.tsx index 73127c3..86ae700 100644 --- a/libs/skiff-prosemirror/src/comments/components/CommentEditor.tsx +++ b/libs/skiff-prosemirror/src/comments/components/CommentEditor.tsx @@ -1,5 +1,5 @@ import { sanitize } from 'dompurify'; -import { Typography } from 'nightwatch-ui'; +import { Typography } from '@skiff-org/skiff-ui'; import { DOMSerializer, Node } from 'prosemirror-model'; import { EditorState } from 'prosemirror-state'; import { EditorView } from 'prosemirror-view'; diff --git a/libs/skiff-prosemirror/src/comments/components/CommentMenu.tsx b/libs/skiff-prosemirror/src/comments/components/CommentMenu.tsx index 5aa6b45..d8d7ab8 100644 --- a/libs/skiff-prosemirror/src/comments/components/CommentMenu.tsx +++ b/libs/skiff-prosemirror/src/comments/components/CommentMenu.tsx @@ -1,4 +1,4 @@ -import { Dropdown, DropdownItem, Icon, IconButton, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { Dropdown, DropdownItem, Icon, IconButton, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import React, { FC, useRef } from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/libs/skiff-prosemirror/src/comments/components/CommentsSidepanel.tsx b/libs/skiff-prosemirror/src/comments/components/CommentsSidepanel.tsx index 5f9e120..2ee6b10 100644 --- a/libs/skiff-prosemirror/src/comments/components/CommentsSidepanel.tsx +++ b/libs/skiff-prosemirror/src/comments/components/CommentsSidepanel.tsx @@ -10,7 +10,7 @@ import { Typography, TypographyWeight, useOnClickOutside -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { MarkType } from 'prosemirror-model'; import { EditorView } from 'prosemirror-view'; import React, { FC, MouseEventHandler, useCallback, useEffect, useRef, useState } from 'react'; // eslint-disable-line diff --git a/libs/skiff-prosemirror/src/comments/components/EmojiPopup.tsx b/libs/skiff-prosemirror/src/comments/components/EmojiPopup.tsx index deec85a..41337f9 100644 --- a/libs/skiff-prosemirror/src/comments/components/EmojiPopup.tsx +++ b/libs/skiff-prosemirror/src/comments/components/EmojiPopup.tsx @@ -1,4 +1,4 @@ -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import React from 'react'; import { Suspense, FC } from 'react'; diff --git a/libs/skiff-prosemirror/src/comments/components/FloatingThreads.tsx b/libs/skiff-prosemirror/src/comments/components/FloatingThreads.tsx index 5bdd7e4..2a1d54a 100644 --- a/libs/skiff-prosemirror/src/comments/components/FloatingThreads.tsx +++ b/libs/skiff-prosemirror/src/comments/components/FloatingThreads.tsx @@ -1,5 +1,5 @@ import clone from 'lodash/clone'; -import { Icon, Icons, Typography, useOnClickOutside } from 'nightwatch-ui'; +import { Icon, Icons, Typography, useOnClickOutside } from '@skiff-org/skiff-ui'; import { EditorView } from 'prosemirror-view'; import React, { FC, MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/libs/skiff-prosemirror/src/comments/components/MobileThreadPopup.tsx b/libs/skiff-prosemirror/src/comments/components/MobileThreadPopup.tsx index a1c0268..2da46a3 100644 --- a/libs/skiff-prosemirror/src/comments/components/MobileThreadPopup.tsx +++ b/libs/skiff-prosemirror/src/comments/components/MobileThreadPopup.tsx @@ -1,4 +1,4 @@ -import { Drawer, Icon, IconButton, useOnClickOutside } from 'nightwatch-ui'; +import { Drawer, Icon, IconButton, useOnClickOutside } from '@skiff-org/skiff-ui'; import { EditorView } from 'prosemirror-view'; import React, { useMemo, useRef } from 'react'; import { useTheme } from 'skiff-front-utils'; diff --git a/libs/skiff-prosemirror/src/comments/components/Thread.tsx b/libs/skiff-prosemirror/src/comments/components/Thread.tsx index 2ab1f89..f25fd49 100644 --- a/libs/skiff-prosemirror/src/comments/components/Thread.tsx +++ b/libs/skiff-prosemirror/src/comments/components/Thread.tsx @@ -2,7 +2,7 @@ import '../../ui/comments.css'; import '../../ui/emoji-mart-styles.css'; import cx from 'classnames'; -import { Icon, Icons, Typography, useOnClickOutside } from 'nightwatch-ui'; +import { Icon, Icons, Typography, useOnClickOutside } from '@skiff-org/skiff-ui'; import { MarkType } from 'prosemirror-model'; import { EditorView } from 'prosemirror-view'; import React, { FC, Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react'; diff --git a/libs/skiff-prosemirror/src/comments/components/ThreadInput.tsx b/libs/skiff-prosemirror/src/comments/components/ThreadInput.tsx index 30e934e..6c4755f 100644 --- a/libs/skiff-prosemirror/src/comments/components/ThreadInput.tsx +++ b/libs/skiff-prosemirror/src/comments/components/ThreadInput.tsx @@ -1,4 +1,4 @@ -import { Divider, Icon, IconButton, ThemeMode, Type, Typography, useOnClickOutside } from 'nightwatch-ui'; +import { Divider, Icon, IconButton, ThemeMode, Type, Typography, useOnClickOutside } from '@skiff-org/skiff-ui'; import { Node } from 'prosemirror-model'; import { EditorState, Transaction } from 'prosemirror-state'; import { EditorView } from 'prosemirror-view'; diff --git a/libs/skiff-prosemirror/src/comments/components/ThreadPopup.tsx b/libs/skiff-prosemirror/src/comments/components/ThreadPopup.tsx index b62e9d1..40f0ae3 100644 --- a/libs/skiff-prosemirror/src/comments/components/ThreadPopup.tsx +++ b/libs/skiff-prosemirror/src/comments/components/ThreadPopup.tsx @@ -1,4 +1,4 @@ -import { Divider, useOnClickOutside } from 'nightwatch-ui'; +import { Divider, useOnClickOutside } from '@skiff-org/skiff-ui'; import { EditorView } from 'prosemirror-view'; import React, { useEffect, useMemo, useRef, useState } from 'react'; diff --git a/libs/skiff-prosemirror/src/comments/hooks/usePopup.ts b/libs/skiff-prosemirror/src/comments/hooks/usePopup.ts index 3856475..e497d88 100644 --- a/libs/skiff-prosemirror/src/comments/hooks/usePopup.ts +++ b/libs/skiff-prosemirror/src/comments/hooks/usePopup.ts @@ -1,4 +1,4 @@ -import { useOnClickOutside } from 'nightwatch-ui'; +import { useOnClickOutside } from '@skiff-org/skiff-ui'; import { useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/libs/skiff-prosemirror/src/comments/utils/menuActions.ts b/libs/skiff-prosemirror/src/comments/utils/menuActions.ts index 8b6177a..4d3d5a7 100644 --- a/libs/skiff-prosemirror/src/comments/utils/menuActions.ts +++ b/libs/skiff-prosemirror/src/comments/utils/menuActions.ts @@ -1,4 +1,4 @@ -import { Icon, IconProps } from 'nightwatch-ui'; +import { Icon, IconProps } from '@skiff-org/skiff-ui'; import { MarkType } from 'prosemirror-model'; import { EditorView } from 'prosemirror-view'; import { Dispatch } from 'react'; diff --git a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/customMenu/AnimatedDropdown.ts b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/customMenu/AnimatedDropdown.ts index 0631bef..f5bbb3f 100644 --- a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/customMenu/AnimatedDropdown.ts +++ b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/customMenu/AnimatedDropdown.ts @@ -1,5 +1,5 @@ import crelt from 'crelt'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { Dropdown } from 'prosemirror-menu'; import { EditorState } from 'prosemirror-state'; import { EditorView } from 'prosemirror-view'; diff --git a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/nodesItems.ts b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/nodesItems.ts index 0145a26..0612699 100644 --- a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/nodesItems.ts +++ b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/nodesItems.ts @@ -1,7 +1,7 @@ /* eslint-disable @typescript-eslint/no-unsafe-member-access */ /* eslint-disable @typescript-eslint/no-unsafe-return */ /* eslint-disable @typescript-eslint/no-unsafe-call */ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { EditorState, Transaction } from 'prosemirror-state'; import { diff --git a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/tableItems.ts b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/tableItems.ts index dfb13dc..01aeade 100644 --- a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/tableItems.ts +++ b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/tableItems.ts @@ -10,7 +10,7 @@ import { toggleTableHeaders } from '@skiff-org/prosemirror-tables'; import crelt from 'crelt'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { EditorState, Transaction } from 'prosemirror-state'; import { findParentNodeOfType } from 'prosemirror-utils'; import { EditorView } from 'prosemirror-view'; diff --git a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/textItems.ts b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/textItems.ts index 0551dd5..6553bfd 100644 --- a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/textItems.ts +++ b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/textItems.ts @@ -1,5 +1,5 @@ import crelt from 'crelt'; -import { Icon, IconProps } from 'nightwatch-ui'; +import { Icon, IconProps } from '@skiff-org/skiff-ui'; import { EditorState, Transaction } from 'prosemirror-state'; import { EditorView } from 'prosemirror-view'; import { EditorHighlightColorIds, EditorTextColorIds, HIGHLIGHT_COLORS, TEXT_COLORS } from 'skiff-front-utils'; diff --git a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/utils.tsx b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/utils.tsx index 6b85543..9a8c57c 100644 --- a/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/utils.tsx +++ b/libs/skiff-prosemirror/src/floatingToolbar/toolbarItems/utils.tsx @@ -1,7 +1,7 @@ import crelt from 'crelt'; import { sanitize } from 'dompurify'; import first from 'lodash/first'; -import { IconProps, Icons, KeyCodeSequence, Size, ThemeMode } from 'nightwatch-ui'; +import { IconProps, Icons, KeyCodeSequence, Size, ThemeMode } from '@skiff-org/skiff-ui'; import { EditorState } from 'prosemirror-state'; import React from 'react'; import { renderToStaticMarkup } from 'react-dom/server'; diff --git a/libs/skiff-prosemirror/src/mentionsMenu/EditorMentionsMenu.tsx b/libs/skiff-prosemirror/src/mentionsMenu/EditorMentionsMenu.tsx index e478d12..b8b1611 100644 --- a/libs/skiff-prosemirror/src/mentionsMenu/EditorMentionsMenu.tsx +++ b/libs/skiff-prosemirror/src/mentionsMenu/EditorMentionsMenu.tsx @@ -1,6 +1,6 @@ import '../ui/skiff-editor-menus.css'; -import { ThemeMode, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { ThemeMode, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import { EditorView } from 'prosemirror-view'; import React, { ForwardRefRenderFunction, useEffect, useMemo } from 'react'; import styled from 'styled-components'; diff --git a/libs/skiff-prosemirror/src/mentionsMenu/MentionItem.tsx b/libs/skiff-prosemirror/src/mentionsMenu/MentionItem.tsx index a86a627..c99c73f 100644 --- a/libs/skiff-prosemirror/src/mentionsMenu/MentionItem.tsx +++ b/libs/skiff-prosemirror/src/mentionsMenu/MentionItem.tsx @@ -1,4 +1,4 @@ -import { Size, ThemeMode, Typography } from 'nightwatch-ui'; +import { Size, ThemeMode, Typography } from '@skiff-org/skiff-ui'; import { EditorView } from 'prosemirror-view'; import React, { FunctionComponent, useMemo } from 'react'; import { formatName } from 'skiff-front-utils'; diff --git a/libs/skiff-prosemirror/src/mentionsMenu/utils.tsx b/libs/skiff-prosemirror/src/mentionsMenu/utils.tsx index d5c00f2..07b02fd 100644 --- a/libs/skiff-prosemirror/src/mentionsMenu/utils.tsx +++ b/libs/skiff-prosemirror/src/mentionsMenu/utils.tsx @@ -1,6 +1,6 @@ import '../ui/skiff-editor-menus.css'; -import { Icon as IconEnum, InputField, Size } from 'nightwatch-ui'; +import { Icon as IconEnum, InputField, Size } from '@skiff-org/skiff-ui'; import { PluginKey, Transaction } from 'prosemirror-state'; import { EditorView } from 'prosemirror-view'; import React from 'react'; diff --git a/libs/skiff-prosemirror/src/schema/specs/docIconSpec.ts b/libs/skiff-prosemirror/src/schema/specs/docIconSpec.ts index c43104a..997efea 100644 --- a/libs/skiff-prosemirror/src/schema/specs/docIconSpec.ts +++ b/libs/skiff-prosemirror/src/schema/specs/docIconSpec.ts @@ -1,5 +1,5 @@ import * as DOMPurify from 'dompurify'; -import { Color, Icon, Icons, Size } from 'nightwatch-ui'; +import { Color, Icon, Icons, Size } from '@skiff-org/skiff-ui'; import { NodeSpec } from 'prosemirror-model'; import { renderToStaticMarkup } from 'react-dom/server'; diff --git a/libs/skiff-prosemirror/src/shared/UserAvatar.tsx b/libs/skiff-prosemirror/src/shared/UserAvatar.tsx index 15d7987..6f039b8 100644 --- a/libs/skiff-prosemirror/src/shared/UserAvatar.tsx +++ b/libs/skiff-prosemirror/src/shared/UserAvatar.tsx @@ -1,4 +1,4 @@ -import { Avatar, AvatarProps, getAvatarIconOrLabel } from 'nightwatch-ui'; +import { Avatar, AvatarProps, getAvatarIconOrLabel } from '@skiff-org/skiff-ui'; import React from 'react'; import { getWalletIcon } from 'skiff-front-utils'; import { isWalletOrNameServiceAddress } from 'skiff-utils'; diff --git a/libs/skiff-prosemirror/src/sharedMenuComponents/MenuInput.tsx b/libs/skiff-prosemirror/src/sharedMenuComponents/MenuInput.tsx index c4588ed..9a8a025 100644 --- a/libs/skiff-prosemirror/src/sharedMenuComponents/MenuInput.tsx +++ b/libs/skiff-prosemirror/src/sharedMenuComponents/MenuInput.tsx @@ -1,6 +1,6 @@ import '../ui/skiff-editor-menus.css'; -import { ThemeMode, Typography } from 'nightwatch-ui'; +import { ThemeMode, Typography } from '@skiff-org/skiff-ui'; import React, { FunctionComponent } from 'react'; import { SearchPlaceHolder } from '../slashMenu/InterfacesAndEnums'; diff --git a/libs/skiff-prosemirror/src/skiffEditorCustomStatePlugin.tsx b/libs/skiff-prosemirror/src/skiffEditorCustomStatePlugin.tsx index c707923..a9b7e32 100644 --- a/libs/skiff-prosemirror/src/skiffEditorCustomStatePlugin.tsx +++ b/libs/skiff-prosemirror/src/skiffEditorCustomStatePlugin.tsx @@ -1,4 +1,4 @@ -import { Icon, ThemeMode } from 'nightwatch-ui'; +import { Icon, ThemeMode } from '@skiff-org/skiff-ui'; import { Node } from 'prosemirror-model'; import { EditorState, Plugin, PluginKey } from 'prosemirror-state'; diff --git a/libs/skiff-prosemirror/src/slashMenu/SlashMenuItem.tsx b/libs/skiff-prosemirror/src/slashMenu/SlashMenuItem.tsx index 870f3dc..396711b 100644 --- a/libs/skiff-prosemirror/src/slashMenu/SlashMenuItem.tsx +++ b/libs/skiff-prosemirror/src/slashMenu/SlashMenuItem.tsx @@ -1,5 +1,5 @@ import '../ui/skiff-editor-menus.css'; -import { ThemeMode, Typography } from 'nightwatch-ui'; +import { ThemeMode, Typography } from '@skiff-org/skiff-ui'; import { EditorView } from 'prosemirror-view'; import React, { FunctionComponent, useCallback } from 'react'; diff --git a/libs/skiff-prosemirror/src/slashMenu/defaultItems.ts b/libs/skiff-prosemirror/src/slashMenu/defaultItems.ts index bbf3c4c..f7e4de0 100644 --- a/libs/skiff-prosemirror/src/slashMenu/defaultItems.ts +++ b/libs/skiff-prosemirror/src/slashMenu/defaultItems.ts @@ -1,7 +1,7 @@ /* eslint-disable @typescript-eslint/no-unsafe-member-access */ /* eslint-disable @typescript-eslint/no-unsafe-argument */ /* eslint-disable @typescript-eslint/no-unsafe-assignment */ -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import { Schema } from 'prosemirror-model'; import { EditorState } from 'prosemirror-state'; import { EditorView } from 'prosemirror-view'; diff --git a/libs/skiff-prosemirror/src/ui/AddSubpageTooltip.tsx b/libs/skiff-prosemirror/src/ui/AddSubpageTooltip.tsx index e1cdc54..24cfb7e 100644 --- a/libs/skiff-prosemirror/src/ui/AddSubpageTooltip.tsx +++ b/libs/skiff-prosemirror/src/ui/AddSubpageTooltip.tsx @@ -1,6 +1,6 @@ import './skiff-subpage-tooltip.css'; -import { Button, Size } from 'nightwatch-ui'; +import { Button, Size } from '@skiff-org/skiff-ui'; import React from 'react'; class AddSubpageTooltip extends React.PureComponent< diff --git a/libs/skiff-prosemirror/src/ui/Icon.tsx b/libs/skiff-prosemirror/src/ui/Icon.tsx index e724dae..1fc1b49 100644 --- a/libs/skiff-prosemirror/src/ui/Icon.tsx +++ b/libs/skiff-prosemirror/src/ui/Icon.tsx @@ -3,7 +3,7 @@ import './skiff-icon.css'; import cx from 'classnames'; import memoize from 'lodash-es/memoize'; import values from 'lodash-es/values'; -import { Icon as IconType, Icons, ThemeMode } from 'nightwatch-ui'; +import { Icon as IconType, Icons, ThemeMode } from '@skiff-org/skiff-ui'; import React from 'react'; class Icon extends React.PureComponent< diff --git a/libs/skiff-prosemirror/src/ui/LinkTooltip.tsx b/libs/skiff-prosemirror/src/ui/LinkTooltip.tsx index 193a3dd..3c4c0a2 100644 --- a/libs/skiff-prosemirror/src/ui/LinkTooltip.tsx +++ b/libs/skiff-prosemirror/src/ui/LinkTooltip.tsx @@ -1,6 +1,6 @@ import './skiff-link-tooltip.css'; -import { Icon, IconButton, ThemeMode, Type } from 'nightwatch-ui'; +import { Icon, IconButton, ThemeMode, Type } from '@skiff-org/skiff-ui'; import { EditorView } from 'prosemirror-view'; import React from 'react'; import scrollIntoView from 'smooth-scroll-into-view-if-needed'; diff --git a/libs/skiff-prosemirror/src/ui/TaskItemNodeView.ts b/libs/skiff-prosemirror/src/ui/TaskItemNodeView.ts index 837c61c..55ddba8 100644 --- a/libs/skiff-prosemirror/src/ui/TaskItemNodeView.ts +++ b/libs/skiff-prosemirror/src/ui/TaskItemNodeView.ts @@ -1,5 +1,5 @@ /* eslint-disable class-methods-use-this */ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { Node } from 'prosemirror-model'; import { EditorView, NodeView } from 'prosemirror-view'; import { isMobile } from 'react-device-detect'; diff --git a/skiff-mail-web/components/Attachments/Attachments.tsx b/skiff-mail-web/components/Attachments/Attachments.tsx index d6b9a96..90332c2 100644 --- a/skiff-mail-web/components/Attachments/Attachments.tsx +++ b/skiff-mail-web/components/Attachments/Attachments.tsx @@ -7,7 +7,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Attachments/AttachmentsPreview/AttachmentsPreview.tsx b/skiff-mail-web/components/Attachments/AttachmentsPreview/AttachmentsPreview.tsx index c793eb9..e90fc0d 100644 --- a/skiff-mail-web/components/Attachments/AttachmentsPreview/AttachmentsPreview.tsx +++ b/skiff-mail-web/components/Attachments/AttachmentsPreview/AttachmentsPreview.tsx @@ -1,6 +1,6 @@ import { TopAppBar } from '@skiff-org/skiff-ui'; import { AnimatePresence, motion } from 'framer-motion'; -import { getThemedColor, Icon, IconText, Size, ThemeMode, useOnClickOutside } from 'nightwatch-ui'; +import { getThemedColor, Icon, IconText, Size, ThemeMode, useOnClickOutside } from '@skiff-org/skiff-ui'; import { BaseSyntheticEvent, FC, useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { HotKeys } from 'react-hotkeys'; diff --git a/skiff-mail-web/components/Attachments/AttachmentsPreview/TopBar.tsx b/skiff-mail-web/components/Attachments/AttachmentsPreview/TopBar.tsx index a19723f..2f63950 100644 --- a/skiff-mail-web/components/Attachments/AttachmentsPreview/TopBar.tsx +++ b/skiff-mail-web/components/Attachments/AttachmentsPreview/TopBar.tsx @@ -7,7 +7,7 @@ import { Typography, TypographyWeight, getThemedColor -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC } from 'react'; import { Email, SystemLabels, UserThread } from 'skiff-graphql'; import { bytesToHumanReadable } from 'skiff-utils'; diff --git a/skiff-mail-web/components/Attachments/AttachmentsPreview/previews/attachmentPreviewDisplay.tsx b/skiff-mail-web/components/Attachments/AttachmentsPreview/previews/attachmentPreviewDisplay.tsx index d588ead..593cbae 100644 --- a/skiff-mail-web/components/Attachments/AttachmentsPreview/previews/attachmentPreviewDisplay.tsx +++ b/skiff-mail-web/components/Attachments/AttachmentsPreview/previews/attachmentPreviewDisplay.tsx @@ -1,4 +1,4 @@ -import { CustomCircularProgressProps } from 'nightwatch-ui'; +import { CustomCircularProgressProps } from '@skiff-org/skiff-ui'; import { isAndroid } from 'react-device-detect'; import { useDispatch } from 'react-redux'; import { diff --git a/skiff-mail-web/components/Checkbox.tsx b/skiff-mail-web/components/Checkbox.tsx index 37c265c..8caa9fc 100644 --- a/skiff-mail-web/components/Checkbox.tsx +++ b/skiff-mail-web/components/Checkbox.tsx @@ -1,4 +1,4 @@ -import { Icon, IconProps, Icons, Size } from 'nightwatch-ui'; +import { Icon, IconProps, Icons, Size } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Compose/AddressAndSubjectFields/AddressField.tsx b/skiff-mail-web/components/Compose/AddressAndSubjectFields/AddressField.tsx index 2193e97..da4b59f 100644 --- a/skiff-mail-web/components/Compose/AddressAndSubjectFields/AddressField.tsx +++ b/skiff-mail-web/components/Compose/AddressAndSubjectFields/AddressField.tsx @@ -1,4 +1,4 @@ -import { Divider, Typography } from 'nightwatch-ui'; +import { Divider, Typography } from '@skiff-org/skiff-ui'; import { FC } from 'react'; import { isMobile } from 'react-device-detect'; import styled, { css } from 'styled-components'; diff --git a/skiff-mail-web/components/Compose/AddressAndSubjectFields/FromAddressField.tsx b/skiff-mail-web/components/Compose/AddressAndSubjectFields/FromAddressField.tsx index d324355..384b0b4 100644 --- a/skiff-mail-web/components/Compose/AddressAndSubjectFields/FromAddressField.tsx +++ b/skiff-mail-web/components/Compose/AddressAndSubjectFields/FromAddressField.tsx @@ -1,4 +1,4 @@ -import { Icon, DropdownItem, Drawer, Icons, Dropdown, Typography } from 'nightwatch-ui'; +import { Icon, DropdownItem, Drawer, Icons, Dropdown, Typography } from '@skiff-org/skiff-ui'; import { FC, memo, useCallback, useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Compose/AddressAndSubjectFields/MailDragLayer.tsx b/skiff-mail-web/components/Compose/AddressAndSubjectFields/MailDragLayer.tsx index 09a76fa..80eff73 100644 --- a/skiff-mail-web/components/Compose/AddressAndSubjectFields/MailDragLayer.tsx +++ b/skiff-mail-web/components/Compose/AddressAndSubjectFields/MailDragLayer.tsx @@ -1,4 +1,4 @@ -import { Chip, Size } from 'nightwatch-ui'; +import { Chip, Size } from '@skiff-org/skiff-ui'; import { DragLayerMonitor, useDragLayer, XYCoord } from 'react-dnd'; import { getAddrDisplayName } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Compose/AddressAndSubjectFields/RecipientField.tsx b/skiff-mail-web/components/Compose/AddressAndSubjectFields/RecipientField.tsx index ae82098..7ec1a2c 100644 --- a/skiff-mail-web/components/Compose/AddressAndSubjectFields/RecipientField.tsx +++ b/skiff-mail-web/components/Compose/AddressAndSubjectFields/RecipientField.tsx @@ -1,4 +1,4 @@ -import { MonoTag } from 'nightwatch-ui'; +import { MonoTag } from '@skiff-org/skiff-ui'; import { FC, memo, useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDrop } from 'react-dnd'; diff --git a/skiff-mail-web/components/Compose/AddressAndSubjectFields/SubjectField.tsx b/skiff-mail-web/components/Compose/AddressAndSubjectFields/SubjectField.tsx index 6578067..3088f65 100644 --- a/skiff-mail-web/components/Compose/AddressAndSubjectFields/SubjectField.tsx +++ b/skiff-mail-web/components/Compose/AddressAndSubjectFields/SubjectField.tsx @@ -1,4 +1,4 @@ -import { InputField } from 'nightwatch-ui'; +import { InputField } from '@skiff-org/skiff-ui'; import { FC, memo, useEffect, useRef } from 'react'; import { EmailFieldTypes } from '../Compose.constants'; diff --git a/skiff-mail-web/components/Compose/AddressAutocomplete/AddressAutocomplete.tsx b/skiff-mail-web/components/Compose/AddressAutocomplete/AddressAutocomplete.tsx index 8019a89..a413060 100644 --- a/skiff-mail-web/components/Compose/AddressAutocomplete/AddressAutocomplete.tsx +++ b/skiff-mail-web/components/Compose/AddressAutocomplete/AddressAutocomplete.tsx @@ -11,7 +11,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDrag } from 'react-dnd'; diff --git a/skiff-mail-web/components/Compose/Compose.tsx b/skiff-mail-web/components/Compose/Compose.tsx index 6e8641e..a3a83e6 100644 --- a/skiff-mail-web/components/Compose/Compose.tsx +++ b/skiff-mail-web/components/Compose/Compose.tsx @@ -2,7 +2,7 @@ import { ApolloQueryResult, ApolloError } from '@apollo/client'; import { FloatingDelayGroup } from '@floating-ui/react-dom-interactions'; import { Editor } from '@tiptap/react'; import dayjs from 'dayjs'; -import { Typography, Drawer } from 'nightwatch-ui'; +import { Typography, Drawer } from '@skiff-org/skiff-ui'; import { Node } from 'prosemirror-model'; import { ChangeEvent, diff --git a/skiff-mail-web/components/Compose/ComposeHeader.tsx b/skiff-mail-web/components/Compose/ComposeHeader.tsx index a5ccfa7..f70a2af 100644 --- a/skiff-mail-web/components/Compose/ComposeHeader.tsx +++ b/skiff-mail-web/components/Compose/ComposeHeader.tsx @@ -1,5 +1,5 @@ import { FloatingDelayGroup } from '@floating-ui/react-dom-interactions'; -import { Icon, IconButton, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Icon, IconButton, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import { FC } from 'react'; import { useDispatch } from 'react-redux'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Compose/ComposeToolbarOptions/MobileOptionsDrawer.tsx b/skiff-mail-web/components/Compose/ComposeToolbarOptions/MobileOptionsDrawer.tsx index f1b1f4c..1e65144 100644 --- a/skiff-mail-web/components/Compose/ComposeToolbarOptions/MobileOptionsDrawer.tsx +++ b/skiff-mail-web/components/Compose/ComposeToolbarOptions/MobileOptionsDrawer.tsx @@ -1,4 +1,4 @@ -import { Icon, DropdownItem, DropdownItemColor, DropdownItemComponent, Drawer } from 'nightwatch-ui'; +import { Icon, DropdownItem, DropdownItemColor, DropdownItemComponent, Drawer } from '@skiff-org/skiff-ui'; import { useDispatch } from 'react-redux'; import { DrawerOption, DrawerOptions } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Compose/MobileAttachments.tsx b/skiff-mail-web/components/Compose/MobileAttachments.tsx index 3f9560d..4214951 100644 --- a/skiff-mail-web/components/Compose/MobileAttachments.tsx +++ b/skiff-mail-web/components/Compose/MobileAttachments.tsx @@ -1,4 +1,4 @@ -import { Divider } from 'nightwatch-ui'; +import { Divider } from '@skiff-org/skiff-ui'; import { MobileView } from 'react-device-detect'; import { Attachments, ClientAttachment } from '../Attachments'; diff --git a/skiff-mail-web/components/Compose/MobileButtonBar.tsx b/skiff-mail-web/components/Compose/MobileButtonBar.tsx index 0623a0b..40892df 100644 --- a/skiff-mail-web/components/Compose/MobileButtonBar.tsx +++ b/skiff-mail-web/components/Compose/MobileButtonBar.tsx @@ -1,4 +1,4 @@ -import { Button, Icon, IconButton, Size } from 'nightwatch-ui'; +import { Button, Icon, IconButton, Size } from '@skiff-org/skiff-ui'; import { useDispatch } from 'react-redux'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Compose/useComposeActions.tsx b/skiff-mail-web/components/Compose/useComposeActions.tsx index eca87fb..c4c11be 100644 --- a/skiff-mail-web/components/Compose/useComposeActions.tsx +++ b/skiff-mail-web/components/Compose/useComposeActions.tsx @@ -1,5 +1,5 @@ import { Editor } from '@tiptap/react'; -import { Button, Icon, IconButton, Type } from 'nightwatch-ui'; +import { Button, Icon, IconButton, Type } from '@skiff-org/skiff-ui'; import { useEffect, useState } from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/ContactRowOption.tsx b/skiff-mail-web/components/ContactRowOption.tsx index 091bf6c..d4acafc 100644 --- a/skiff-mail-web/components/ContactRowOption.tsx +++ b/skiff-mail-web/components/ContactRowOption.tsx @@ -1,4 +1,4 @@ -import { Size, ThemeMode, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Size, ThemeMode, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import { FC } from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/skiff-mail-web/components/MailEditor/Blockquote/BlockquoteNodeView.tsx b/skiff-mail-web/components/MailEditor/Blockquote/BlockquoteNodeView.tsx index 599132e..08548dc 100644 --- a/skiff-mail-web/components/MailEditor/Blockquote/BlockquoteNodeView.tsx +++ b/skiff-mail-web/components/MailEditor/Blockquote/BlockquoteNodeView.tsx @@ -1,6 +1,6 @@ import { BlockquoteOptions } from '@tiptap/extension-blockquote'; import { NodeViewContent, NodeViewProps, NodeViewWrapper } from '@tiptap/react'; -import { Typography } from 'nightwatch-ui'; +import { Typography } from '@skiff-org/skiff-ui'; import { TextSelection } from 'prosemirror-state'; import { hasParentNode } from 'prosemirror-utils'; diff --git a/skiff-mail-web/components/MailEditor/Blockquote/utils.ts b/skiff-mail-web/components/MailEditor/Blockquote/utils.ts index 47b1e67..af7a7d3 100644 --- a/skiff-mail-web/components/MailEditor/Blockquote/utils.ts +++ b/skiff-mail-web/components/MailEditor/Blockquote/utils.ts @@ -1,4 +1,4 @@ -import { stringToColor } from 'nightwatch-ui'; +import { stringToColor } from '@skiff-org/skiff-ui'; export const getBlockquoteDepth = (node: HTMLElement) => { let depth = 0; diff --git a/skiff-mail-web/components/MailEditor/Color/ColorPopup.tsx b/skiff-mail-web/components/MailEditor/Color/ColorPopup.tsx index 8c7675b..c526b8b 100644 --- a/skiff-mail-web/components/MailEditor/Color/ColorPopup.tsx +++ b/skiff-mail-web/components/MailEditor/Color/ColorPopup.tsx @@ -10,7 +10,7 @@ import { ACCENT_COLOR_VALUES, Portal, DROPDOWN_CALLER_CLASSNAME -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC, useEffect, useRef, useState } from 'react'; import { ColorSelector } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/MailEditor/Extensions/EditorMarks.ts b/skiff-mail-web/components/MailEditor/Extensions/EditorMarks.ts index 3c26794..ff018ad 100644 --- a/skiff-mail-web/components/MailEditor/Extensions/EditorMarks.ts +++ b/skiff-mail-web/components/MailEditor/Extensions/EditorMarks.ts @@ -3,7 +3,7 @@ import Code from '@tiptap/extension-code'; import Italic from '@tiptap/extension-italic'; import TextStyle from '@tiptap/extension-text-style'; import Underline from '@tiptap/extension-underline'; -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import { TextColor, HighlightColor } from '../Color'; import { Link } from '../Link'; diff --git a/skiff-mail-web/components/MailEditor/Extensions/ExtensionsOptions.ts b/skiff-mail-web/components/MailEditor/Extensions/ExtensionsOptions.ts index 7f8ff01..91957e2 100644 --- a/skiff-mail-web/components/MailEditor/Extensions/ExtensionsOptions.ts +++ b/skiff-mail-web/components/MailEditor/Extensions/ExtensionsOptions.ts @@ -1,4 +1,4 @@ -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import { ClickOnHandler, PasteHandler } from '../Plugins/PastePlugin'; diff --git a/skiff-mail-web/components/MailEditor/Image/ImageNodeView.tsx b/skiff-mail-web/components/MailEditor/Image/ImageNodeView.tsx index 2c621d2..8aacb65 100644 --- a/skiff-mail-web/components/MailEditor/Image/ImageNodeView.tsx +++ b/skiff-mail-web/components/MailEditor/Image/ImageNodeView.tsx @@ -6,7 +6,7 @@ import styled from 'styled-components'; import { imgStyling } from '../nodeStyles'; -import { Skeleton } from 'nightwatch-ui'; +import { Skeleton } from '@skiff-org/skiff-ui'; import { b64ToImageUrl } from './utils'; const StyledImage = styled.img` diff --git a/skiff-mail-web/components/MailEditor/Link/Link.ts b/skiff-mail-web/components/MailEditor/Link/Link.ts index 5431eaa..9ba75b2 100644 --- a/skiff-mail-web/components/MailEditor/Link/Link.ts +++ b/skiff-mail-web/components/MailEditor/Link/Link.ts @@ -1,5 +1,5 @@ import Link from '@tiptap/extension-link'; -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import { linkStyling } from '../nodeStyles'; diff --git a/skiff-mail-web/components/MailEditor/Link/LinkCreatePopup.tsx b/skiff-mail-web/components/MailEditor/Link/LinkCreatePopup.tsx index 76ba9fb..afa70cc 100644 --- a/skiff-mail-web/components/MailEditor/Link/LinkCreatePopup.tsx +++ b/skiff-mail-web/components/MailEditor/Link/LinkCreatePopup.tsx @@ -6,7 +6,7 @@ import { ThemeMode, useOnClickOutside, DROPDOWN_CALLER_CLASSNAME -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC, useEffect, useRef, useState, ChangeEvent } from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/MailEditor/Link/LinkPopup.tsx b/skiff-mail-web/components/MailEditor/Link/LinkPopup.tsx index a20431f..386e75f 100644 --- a/skiff-mail-web/components/MailEditor/Link/LinkPopup.tsx +++ b/skiff-mail-web/components/MailEditor/Link/LinkPopup.tsx @@ -7,7 +7,7 @@ import { getThemedColor, ThemeMode, DROPDOWN_CALLER_CLASSNAME -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC, useRef } from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/MailEditor/ToolBar/MobileToolBar.tsx b/skiff-mail-web/components/MailEditor/ToolBar/MobileToolBar.tsx index e9000d5..68b5c7e 100644 --- a/skiff-mail-web/components/MailEditor/ToolBar/MobileToolBar.tsx +++ b/skiff-mail-web/components/MailEditor/ToolBar/MobileToolBar.tsx @@ -1,5 +1,5 @@ import { Editor } from '@tiptap/react'; -import { Icon, IconButton, Size, Typography } from 'nightwatch-ui'; +import { Icon, IconButton, Size, Typography } from '@skiff-org/skiff-ui'; import { MouseEventHandler, useEffect, useState } from 'react'; import { isIOS } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/MailEditor/ToolBar/ToolBar.tsx b/skiff-mail-web/components/MailEditor/ToolBar/ToolBar.tsx index d751919..6018ca2 100644 --- a/skiff-mail-web/components/MailEditor/ToolBar/ToolBar.tsx +++ b/skiff-mail-web/components/MailEditor/ToolBar/ToolBar.tsx @@ -1,7 +1,7 @@ import { Editor } from '@tiptap/react'; import { AnimatePresence, motion } from 'framer-motion'; import isEqual from 'lodash/isEqual'; -import { Icon, Icons, getThemedColor, ThemeMode, ACCENT_COLOR_VALUES } from 'nightwatch-ui'; +import { Icon, Icons, getThemedColor, ThemeMode, ACCENT_COLOR_VALUES } from '@skiff-org/skiff-ui'; import { FC, useCallback, useEffect, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { TEXT_COLORS, HIGHLIGHT_COLORS } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/MailEditor/ToolBar/ToolBarGroup.tsx b/skiff-mail-web/components/MailEditor/ToolBar/ToolBarGroup.tsx index 881face..b20206c 100644 --- a/skiff-mail-web/components/MailEditor/ToolBar/ToolBarGroup.tsx +++ b/skiff-mail-web/components/MailEditor/ToolBar/ToolBarGroup.tsx @@ -10,7 +10,7 @@ import { Typography, TypographyWeight, useOnClickOutside -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { FC, useRef, useState } from 'react'; import styled, { css } from 'styled-components'; diff --git a/skiff-mail-web/components/MailEditor/ToolBar/commands/link.ts b/skiff-mail-web/components/MailEditor/ToolBar/commands/link.ts index 1a8ab12..6d7749e 100644 --- a/skiff-mail-web/components/MailEditor/ToolBar/commands/link.ts +++ b/skiff-mail-web/components/MailEditor/ToolBar/commands/link.ts @@ -1,5 +1,5 @@ import { Editor } from '@tiptap/react'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { isLinkEnabled, toggleLink } from '../../mailEditorUtils'; diff --git a/skiff-mail-web/components/MailEditor/ToolBar/commands/lists.ts b/skiff-mail-web/components/MailEditor/ToolBar/commands/lists.ts index 429426a..3be5ef9 100644 --- a/skiff-mail-web/components/MailEditor/ToolBar/commands/lists.ts +++ b/skiff-mail-web/components/MailEditor/ToolBar/commands/lists.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { ListItem } from '../../Extensions/EditorNodes'; diff --git a/skiff-mail-web/components/MailEditor/ToolBar/commands/marks.ts b/skiff-mail-web/components/MailEditor/ToolBar/commands/marks.ts index cd01e2c..c66ebe6 100644 --- a/skiff-mail-web/components/MailEditor/ToolBar/commands/marks.ts +++ b/skiff-mail-web/components/MailEditor/ToolBar/commands/marks.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { Bold, Italic, Strike, Underline } from '../../Extensions/EditorMarks'; import { BulletList, OrderedList } from '../../Extensions/EditorNodes'; diff --git a/skiff-mail-web/components/MailEditor/ToolBar/commands/nodes.ts b/skiff-mail-web/components/MailEditor/ToolBar/commands/nodes.ts index 17ace8b..f67a3eb 100644 --- a/skiff-mail-web/components/MailEditor/ToolBar/commands/nodes.ts +++ b/skiff-mail-web/components/MailEditor/ToolBar/commands/nodes.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { Heading, Paragraph } from '../../Extensions/EditorNodes'; diff --git a/skiff-mail-web/components/MailEditor/ToolBar/commands/types.ts b/skiff-mail-web/components/MailEditor/ToolBar/commands/types.ts index e0537c3..f44386b 100644 --- a/skiff-mail-web/components/MailEditor/ToolBar/commands/types.ts +++ b/skiff-mail-web/components/MailEditor/ToolBar/commands/types.ts @@ -1,4 +1,4 @@ -import { IconProps } from 'nightwatch-ui'; +import { IconProps } from '@skiff-org/skiff-ui'; export interface ToolBarCommand { icon: IconProps['icon']; diff --git a/skiff-mail-web/components/MailEditor/nodeStyles.ts b/skiff-mail-web/components/MailEditor/nodeStyles.ts index 258af57..68808a9 100644 --- a/skiff-mail-web/components/MailEditor/nodeStyles.ts +++ b/skiff-mail-web/components/MailEditor/nodeStyles.ts @@ -1,4 +1,4 @@ -import { themeNames } from 'nightwatch-ui'; +import { themeNames } from '@skiff-org/skiff-ui'; export const linkStyling = ` color: var(--text-link, ${themeNames.light['--text-link']}); diff --git a/skiff-mail-web/components/ScheduleSend/DateTimeForm.tsx b/skiff-mail-web/components/ScheduleSend/DateTimeForm.tsx index 0c3def5..a7d6006 100644 --- a/skiff-mail-web/components/ScheduleSend/DateTimeForm.tsx +++ b/skiff-mail-web/components/ScheduleSend/DateTimeForm.tsx @@ -1,7 +1,7 @@ import dayjs from 'dayjs'; import timezone from 'dayjs/plugin/timezone'; // dependent on utc plugin import utc from 'dayjs/plugin/utc'; -import { DropdownItem, InputField, Select, Size } from 'nightwatch-ui'; +import { DropdownItem, InputField, Select, Size } from '@skiff-org/skiff-ui'; import { Dispatch, FC, SetStateAction, useRef, useState } from 'react'; import { uniqueTimezones, renderCustomLabel, stringifyTimeZone } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/ScheduleSend/DropdownItemWithInfo.tsx b/skiff-mail-web/components/ScheduleSend/DropdownItemWithInfo.tsx index 5ad55b1..f2a0e40 100644 --- a/skiff-mail-web/components/ScheduleSend/DropdownItemWithInfo.tsx +++ b/skiff-mail-web/components/ScheduleSend/DropdownItemWithInfo.tsx @@ -1,4 +1,4 @@ -import { ThemeMode, themeNames, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { ThemeMode, themeNames, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import { FC } from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/ScheduleSend/unsendPopup.tsx b/skiff-mail-web/components/ScheduleSend/unsendPopup.tsx index d70c4b1..b9628b2 100644 --- a/skiff-mail-web/components/ScheduleSend/unsendPopup.tsx +++ b/skiff-mail-web/components/ScheduleSend/unsendPopup.tsx @@ -1,4 +1,4 @@ -import { ButtonGroup, ButtonGroupItem, Dialog, DialogTypes, Typography } from 'nightwatch-ui'; +import { ButtonGroup, ButtonGroupItem, Dialog, DialogTypes, Typography } from '@skiff-org/skiff-ui'; import React from 'react'; import { useDispatch } from 'react-redux'; import { ThreadFragment } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/ScheduleSend/useSchedulePopupAndDrawer.tsx b/skiff-mail-web/components/ScheduleSend/useSchedulePopupAndDrawer.tsx index 066e8e9..99c8b8d 100644 --- a/skiff-mail-web/components/ScheduleSend/useSchedulePopupAndDrawer.tsx +++ b/skiff-mail-web/components/ScheduleSend/useSchedulePopupAndDrawer.tsx @@ -14,7 +14,7 @@ import { Size, Typography, TypographySize -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { RefObject, useCallback, useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { HourPicker, useTheme, useUserPreference } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/ScheduleSend/useScheduleSend.tsx b/skiff-mail-web/components/ScheduleSend/useScheduleSend.tsx index 03b3036..efec41e 100644 --- a/skiff-mail-web/components/ScheduleSend/useScheduleSend.tsx +++ b/skiff-mail-web/components/ScheduleSend/useScheduleSend.tsx @@ -1,5 +1,5 @@ import dayjs, { Dayjs } from 'dayjs'; -import { Dropdown, DropdownItem, Icon, IconButton, Portal } from 'nightwatch-ui'; +import { Dropdown, DropdownItem, Icon, IconButton, Portal } from '@skiff-org/skiff-ui'; import { useCallback, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/skiff-mail-web/components/Settings/Account/AddEmail/AddEmail.tsx b/skiff-mail-web/components/Settings/Account/AddEmail/AddEmail.tsx index 05d9f7e..727da9c 100644 --- a/skiff-mail-web/components/Settings/Account/AddEmail/AddEmail.tsx +++ b/skiff-mail-web/components/Settings/Account/AddEmail/AddEmail.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographyWeight } from 'nightwatch-ui'; +import { Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { useDispatch } from 'react-redux'; import { TitleActionSection, useToast } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/Account/index.tsx b/skiff-mail-web/components/Settings/Account/index.tsx index df0dd6e..6c6f64a 100644 --- a/skiff-mail-web/components/Settings/Account/index.tsx +++ b/skiff-mail-web/components/Settings/Account/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React, { useCallback, useMemo } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Settings/Alias/AddWalletAlias/AddUDAlias.tsx b/skiff-mail-web/components/Settings/Alias/AddWalletAlias/AddUDAlias.tsx index 132e316..49355d7 100644 --- a/skiff-mail-web/components/Settings/Alias/AddWalletAlias/AddUDAlias.tsx +++ b/skiff-mail-web/components/Settings/Alias/AddWalletAlias/AddUDAlias.tsx @@ -1,6 +1,6 @@ import type { DomainResolver } from '@uauth/common'; import UAuth from '@uauth/js'; -import { Button, Icon, Type } from 'nightwatch-ui'; +import { Button, Icon, Type } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { useCreateUdAliasMutation } from 'skiff-front-graphql'; import { useToast } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/Alias/AddWalletAlias/AddWalletAlias.tsx b/skiff-mail-web/components/Settings/Alias/AddWalletAlias/AddWalletAlias.tsx index 4e5ac04..acd7265 100644 --- a/skiff-mail-web/components/Settings/Alias/AddWalletAlias/AddWalletAlias.tsx +++ b/skiff-mail-web/components/Settings/Alias/AddWalletAlias/AddWalletAlias.tsx @@ -1,6 +1,14 @@ import { ApolloError } from '@apollo/client'; import { Keplr } from '@keplr-wallet/types/build/wallet/keplr'; -import { Button, Tooltip, TooltipContent, TooltipPlacement, TooltipTrigger, Type, Typography } from 'nightwatch-ui'; +import { + Button, + Tooltip, + TooltipContent, + TooltipPlacement, + TooltipTrigger, + Type, + Typography +} from '@skiff-org/skiff-ui'; import React, { Suspense, useState } from 'react'; import { isFirefox } from 'react-device-detect'; import { useUserLabelsLazyQuery, useVerifyWalletAddressCreateAliasMutation } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/Settings/Alias/ENSAlias/ENSAlias.tsx b/skiff-mail-web/components/Settings/Alias/ENSAlias/ENSAlias.tsx index 1d3d2a1..57f032f 100644 --- a/skiff-mail-web/components/Settings/Alias/ENSAlias/ENSAlias.tsx +++ b/skiff-mail-web/components/Settings/Alias/ENSAlias/ENSAlias.tsx @@ -8,7 +8,7 @@ import { TooltipTrigger, Type, Typography -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { abbreviateWalletAddress, splitEmailToAliasAndDomain, TitleActionSection } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/Alias/index.tsx b/skiff-mail-web/components/Settings/Alias/index.tsx index 4ff4c55..c8a4267 100644 --- a/skiff-mail-web/components/Settings/Alias/index.tsx +++ b/skiff-mail-web/components/Settings/Alias/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import { diff --git a/skiff-mail-web/components/Settings/Appearance/DateHourFormat/DateHourFormat.tsx b/skiff-mail-web/components/Settings/Appearance/DateHourFormat/DateHourFormat.tsx index 1278b27..3470d77 100644 --- a/skiff-mail-web/components/Settings/Appearance/DateHourFormat/DateHourFormat.tsx +++ b/skiff-mail-web/components/Settings/Appearance/DateHourFormat/DateHourFormat.tsx @@ -1,4 +1,4 @@ -import { Divider } from 'nightwatch-ui'; +import { Divider } from '@skiff-org/skiff-ui'; import React from 'react'; import { TitleActionSection, useTimedRerender, useUserPreference } from 'skiff-front-utils'; import { AllUserPreferences } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/Appearance/MailboxViewMode/MailboxViewMode.tsx b/skiff-mail-web/components/Settings/Appearance/MailboxViewMode/MailboxViewMode.tsx index dceeb59..18044af 100644 --- a/skiff-mail-web/components/Settings/Appearance/MailboxViewMode/MailboxViewMode.tsx +++ b/skiff-mail-web/components/Settings/Appearance/MailboxViewMode/MailboxViewMode.tsx @@ -1,4 +1,4 @@ -import { Typography } from 'nightwatch-ui'; +import { Typography } from '@skiff-org/skiff-ui'; import React from 'react'; import { RadioCheckbox, TitleActionSection, useUserPreference } from 'skiff-front-utils'; import { ThreadDisplayFormat } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/Settings/Appearance/Swipe/SwipeSettings.tsx b/skiff-mail-web/components/Settings/Appearance/Swipe/SwipeSettings.tsx index bfb0752..f6da817 100644 --- a/skiff-mail-web/components/Settings/Appearance/Swipe/SwipeSettings.tsx +++ b/skiff-mail-web/components/Settings/Appearance/Swipe/SwipeSettings.tsx @@ -1,4 +1,4 @@ -import { Divider, Icon } from 'nightwatch-ui'; +import { Divider, Icon } from '@skiff-org/skiff-ui'; import React from 'react'; import { TitleActionSection, useUserPreference } from 'skiff-front-utils'; import { SwipeSetting } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/Settings/Appearance/ThemeSelect/ThemeSelectSettings.tsx b/skiff-mail-web/components/Settings/Appearance/ThemeSelect/ThemeSelectSettings.tsx index a50db6a..0092f51 100644 --- a/skiff-mail-web/components/Settings/Appearance/ThemeSelect/ThemeSelectSettings.tsx +++ b/skiff-mail-web/components/Settings/Appearance/ThemeSelect/ThemeSelectSettings.tsx @@ -1,4 +1,4 @@ -import { LocalStorageThemeMode, StorageOnlyThemeMode, ThemeMode } from 'nightwatch-ui'; +import { LocalStorageThemeMode, StorageOnlyThemeMode, ThemeMode } from '@skiff-org/skiff-ui'; import { TitleActionSection, useTheme } from 'skiff-front-utils'; import { WorkspaceEventType } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/Appearance/index.tsx b/skiff-mail-web/components/Settings/Appearance/index.tsx index 7cf5d1e..af6fd96 100644 --- a/skiff-mail-web/components/Settings/Appearance/index.tsx +++ b/skiff-mail-web/components/Settings/Appearance/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useMemo } from 'react'; import { isMobile } from 'react-device-detect'; import { Setting, SETTINGS_LABELS, SettingType, SettingValue } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/AutoReply/AutoReplySetting.tsx b/skiff-mail-web/components/Settings/AutoReply/AutoReplySetting.tsx index 4eb67de..3dbb5c2 100644 --- a/skiff-mail-web/components/Settings/AutoReply/AutoReplySetting.tsx +++ b/skiff-mail-web/components/Settings/AutoReply/AutoReplySetting.tsx @@ -1,5 +1,5 @@ import { Editor } from '@tiptap/react'; -import { InputField } from 'nightwatch-ui'; +import { InputField } from '@skiff-org/skiff-ui'; import React, { useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { generateSymmetricKey, stringDecryptAsymmetric, stringEncryptAsymmetric } from '@skiff-org/skiff-crypto'; diff --git a/skiff-mail-web/components/Settings/AutoReply/index.tsx b/skiff-mail-web/components/Settings/AutoReply/index.tsx index 09d57c4..f10993f 100644 --- a/skiff-mail-web/components/Settings/AutoReply/index.tsx +++ b/skiff-mail-web/components/Settings/AutoReply/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { Setting, SETTINGS_LABELS, SettingType, SettingValue } from 'skiff-front-utils'; import { AutoReplySetting } from './AutoReplySetting'; diff --git a/skiff-mail-web/components/Settings/CreditManagement/index.tsx b/skiff-mail-web/components/Settings/CreditManagement/index.tsx index b68d8ac..fd29de2 100644 --- a/skiff-mail-web/components/Settings/CreditManagement/index.tsx +++ b/skiff-mail-web/components/Settings/CreditManagement/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { Setting, SETTINGS_LABELS, SettingType, SettingValue } from 'skiff-front-utils'; import SkemailCreditManagement from './SkemailCreditManagement'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/DnsRecordRow.tsx b/skiff-mail-web/components/Settings/CustomDomains/DnsRecordRow.tsx index 125d934..491973e 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/DnsRecordRow.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/DnsRecordRow.tsx @@ -1,4 +1,4 @@ -import { Icons, Icon } from 'nightwatch-ui'; +import { Icons, Icon } from '@skiff-org/skiff-ui'; import { DnsRecord } from 'skiff-graphql'; import styled, { css } from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/Manage/DomainVerificationErrorBanner.tsx b/skiff-mail-web/components/Settings/CustomDomains/Manage/DomainVerificationErrorBanner.tsx index 5a45cc4..7fbefca 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/Manage/DomainVerificationErrorBanner.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/Manage/DomainVerificationErrorBanner.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import pluralize from 'pluralize'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomainDropdown.tsx b/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomainDropdown.tsx index f84bac8..c94fcc7 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomainDropdown.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomainDropdown.tsx @@ -1,4 +1,4 @@ -import { Dropdown, DropdownItem, Icon, Drawer } from 'nightwatch-ui'; +import { Dropdown, DropdownItem, Icon, Drawer } from '@skiff-org/skiff-ui'; import { RefObject } from 'react'; import { isMobile } from 'react-device-detect'; import { useGetBillingPortalSessionUrlLazyQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomainRow.tsx b/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomainRow.tsx index 7086b84..79b3c6b 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomainRow.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomainRow.tsx @@ -19,7 +19,7 @@ import { TypographySize, MonoTag, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import pluralize from 'pluralize'; import { useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomains.tsx b/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomains.tsx index fa29226..1419108 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomains.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/Manage/ManageCustomDomains.tsx @@ -1,4 +1,4 @@ -import { CustomCircularProgress, Skeleton, Typography } from 'nightwatch-ui'; +import { CustomCircularProgress, Skeleton, Typography } from '@skiff-org/skiff-ui'; import { useState } from 'react'; import { useGetUserCustomDomainSubscriptionsInfoQuery } from 'skiff-front-graphql'; import { TitleActionSection, useDefaultEmailAlias, useRequiredCurrentUserData } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/CustomDomainSearchResults.tsx b/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/CustomDomainSearchResults.tsx index af45c23..d3e18b1 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/CustomDomainSearchResults.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/CustomDomainSearchResults.tsx @@ -2,7 +2,7 @@ import { AnimatePresence, AnimateSharedLayout, motion } from 'framer-motion'; import { useFlags } from 'launchdarkly-react-client-sdk'; import range from 'lodash/range'; import uniq from 'lodash/uniq'; -import { Alignment, ThemeMode, Typography } from 'nightwatch-ui'; +import { Alignment, ThemeMode, Typography } from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { useGetDomainSuggestionsLazyQuery, useCheckIfDomainsAvailableLazyQuery } from 'skiff-front-graphql'; import { useGetOrganizationQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/CustomDomainSearchRow.tsx b/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/CustomDomainSearchRow.tsx index 33c3e64..ba929b8 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/CustomDomainSearchRow.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/CustomDomainSearchRow.tsx @@ -11,7 +11,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { TabPage, TABS_QUERY_PARAM, useToast } from 'skiff-front-utils'; import { getPaywallErrorCode } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/SearchOneClickCustomDomainsModal.tsx b/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/SearchOneClickCustomDomainsModal.tsx index 180bf2d..900fa5d 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/SearchOneClickCustomDomainsModal.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/SearchOneClick/SearchOneClickCustomDomainsModal.tsx @@ -10,7 +10,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { isMobile } from 'react-device-detect'; import { SubscriptionPlan } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/SetupCustomDomain.tsx b/skiff-mail-web/components/Settings/CustomDomains/SetupCustomDomain.tsx index 305e947..108f2f7 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/SetupCustomDomain.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/SetupCustomDomain.tsx @@ -14,7 +14,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/ValueDescriptionText.tsx b/skiff-mail-web/components/Settings/CustomDomains/ValueDescriptionText.tsx index 60e591e..6f64439 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/ValueDescriptionText.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/ValueDescriptionText.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographySize, Icons, Icon, Size } from 'nightwatch-ui'; +import { Typography, TypographySize, Icons, Icon, Size } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { isMobile } from 'react-device-detect'; import styled, { css } from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/VerticalDnsRecord.tsx b/skiff-mail-web/components/Settings/CustomDomains/VerticalDnsRecord.tsx index a3e56fd..bb15be8 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/VerticalDnsRecord.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/VerticalDnsRecord.tsx @@ -1,4 +1,4 @@ -import { Divider, Typography, TypographySize } from 'nightwatch-ui'; +import { Divider, Typography, TypographySize } from '@skiff-org/skiff-ui'; import { DnsRecord } from 'skiff-graphql'; import { upperCaseFirstLetter } from 'skiff-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/CustomDomains/index.tsx b/skiff-mail-web/components/Settings/CustomDomains/index.tsx index e759a63..290b6f0 100644 --- a/skiff-mail-web/components/Settings/CustomDomains/index.tsx +++ b/skiff-mail-web/components/Settings/CustomDomains/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React, { Suspense, useState } from 'react'; import { useGetCurrentUserCustomDomainsQuery } from 'skiff-front-graphql'; import { Setting, SETTINGS_LABELS, SettingType, SettingValue, PLAN_CHANGE_POLL_INTERVAL } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/Filters/Chips/ActionChip.tsx b/skiff-mail-web/components/Settings/Filters/Chips/ActionChip.tsx index c7e9701..a6df753 100644 --- a/skiff-mail-web/components/Settings/Filters/Chips/ActionChip.tsx +++ b/skiff-mail-web/components/Settings/Filters/Chips/ActionChip.tsx @@ -1,4 +1,4 @@ -import { ACCENT_COLOR_VALUES, Icon, IconProps, Icons, Size, Typography, TypographyWeight } from 'nightwatch-ui'; +import { ACCENT_COLOR_VALUES, Icon, IconProps, Icons, Size, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import { ActionType } from 'skiff-graphql'; import { assertUnreachable } from 'skiff-utils'; diff --git a/skiff-mail-web/components/Settings/Filters/Chips/FilterConditionChip.tsx b/skiff-mail-web/components/Settings/Filters/Chips/FilterConditionChip.tsx index e242032..47b8d7f 100644 --- a/skiff-mail-web/components/Settings/Filters/Chips/FilterConditionChip.tsx +++ b/skiff-mail-web/components/Settings/Filters/Chips/FilterConditionChip.tsx @@ -12,7 +12,7 @@ import { TypographySize, TypographyWeight, getThemedColor -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { ChangeEvent, useRef, useState } from 'react'; import { AddressObjectWithDisplayPicture, diff --git a/skiff-mail-web/components/Settings/Filters/Dropdowns/ConditionTypeDropdown.tsx b/skiff-mail-web/components/Settings/Filters/Dropdowns/ConditionTypeDropdown.tsx index f30adac..ce3be48 100644 --- a/skiff-mail-web/components/Settings/Filters/Dropdowns/ConditionTypeDropdown.tsx +++ b/skiff-mail-web/components/Settings/Filters/Dropdowns/ConditionTypeDropdown.tsx @@ -1,4 +1,4 @@ -import { Dropdown, DropdownItem } from 'nightwatch-ui'; +import { Dropdown, DropdownItem } from '@skiff-org/skiff-ui'; import { DROPDOWN_ANCHOR_GAP, ConditionType, CONDITION_TYPE_TO_LABEL } from '../Filters.constants'; import { getAvailableConditionTypes } from '../Filters.utils'; diff --git a/skiff-mail-web/components/Settings/Filters/FilterActions/FilterActionOption.tsx b/skiff-mail-web/components/Settings/Filters/FilterActions/FilterActionOption.tsx index 72bde76..75cafaa 100644 --- a/skiff-mail-web/components/Settings/Filters/FilterActions/FilterActionOption.tsx +++ b/skiff-mail-web/components/Settings/Filters/FilterActions/FilterActionOption.tsx @@ -1,4 +1,4 @@ -import { Typography, IconText, Icon, TypographyWeight } from 'nightwatch-ui'; +import { Typography, IconText, Icon, TypographyWeight } from '@skiff-org/skiff-ui'; import { RefObject } from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/Filters/FilterActions/FilterActions.tsx b/skiff-mail-web/components/Settings/Filters/FilterActions/FilterActions.tsx index e18255c..cdb18d3 100644 --- a/skiff-mail-web/components/Settings/Filters/FilterActions/FilterActions.tsx +++ b/skiff-mail-web/components/Settings/Filters/FilterActions/FilterActions.tsx @@ -1,7 +1,7 @@ import startCase from 'lodash/startCase'; import toLower from 'lodash/toLower'; import uniq from 'lodash/uniq'; -import { Dropdown, DropdownItem } from 'nightwatch-ui'; +import { Dropdown, DropdownItem } from '@skiff-org/skiff-ui'; import pluralize from 'pluralize'; import { Dispatch, MutableRefObject, SetStateAction, useRef, useState } from 'react'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Settings/Filters/FilterConditionChips.tsx b/skiff-mail-web/components/Settings/Filters/FilterConditionChips.tsx index eb4d4d2..2bfbd40 100644 --- a/skiff-mail-web/components/Settings/Filters/FilterConditionChips.tsx +++ b/skiff-mail-web/components/Settings/Filters/FilterConditionChips.tsx @@ -1,5 +1,5 @@ import { useFlags } from 'launchdarkly-react-client-sdk'; -import { Dropdown, DropdownItem, Icon, IconText, Icons, Size, Typography, TypographyWeight } from 'nightwatch-ui'; +import { Dropdown, DropdownItem, Icon, IconText, Icons, Size, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { Dispatch, SetStateAction, useRef, useState } from 'react'; import { contactToAddressObject, getEnvironment, useGetAllContactsWithOrgMembers } from 'skiff-front-utils'; import { FrontendMailFilteringFeatureFlag } from 'skiff-utils'; diff --git a/skiff-mail-web/components/Settings/Filters/FilterModal.tsx b/skiff-mail-web/components/Settings/Filters/FilterModal.tsx index c7144be..a57f1ad 100644 --- a/skiff-mail-web/components/Settings/Filters/FilterModal.tsx +++ b/skiff-mail-web/components/Settings/Filters/FilterModal.tsx @@ -9,7 +9,7 @@ import { Type, Typography, TypographySize -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { ChangeEvent, useRef, useState } from 'react'; import { useDispatch } from 'react-redux'; import { diff --git a/skiff-mail-web/components/Settings/Filters/FilterRow.tsx b/skiff-mail-web/components/Settings/Filters/FilterRow.tsx index 048fac1..a090409 100644 --- a/skiff-mail-web/components/Settings/Filters/FilterRow.tsx +++ b/skiff-mail-web/components/Settings/Filters/FilterRow.tsx @@ -1,4 +1,4 @@ -import { Typography, Icon, TypographySize, Icons, TypographyWeight, Size } from 'nightwatch-ui'; +import { Typography, Icon, TypographySize, Icons, TypographyWeight, Size } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Settings/Filters/Filters.tsx b/skiff-mail-web/components/Settings/Filters/Filters.tsx index 76a99f1..c1bf91e 100644 --- a/skiff-mail-web/components/Settings/Filters/Filters.tsx +++ b/skiff-mail-web/components/Settings/Filters/Filters.tsx @@ -1,4 +1,4 @@ -import { Button, Type, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Button, Type, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; import { useGetMailFiltersQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/Settings/Filters/FiltersTable.tsx b/skiff-mail-web/components/Settings/Filters/FiltersTable.tsx index 675215f..57f7702 100644 --- a/skiff-mail-web/components/Settings/Filters/FiltersTable.tsx +++ b/skiff-mail-web/components/Settings/Filters/FiltersTable.tsx @@ -1,4 +1,4 @@ -import { Alignment, Button, CustomCircularProgress, Type, Typography, TypographyWeight } from 'nightwatch-ui'; +import { Alignment, Button, CustomCircularProgress, Type, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; import { useUserLabelsQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/Settings/Filters/index.tsx b/skiff-mail-web/components/Settings/Filters/index.tsx index b492006..617c802 100644 --- a/skiff-mail-web/components/Settings/Filters/index.tsx +++ b/skiff-mail-web/components/Settings/Filters/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React from 'react'; import { Setting, SETTINGS_LABELS, SettingType, SettingValue } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/Import/AutoForwarding/AutoForwarding.constants.tsx b/skiff-mail-web/components/Settings/Import/AutoForwarding/AutoForwarding.constants.tsx index 5fe4904..131e20d 100644 --- a/skiff-mail-web/components/Settings/Import/AutoForwarding/AutoForwarding.constants.tsx +++ b/skiff-mail-web/components/Settings/Import/AutoForwarding/AutoForwarding.constants.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/Import/AutoForwarding/AutoForwarding.tsx b/skiff-mail-web/components/Settings/Import/AutoForwarding/AutoForwarding.tsx index b73c356..7b408a3 100644 --- a/skiff-mail-web/components/Settings/Import/AutoForwarding/AutoForwarding.tsx +++ b/skiff-mail-web/components/Settings/Import/AutoForwarding/AutoForwarding.tsx @@ -1,5 +1,5 @@ import { motion } from 'framer-motion'; -import { Tabs, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Tabs, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { isMobile } from 'react-device-detect'; import { TitleActionSection } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/Import/ImportMail/GmailImportDialog.tsx b/skiff-mail-web/components/Settings/Import/ImportMail/GmailImportDialog.tsx index 1b36fd6..91ea054 100644 --- a/skiff-mail-web/components/Settings/Import/ImportMail/GmailImportDialog.tsx +++ b/skiff-mail-web/components/Settings/Import/ImportMail/GmailImportDialog.tsx @@ -1,4 +1,4 @@ -import { Button, Dialog, ThemeMode, Type } from 'nightwatch-ui'; +import { Button, Dialog, ThemeMode, Type } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { GoogleLoginButton, useTheme } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/Import/ImportMail/ImportMail.tsx b/skiff-mail-web/components/Settings/Import/ImportMail/ImportMail.tsx index e99866f..e1e3f93 100644 --- a/skiff-mail-web/components/Settings/Import/ImportMail/ImportMail.tsx +++ b/skiff-mail-web/components/Settings/Import/ImportMail/ImportMail.tsx @@ -2,7 +2,7 @@ import { ApolloCache, ApolloError } from '@apollo/client'; import { GraphQLError } from 'graphql'; import { useFlags } from 'launchdarkly-react-client-sdk'; import { useRouter } from 'next/router'; -import { ButtonGroup, ButtonGroupItem, Icon, Typography } from 'nightwatch-ui'; +import { ButtonGroup, ButtonGroupItem, Icon, Typography } from '@skiff-org/skiff-ui'; import { ChangeEvent, useCallback, useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Settings/Import/ImportMail/ProtonImportDialog.tsx b/skiff-mail-web/components/Settings/Import/ImportMail/ProtonImportDialog.tsx index ab06840..506ef02 100644 --- a/skiff-mail-web/components/Settings/Import/ImportMail/ProtonImportDialog.tsx +++ b/skiff-mail-web/components/Settings/Import/ImportMail/ProtonImportDialog.tsx @@ -1,4 +1,4 @@ -import { Button, Dialog, Type, Typography } from 'nightwatch-ui'; +import { Button, Dialog, Type, Typography } from '@skiff-org/skiff-ui'; import { MutableRefObject } from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Settings/Import/index.tsx b/skiff-mail-web/components/Settings/Import/index.tsx index 25e3a7d..6a3f590 100644 --- a/skiff-mail-web/components/Settings/Import/index.tsx +++ b/skiff-mail-web/components/Settings/Import/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useState } from 'react'; import { Setting, SETTINGS_LABELS, SettingType, SettingValue } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/Notifications/index.tsx b/skiff-mail-web/components/Settings/Notifications/index.tsx index 03b2304..6611413 100644 --- a/skiff-mail-web/components/Settings/Notifications/index.tsx +++ b/skiff-mail-web/components/Settings/Notifications/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useCallback, useEffect, useMemo, useState } from 'react'; import { isBrowser } from 'react-device-detect'; import { diff --git a/skiff-mail-web/components/Settings/Plans/index.tsx b/skiff-mail-web/components/Settings/Plans/index.tsx index 2c4563b..5396308 100644 --- a/skiff-mail-web/components/Settings/Plans/index.tsx +++ b/skiff-mail-web/components/Settings/Plans/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useMemo } from 'react'; import { SETTINGS_LABELS, diff --git a/skiff-mail-web/components/Settings/Security/AccountRecovery/AccountRecoveryDialog.tsx b/skiff-mail-web/components/Settings/Security/AccountRecovery/AccountRecoveryDialog.tsx index 44ce3e2..e96df9c 100644 --- a/skiff-mail-web/components/Settings/Security/AccountRecovery/AccountRecoveryDialog.tsx +++ b/skiff-mail-web/components/Settings/Security/AccountRecovery/AccountRecoveryDialog.tsx @@ -1,4 +1,4 @@ -import { Dialog } from 'nightwatch-ui'; +import { Dialog } from '@skiff-org/skiff-ui'; import { useCallback, useEffect, useState } from 'react'; import { uploadRecoveryData } from 'skiff-front-graphql'; import { diff --git a/skiff-mail-web/components/Settings/Security/ChangePassword/ChangePassword.tsx b/skiff-mail-web/components/Settings/Security/ChangePassword/ChangePassword.tsx index dbcb7a7..ce6c4ae 100644 --- a/skiff-mail-web/components/Settings/Security/ChangePassword/ChangePassword.tsx +++ b/skiff-mail-web/components/Settings/Security/ChangePassword/ChangePassword.tsx @@ -1,4 +1,4 @@ -import { ButtonGroupItem, Dialog } from 'nightwatch-ui'; +import { ButtonGroupItem, Dialog } from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import srp from 'secure-remote-password/client'; import { diff --git a/skiff-mail-web/components/Settings/Security/SetupMFA/SetupMFA.tsx b/skiff-mail-web/components/Settings/Security/SetupMFA/SetupMFA.tsx index 30ea019..4aea2b0 100644 --- a/skiff-mail-web/components/Settings/Security/SetupMFA/SetupMFA.tsx +++ b/skiff-mail-web/components/Settings/Security/SetupMFA/SetupMFA.tsx @@ -1,4 +1,4 @@ -import { Icon, IconButton, Icons, Type, Typography, TypographySize } from 'nightwatch-ui'; +import { Icon, IconButton, Icons, Type, Typography, TypographySize } from '@skiff-org/skiff-ui'; import { useCallback, useEffect, useState } from 'react'; import { GetUserMfaQuery, diff --git a/skiff-mail-web/components/Settings/Security/VerificationPhrase/ViewVerificationPhrase.tsx b/skiff-mail-web/components/Settings/Security/VerificationPhrase/ViewVerificationPhrase.tsx index be296cc..d0f0989 100644 --- a/skiff-mail-web/components/Settings/Security/VerificationPhrase/ViewVerificationPhrase.tsx +++ b/skiff-mail-web/components/Settings/Security/VerificationPhrase/ViewVerificationPhrase.tsx @@ -1,4 +1,4 @@ -import { Icon, Typography } from 'nightwatch-ui'; +import { Icon, Typography } from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { generateVerificationPhraseFromSigningKey } from '@skiff-org/skiff-crypto'; diff --git a/skiff-mail-web/components/Settings/Security/index.tsx b/skiff-mail-web/components/Settings/Security/index.tsx index 39e2c39..489f097 100644 --- a/skiff-mail-web/components/Settings/Security/index.tsx +++ b/skiff-mail-web/components/Settings/Security/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { Setting, SETTINGS_LABELS, SettingType, SettingValue, useUserPreference } from 'skiff-front-utils'; import { StorageTypes } from 'skiff-utils'; diff --git a/skiff-mail-web/components/Settings/SettingTextArea.tsx b/skiff-mail-web/components/Settings/SettingTextArea.tsx index 2660158..f231085 100644 --- a/skiff-mail-web/components/Settings/SettingTextArea.tsx +++ b/skiff-mail-web/components/Settings/SettingTextArea.tsx @@ -1,5 +1,5 @@ import { Editor, EditorContent, useEditor } from '@tiptap/react'; -import { ButtonGroup, ButtonGroupItem, Icon } from 'nightwatch-ui'; +import { ButtonGroup, ButtonGroupItem, Icon } from '@skiff-org/skiff-ui'; import { MutableRefObject, useEffect, useMemo, useRef } from 'react'; import { isMobile } from 'react-device-detect'; import { useTheme, useToast } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Settings/SignatureManager/index.tsx b/skiff-mail-web/components/Settings/SignatureManager/index.tsx index 571cf94..d5b3466 100644 --- a/skiff-mail-web/components/Settings/SignatureManager/index.tsx +++ b/skiff-mail-web/components/Settings/SignatureManager/index.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; import { diff --git a/skiff-mail-web/components/Settings/useAvailableSettings.ts b/skiff-mail-web/components/Settings/useAvailableSettings.ts index f8c56a7..c53221a 100644 --- a/skiff-mail-web/components/Settings/useAvailableSettings.ts +++ b/skiff-mail-web/components/Settings/useAvailableSettings.ts @@ -1,5 +1,5 @@ import { useFlags } from 'launchdarkly-react-client-sdk'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useMemo } from 'react'; import { isMobile } from 'react-device-detect'; import { useGetOrganizationQuery, useSubscriptionPlan } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/Settings/utils.ts b/skiff-mail-web/components/Settings/utils.ts index ed3ea04..be4b5ac 100644 --- a/skiff-mail-web/components/Settings/utils.ts +++ b/skiff-mail-web/components/Settings/utils.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; /** diff --git a/skiff-mail-web/components/Thread/ApplyUserLabelDrawer.tsx b/skiff-mail-web/components/Thread/ApplyUserLabelDrawer.tsx index 6ef7f84..a55b8a0 100644 --- a/skiff-mail-web/components/Thread/ApplyUserLabelDrawer.tsx +++ b/skiff-mail-web/components/Thread/ApplyUserLabelDrawer.tsx @@ -1,4 +1,4 @@ -import { Drawer, Icon, IconText, Size, ThemeMode } from 'nightwatch-ui'; +import { Drawer, Icon, IconText, Size, ThemeMode } from '@skiff-org/skiff-ui'; import { FC } from 'react'; import { useDispatch } from 'react-redux'; import { DrawerOption, DrawerOptions } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Thread/ContactDetails/ContactActionDropdown.tsx b/skiff-mail-web/components/Thread/ContactDetails/ContactActionDropdown.tsx index f314585..130bce8 100644 --- a/skiff-mail-web/components/Thread/ContactDetails/ContactActionDropdown.tsx +++ b/skiff-mail-web/components/Thread/ContactDetails/ContactActionDropdown.tsx @@ -1,4 +1,4 @@ -import { Drawer, Dropdown, DropdownItem, Icon } from 'nightwatch-ui'; +import { Drawer, Dropdown, DropdownItem, Icon } from '@skiff-org/skiff-ui'; import { FC } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Thread/ContactDetails/EnlargedOption.tsx b/skiff-mail-web/components/Thread/ContactDetails/EnlargedOption.tsx index 684b31f..082ae57 100644 --- a/skiff-mail-web/components/Thread/ContactDetails/EnlargedOption.tsx +++ b/skiff-mail-web/components/Thread/ContactDetails/EnlargedOption.tsx @@ -7,7 +7,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import styled from 'styled-components'; import { ThreadBlockOptions } from '../Thread.types'; diff --git a/skiff-mail-web/components/Thread/ContactDetails/FullContactRow.tsx b/skiff-mail-web/components/Thread/ContactDetails/FullContactRow.tsx index 4873f22..0f2ff1f 100644 --- a/skiff-mail-web/components/Thread/ContactDetails/FullContactRow.tsx +++ b/skiff-mail-web/components/Thread/ContactDetails/FullContactRow.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographySize } from 'nightwatch-ui'; +import { Typography, TypographySize } from '@skiff-org/skiff-ui'; import { FC, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { formatEmailAddress, getAddrDisplayName } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Thread/ContactDetails/RecipientDetails.tsx b/skiff-mail-web/components/Thread/ContactDetails/RecipientDetails.tsx index e6bb9b7..268f073 100644 --- a/skiff-mail-web/components/Thread/ContactDetails/RecipientDetails.tsx +++ b/skiff-mail-web/components/Thread/ContactDetails/RecipientDetails.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographySize, TypographyOverflow } from 'nightwatch-ui'; +import { Typography, TypographySize, TypographyOverflow } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { formatEmailAddress } from 'skiff-front-utils'; import { AddressObject } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/Thread/ContactDetails/SenderDetails.tsx b/skiff-mail-web/components/Thread/ContactDetails/SenderDetails.tsx index e1a306b..90df753 100644 --- a/skiff-mail-web/components/Thread/ContactDetails/SenderDetails.tsx +++ b/skiff-mail-web/components/Thread/ContactDetails/SenderDetails.tsx @@ -1,4 +1,4 @@ -import { Icon, IconText, Size, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Icon, IconText, Size, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { RefObject, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Thread/MailHTMLView/MailHTMLView.tsx b/skiff-mail-web/components/Thread/MailHTMLView/MailHTMLView.tsx index 7123be7..d0e3417 100644 --- a/skiff-mail-web/components/Thread/MailHTMLView/MailHTMLView.tsx +++ b/skiff-mail-web/components/Thread/MailHTMLView/MailHTMLView.tsx @@ -1,6 +1,6 @@ import DOMPurify from 'dompurify'; import debounce from 'lodash/debounce'; -import { ThemeMode, themeNames } from 'nightwatch-ui'; +import { ThemeMode, themeNames } from '@skiff-org/skiff-ui'; import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { isIOS, isMobile, isSafari } from 'react-device-detect'; import { createPortal } from 'react-dom'; diff --git a/skiff-mail-web/components/Thread/MailHTMLView/mailModifyUtils.ts b/skiff-mail-web/components/Thread/MailHTMLView/mailModifyUtils.ts index f74fb21..70f7217 100644 --- a/skiff-mail-web/components/Thread/MailHTMLView/mailModifyUtils.ts +++ b/skiff-mail-web/components/Thread/MailHTMLView/mailModifyUtils.ts @@ -1,5 +1,5 @@ -import { themeNames } from 'nightwatch-ui'; -import { isHardToRead, HSLToRGB, RGBToHSL, RGBValue, rgbaToRgb } from 'nightwatch-ui'; +import { themeNames } from '@skiff-org/skiff-ui'; +import { isHardToRead, HSLToRGB, RGBToHSL, RGBValue, rgbaToRgb } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { b64ToImageUrl } from '../../MailEditor/Image/utils'; diff --git a/skiff-mail-web/components/Thread/MobileMoreThreadOptionsDrawer.tsx b/skiff-mail-web/components/Thread/MobileMoreThreadOptionsDrawer.tsx index 3328523..bb617ea 100644 --- a/skiff-mail-web/components/Thread/MobileMoreThreadOptionsDrawer.tsx +++ b/skiff-mail-web/components/Thread/MobileMoreThreadOptionsDrawer.tsx @@ -1,5 +1,5 @@ import partition from 'lodash/partition'; -import { Drawer, DropdownItem } from 'nightwatch-ui'; +import { Drawer, DropdownItem } from '@skiff-org/skiff-ui'; import React from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Thread/MobileThreadHeader.tsx b/skiff-mail-web/components/Thread/MobileThreadHeader.tsx index d1ae468..088706e 100644 --- a/skiff-mail-web/components/Thread/MobileThreadHeader.tsx +++ b/skiff-mail-web/components/Thread/MobileThreadHeader.tsx @@ -1,4 +1,4 @@ -import { Icon, IconButton, Size, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Icon, IconButton, Size, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import { useEffect, useState } from 'react'; import { isAndroid } from 'react-device-detect'; import { isMobileApp } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Thread/MoveThreadMobileDrawer.tsx b/skiff-mail-web/components/Thread/MoveThreadMobileDrawer.tsx index 53b4060..fd48011 100644 --- a/skiff-mail-web/components/Thread/MoveThreadMobileDrawer.tsx +++ b/skiff-mail-web/components/Thread/MoveThreadMobileDrawer.tsx @@ -1,4 +1,4 @@ -import { Drawer, DropdownItem, Icon } from 'nightwatch-ui'; +import { Drawer, DropdownItem, Icon } from '@skiff-org/skiff-ui'; import { useCallback } from 'react'; import { useDispatch } from 'react-redux'; import { DrawerOption, DrawerOptions } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Thread/Pixelated/Pixelated.tsx b/skiff-mail-web/components/Thread/Pixelated/Pixelated.tsx index 663be56..0b44c93 100644 --- a/skiff-mail-web/components/Thread/Pixelated/Pixelated.tsx +++ b/skiff-mail-web/components/Thread/Pixelated/Pixelated.tsx @@ -1,5 +1,5 @@ import range from 'lodash/range'; -import { colors, ThemeMode } from 'nightwatch-ui'; +import { colors, ThemeMode } from '@skiff-org/skiff-ui'; import { useTheme } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/Thread/ReplyDrawer.tsx b/skiff-mail-web/components/Thread/ReplyDrawer.tsx index b36dcbb..6ac72dd 100644 --- a/skiff-mail-web/components/Thread/ReplyDrawer.tsx +++ b/skiff-mail-web/components/Thread/ReplyDrawer.tsx @@ -1,5 +1,5 @@ import partition from 'lodash/partition'; -import { Drawer, DropdownItem, Icon, ThemeMode } from 'nightwatch-ui'; +import { Drawer, DropdownItem, Icon, ThemeMode } from '@skiff-org/skiff-ui'; import { useDispatch } from 'react-redux'; import { DrawerOption, DrawerOptions, splitEmailToAliasAndDomain } from 'skiff-front-utils'; import { DisplayPictureData, UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/Thread/ReportThreadBlockDrawer.tsx b/skiff-mail-web/components/Thread/ReportThreadBlockDrawer.tsx index 843af52..3353d0e 100644 --- a/skiff-mail-web/components/Thread/ReportThreadBlockDrawer.tsx +++ b/skiff-mail-web/components/Thread/ReportThreadBlockDrawer.tsx @@ -1,4 +1,4 @@ -import { Drawer, DropdownItem } from 'nightwatch-ui'; +import { Drawer, DropdownItem } from '@skiff-org/skiff-ui'; import { useDispatch } from 'react-redux'; import { DrawerOption, DrawerOptions } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Thread/SenderInfo.tsx b/skiff-mail-web/components/Thread/SenderInfo.tsx index 2842e2d..b30fa2c 100644 --- a/skiff-mail-web/components/Thread/SenderInfo.tsx +++ b/skiff-mail-web/components/Thread/SenderInfo.tsx @@ -1,4 +1,13 @@ -import { Typography, Icon, IconButton, Icons, Size, ThemeMode, TypographyWeight, TypographySize } from 'nightwatch-ui'; +import { + Typography, + Icon, + IconButton, + Icons, + Size, + ThemeMode, + TypographyWeight, + TypographySize +} from '@skiff-org/skiff-ui'; import { useCallback } from 'react'; import { UserAvatar, useToast, copyToClipboardWebAndMobile } from 'skiff-front-utils'; import { DisplayPictureData } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/Thread/Thread.tsx b/skiff-mail-web/components/Thread/Thread.tsx index 28cf5e1..92dc6cf 100644 --- a/skiff-mail-web/components/Thread/Thread.tsx +++ b/skiff-mail-web/components/Thread/Thread.tsx @@ -1,6 +1,6 @@ import isEqual from 'lodash/isEqual'; import last from 'lodash/last'; -import { Button, Icon, IconButton, Icons, ThemeMode, Type, Typography, TypographyWeight } from 'nightwatch-ui'; +import { Button, Icon, IconButton, Icons, ThemeMode, Type, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { BrowserView, MobileView, isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Thread/Thread.types.ts b/skiff-mail-web/components/Thread/Thread.types.ts index a61203a..b62f16f 100644 --- a/skiff-mail-web/components/Thread/Thread.types.ts +++ b/skiff-mail-web/components/Thread/Thread.types.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; export interface ThreadNavigationIDs { threadID: string; emailID?: string; diff --git a/skiff-mail-web/components/Thread/ThreadActions/ThreadActions.tsx b/skiff-mail-web/components/Thread/ThreadActions/ThreadActions.tsx index ab2029e..b64f0c4 100644 --- a/skiff-mail-web/components/Thread/ThreadActions/ThreadActions.tsx +++ b/skiff-mail-web/components/Thread/ThreadActions/ThreadActions.tsx @@ -1,5 +1,5 @@ import { FloatingDelayGroup } from '@floating-ui/react-dom-interactions'; -import { Icon, IconText, Size, TypographyWeight } from 'nightwatch-ui'; +import { Icon, IconText, Size, TypographyWeight } from '@skiff-org/skiff-ui'; import { useRef, useState } from 'react'; import { useDispatch } from 'react-redux'; import { useGetThreadFromIdQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/Thread/ThreadBlock.tsx b/skiff-mail-web/components/Thread/ThreadBlock.tsx index e28e9d3..b0f2252 100644 --- a/skiff-mail-web/components/Thread/ThreadBlock.tsx +++ b/skiff-mail-web/components/Thread/ThreadBlock.tsx @@ -12,7 +12,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { Suspense, useEffect, useMemo, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Thread/ThreadBlockDropdown.tsx b/skiff-mail-web/components/Thread/ThreadBlockDropdown.tsx index 1d4245d..f7ded34 100644 --- a/skiff-mail-web/components/Thread/ThreadBlockDropdown.tsx +++ b/skiff-mail-web/components/Thread/ThreadBlockDropdown.tsx @@ -1,5 +1,5 @@ import DOMPurify from 'dompurify'; -import { Dropdown, DropdownItem, DropdownSubmenu, Icon } from 'nightwatch-ui'; +import { Dropdown, DropdownItem, DropdownSubmenu, Icon } from '@skiff-org/skiff-ui'; import React, { RefObject } from 'react'; import { isMobile } from 'react-device-detect'; diff --git a/skiff-mail-web/components/Thread/ThreadBlockHeader.tsx b/skiff-mail-web/components/Thread/ThreadBlockHeader.tsx index 94a7c89..bbb8d50 100644 --- a/skiff-mail-web/components/Thread/ThreadBlockHeader.tsx +++ b/skiff-mail-web/components/Thread/ThreadBlockHeader.tsx @@ -1,4 +1,4 @@ -import { Typography, TypographySize } from 'nightwatch-ui'; +import { Typography, TypographySize } from '@skiff-org/skiff-ui'; import { FC, RefObject, useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { splitEmailToAliasAndDomain } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/Thread/ThreadHeader.tsx b/skiff-mail-web/components/Thread/ThreadHeader.tsx index 9358909..a351984 100644 --- a/skiff-mail-web/components/Thread/ThreadHeader.tsx +++ b/skiff-mail-web/components/Thread/ThreadHeader.tsx @@ -1,4 +1,4 @@ -import { Chip, Icon, IconText, Icons, Size, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Chip, Icon, IconText, Icons, Size, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import React, { ForwardedRef, useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/Thread/useThreadOptions.tsx b/skiff-mail-web/components/Thread/useThreadOptions.tsx index 58430cc..730801f 100644 --- a/skiff-mail-web/components/Thread/useThreadOptions.tsx +++ b/skiff-mail-web/components/Thread/useThreadOptions.tsx @@ -1,5 +1,5 @@ -import { Icon } from 'nightwatch-ui'; -import { DropdownSubmenu } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; +import { DropdownSubmenu } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; import { SystemLabels, UserLabelVariant, AddressObject } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/banners/MobileBanner.tsx b/skiff-mail-web/components/banners/MobileBanner.tsx index 0aeba70..8ce8bb4 100644 --- a/skiff-mail-web/components/banners/MobileBanner.tsx +++ b/skiff-mail-web/components/banners/MobileBanner.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useCallback, useEffect } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/labels/LabelChip.tsx b/skiff-mail-web/components/labels/LabelChip.tsx index 3c2f212..1d0d05e 100644 --- a/skiff-mail-web/components/labels/LabelChip.tsx +++ b/skiff-mail-web/components/labels/LabelChip.tsx @@ -8,7 +8,7 @@ import { Icons, Size, getAvatarIconOrLabel -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { getWalletIcon, splitEmailToAliasAndDomain } from 'skiff-front-utils'; import { UserLabelVariant } from 'skiff-graphql'; import { isWalletOrNameServiceAddress } from 'skiff-utils'; diff --git a/skiff-mail-web/components/labels/LabelChips.tsx b/skiff-mail-web/components/labels/LabelChips.tsx index 296d317..5b08b8d 100644 --- a/skiff-mail-web/components/labels/LabelChips.tsx +++ b/skiff-mail-web/components/labels/LabelChips.tsx @@ -1,5 +1,5 @@ import Link from 'next/link'; -import { Avatar, Chip, ChipProps, Icon, Icons, Size } from 'nightwatch-ui'; +import { Avatar, Chip, ChipProps, Icon, Icons, Size } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { useMediaQuery, useUserPreference } from 'skiff-front-utils'; import { ThreadDisplayFormat, UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/labels/LabelDropdownContent.tsx b/skiff-mail-web/components/labels/LabelDropdownContent.tsx index d2cf400..9bbc25d 100644 --- a/skiff-mail-web/components/labels/LabelDropdownContent.tsx +++ b/skiff-mail-web/components/labels/LabelDropdownContent.tsx @@ -1,4 +1,4 @@ -import { DISPLAY_SCROLLBAR_CSS, DropdownItem, Icon, Icons, InputField, ThemeMode } from 'nightwatch-ui'; +import { DISPLAY_SCROLLBAR_CSS, DropdownItem, Icon, Icons, InputField, ThemeMode } from '@skiff-org/skiff-ui'; import { FC, useCallback, useEffect, useRef, useState } from 'react'; import { useDispatch } from 'react-redux'; import { SystemLabels, UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/labels/LabelDropdownItem.tsx b/skiff-mail-web/components/labels/LabelDropdownItem.tsx index 9a1fc67..004a0c0 100644 --- a/skiff-mail-web/components/labels/LabelDropdownItem.tsx +++ b/skiff-mail-web/components/labels/LabelDropdownItem.tsx @@ -7,7 +7,7 @@ import { Size, ThemeMode, getThemedColor -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { Dispatch, FC, SetStateAction, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/labels/LabelOptionsDropdown.tsx b/skiff-mail-web/components/labels/LabelOptionsDropdown.tsx index 87ded5f..442f0a4 100644 --- a/skiff-mail-web/components/labels/LabelOptionsDropdown.tsx +++ b/skiff-mail-web/components/labels/LabelOptionsDropdown.tsx @@ -13,7 +13,7 @@ import { ThemeMode, accentColorToPrimaryColor, themeNames -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { RefObject, useRef, useState } from 'react'; import { useDeleteUserLabelMutation, useEditUserLabelMutation } from 'skiff-front-graphql'; import { useToast } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/labels/LinkedLabelChips.tsx b/skiff-mail-web/components/labels/LinkedLabelChips.tsx index b6cfcb1..fddc3c4 100644 --- a/skiff-mail-web/components/labels/LinkedLabelChips.tsx +++ b/skiff-mail-web/components/labels/LinkedLabelChips.tsx @@ -1,5 +1,5 @@ import Link from 'next/link'; -import { ChipProps } from 'nightwatch-ui'; +import { ChipProps } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { useMediaQuery, useUserPreference } from 'skiff-front-utils'; import { ThreadDisplayFormat, UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/labels/MoveToLabelDropdown.tsx b/skiff-mail-web/components/labels/MoveToLabelDropdown.tsx index 3309aff..d744cc5 100644 --- a/skiff-mail-web/components/labels/MoveToLabelDropdown.tsx +++ b/skiff-mail-web/components/labels/MoveToLabelDropdown.tsx @@ -1,4 +1,4 @@ -import { Dropdown } from 'nightwatch-ui'; +import { Dropdown } from '@skiff-org/skiff-ui'; import { RefObject, useState } from 'react'; import { UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/labels/SelectLabelDropdown.tsx b/skiff-mail-web/components/labels/SelectLabelDropdown.tsx index 1d2b728..182b1f5 100644 --- a/skiff-mail-web/components/labels/SelectLabelDropdown.tsx +++ b/skiff-mail-web/components/labels/SelectLabelDropdown.tsx @@ -1,4 +1,4 @@ -import { Dropdown } from 'nightwatch-ui'; +import { Dropdown } from '@skiff-org/skiff-ui'; import { RefObject, useState } from 'react'; import React from 'react'; import { UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/layout/Layout.tsx b/skiff-mail-web/components/layout/Layout.tsx index 0baaefb..fbb16db 100644 --- a/skiff-mail-web/components/layout/Layout.tsx +++ b/skiff-mail-web/components/layout/Layout.tsx @@ -1,7 +1,7 @@ import { AnimatePresence } from 'framer-motion'; import dynamic from 'next/dynamic'; import { useRouter } from 'next/router'; -import { BANNER_HEIGHT, CustomCircularProgress, Size } from 'nightwatch-ui'; +import { BANNER_HEIGHT, CustomCircularProgress, Size } from '@skiff-org/skiff-ui'; import { FC, useEffect, useCallback } from 'react'; import { isAndroid, isMobile, MobileView } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/layout/MailSidebar.tsx b/skiff-mail-web/components/layout/MailSidebar.tsx index ee32420..9c511da 100644 --- a/skiff-mail-web/components/layout/MailSidebar.tsx +++ b/skiff-mail-web/components/layout/MailSidebar.tsx @@ -1,5 +1,5 @@ import { useFlags } from 'launchdarkly-react-client-sdk'; -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { useUserLabelsQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/layout/SidebarItem.tsx b/skiff-mail-web/components/layout/SidebarItem.tsx index 3bf9083..10c37cb 100644 --- a/skiff-mail-web/components/layout/SidebarItem.tsx +++ b/skiff-mail-web/components/layout/SidebarItem.tsx @@ -13,7 +13,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useRef, useState } from 'react'; import { useDrop } from 'react-dnd'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/layout/useCachingWorker.tsx b/skiff-mail-web/components/layout/useCachingWorker.tsx index b3b889a..31a0f5b 100644 --- a/skiff-mail-web/components/layout/useCachingWorker.tsx +++ b/skiff-mail-web/components/layout/useCachingWorker.tsx @@ -1,4 +1,4 @@ -import { ToastProps } from 'nightwatch-ui'; +import { ToastProps } from '@skiff-org/skiff-ui'; import { SnackbarKey } from 'notistack'; import { useEffect } from 'react'; import { isIOS } from 'react-device-detect'; diff --git a/skiff-mail-web/components/mailbox/ActivationPane/ActivationChecklist.tsx b/skiff-mail-web/components/mailbox/ActivationPane/ActivationChecklist.tsx index 5cfb717..4d80fd3 100644 --- a/skiff-mail-web/components/mailbox/ActivationPane/ActivationChecklist.tsx +++ b/skiff-mail-web/components/mailbox/ActivationPane/ActivationChecklist.tsx @@ -1,4 +1,4 @@ -import { ThemeMode, Typography, getThemedColor, Icons, Icon, Size } from 'nightwatch-ui'; +import { ThemeMode, Typography, getThemedColor, Icons, Icon, Size } from '@skiff-org/skiff-ui'; import React from 'react'; import { DEFAULT_WORKSPACE_EVENT_VERSION } from 'skiff-front-utils'; import { WorkspaceEventType } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/mailbox/ActivationPane/ActivationChecklistPane.tsx b/skiff-mail-web/components/mailbox/ActivationPane/ActivationChecklistPane.tsx index 82d5aca..8c65796 100644 --- a/skiff-mail-web/components/mailbox/ActivationPane/ActivationChecklistPane.tsx +++ b/skiff-mail-web/components/mailbox/ActivationPane/ActivationChecklistPane.tsx @@ -8,7 +8,7 @@ import { Icon, Icons, Size -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React from 'react'; import { useDispatch } from 'react-redux'; import { useGetCreditsQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/mailbox/ActivationPane/ActivationPaneButton.tsx b/skiff-mail-web/components/mailbox/ActivationPane/ActivationPaneButton.tsx index 8165d26..875f090 100644 --- a/skiff-mail-web/components/mailbox/ActivationPane/ActivationPaneButton.tsx +++ b/skiff-mail-web/components/mailbox/ActivationPane/ActivationPaneButton.tsx @@ -1,5 +1,5 @@ import { motion } from 'framer-motion'; -import { Icon, Icons, Size, ThemeMode } from 'nightwatch-ui'; +import { Icon, Icons, Size, ThemeMode } from '@skiff-org/skiff-ui'; import React from 'react'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/mailbox/ActivationPane/ActivationPaneToggle.tsx b/skiff-mail-web/components/mailbox/ActivationPane/ActivationPaneToggle.tsx index 9b26d94..43715b3 100644 --- a/skiff-mail-web/components/mailbox/ActivationPane/ActivationPaneToggle.tsx +++ b/skiff-mail-web/components/mailbox/ActivationPane/ActivationPaneToggle.tsx @@ -1,5 +1,5 @@ import { motion, AnimatePresence } from 'framer-motion'; -import { useOnClickOutside } from 'nightwatch-ui'; +import { useOnClickOutside } from '@skiff-org/skiff-ui'; import React, { useState, useRef, useEffect } from 'react'; import { isMobile } from 'react-device-detect'; import { useLocalSetting } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/mailbox/Mailbox.tsx b/skiff-mail-web/components/mailbox/Mailbox.tsx index 417cfd4..1bec3b3 100644 --- a/skiff-mail-web/components/mailbox/Mailbox.tsx +++ b/skiff-mail-web/components/mailbox/Mailbox.tsx @@ -4,7 +4,7 @@ import { useFlags } from 'launchdarkly-react-client-sdk'; import uniq from 'lodash/uniq'; import uniqBy from 'lodash/uniqBy'; import dynamic from 'next/dynamic'; -import { Icon, IconButton, Size } from 'nightwatch-ui'; +import { Icon, IconButton, Size } from '@skiff-org/skiff-ui'; import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { isAndroid, isIOS, isMacOs, isMobile, MobileView } from 'react-device-detect'; import { configure } from 'react-hotkeys'; diff --git a/skiff-mail-web/components/mailbox/MailboxActions/MailboxActions.tsx b/skiff-mail-web/components/mailbox/MailboxActions/MailboxActions.tsx index 930632b..fb37f5d 100644 --- a/skiff-mail-web/components/mailbox/MailboxActions/MailboxActions.tsx +++ b/skiff-mail-web/components/mailbox/MailboxActions/MailboxActions.tsx @@ -1,4 +1,4 @@ -import { Dropdown, DropdownItem, Icon, IconButton, Icons, Type } from 'nightwatch-ui'; +import { Dropdown, DropdownItem, Icon, IconButton, Icons, Type } from '@skiff-org/skiff-ui'; import { useRef, useState } from 'react'; import { useDispatch } from 'react-redux'; import { useGetNumUnreadQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/mailbox/MailboxActions/MobileFilterDrawer.tsx b/skiff-mail-web/components/mailbox/MailboxActions/MobileFilterDrawer.tsx index 4f33a2e..24786b7 100644 --- a/skiff-mail-web/components/mailbox/MailboxActions/MobileFilterDrawer.tsx +++ b/skiff-mail-web/components/mailbox/MailboxActions/MobileFilterDrawer.tsx @@ -1,4 +1,4 @@ -import { Drawer, Icon, Icons, Size, themeNames, ThemeMode, Typography, TypographySize } from 'nightwatch-ui'; +import { Drawer, Icon, Icons, Size, themeNames, ThemeMode, Typography, TypographySize } from '@skiff-org/skiff-ui'; import { useCallback } from 'react'; import { useDispatch } from 'react-redux'; import { DrawerBlocksContainer } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/mailbox/MailboxActions/MobileMailboxMoreOptionsDrawer.tsx b/skiff-mail-web/components/mailbox/MailboxActions/MobileMailboxMoreOptionsDrawer.tsx index b4e7fec..38613d5 100644 --- a/skiff-mail-web/components/mailbox/MailboxActions/MobileMailboxMoreOptionsDrawer.tsx +++ b/skiff-mail-web/components/mailbox/MailboxActions/MobileMailboxMoreOptionsDrawer.tsx @@ -1,4 +1,4 @@ -import { Drawer, DropdownItem, Icon } from 'nightwatch-ui'; +import { Drawer, DropdownItem, Icon } from '@skiff-org/skiff-ui'; import { useDispatch } from 'react-redux'; import { DrawerOption, DrawerOptions } from 'skiff-front-utils'; import { SystemLabels, UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/mailbox/MailboxActions/MobileMailboxSelectDrawer.tsx b/skiff-mail-web/components/mailbox/MailboxActions/MobileMailboxSelectDrawer.tsx index affee6c..d6112e7 100644 --- a/skiff-mail-web/components/mailbox/MailboxActions/MobileMailboxSelectDrawer.tsx +++ b/skiff-mail-web/components/mailbox/MailboxActions/MobileMailboxSelectDrawer.tsx @@ -1,6 +1,6 @@ import Link from 'next/link'; import { useRouter } from 'next/router'; -import { DropdownItem, Icon, Icons, Size, ThemeMode, Typography, Drawer, TypographySize } from 'nightwatch-ui'; +import { DropdownItem, Icon, Icons, Size, ThemeMode, Typography, Drawer, TypographySize } from '@skiff-org/skiff-ui'; import { FC, useCallback, useRef } from 'react'; import { useDispatch } from 'react-redux'; import { useGetNumUnreadQuery, useUserLabelsQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/mailbox/MailboxHeader.tsx b/skiff-mail-web/components/mailbox/MailboxHeader.tsx index 4071363..c3af7a8 100644 --- a/skiff-mail-web/components/mailbox/MailboxHeader.tsx +++ b/skiff-mail-web/components/mailbox/MailboxHeader.tsx @@ -12,7 +12,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useCallback, useEffect, useRef, useState } from 'react'; import { isMobile, MobileView } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/mailbox/MailboxSearchResults.tsx b/skiff-mail-web/components/mailbox/MailboxSearchResults.tsx index f831428..9f9c9a2 100644 --- a/skiff-mail-web/components/mailbox/MailboxSearchResults.tsx +++ b/skiff-mail-web/components/mailbox/MailboxSearchResults.tsx @@ -2,7 +2,7 @@ import { AnimatePresence } from 'framer-motion'; import uniq from 'lodash/uniq'; import uniqBy from 'lodash/uniqBy'; import { useRouter } from 'next/router'; -import { Icon, IconButton, InputField, Type, Typography } from 'nightwatch-ui'; +import { Icon, IconButton, InputField, Type, Typography } from '@skiff-org/skiff-ui'; import React, { useCallback, useContext, useEffect, useRef, useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch, useSelector } from 'react-redux'; diff --git a/skiff-mail-web/components/mailbox/MessageCell/MessageCell.styles.ts b/skiff-mail-web/components/mailbox/MessageCell/MessageCell.styles.ts index d812155..d325a7d 100644 --- a/skiff-mail-web/components/mailbox/MessageCell/MessageCell.styles.ts +++ b/skiff-mail-web/components/mailbox/MessageCell/MessageCell.styles.ts @@ -1,4 +1,4 @@ -import { themeNames, CorrectedColorSelect, ThemeMode } from 'nightwatch-ui'; +import { themeNames, CorrectedColorSelect, ThemeMode } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import styled, { css } from 'styled-components'; diff --git a/skiff-mail-web/components/mailbox/MessageCell/MessageCell.tsx b/skiff-mail-web/components/mailbox/MessageCell/MessageCell.tsx index f57d647..12171fa 100644 --- a/skiff-mail-web/components/mailbox/MessageCell/MessageCell.tsx +++ b/skiff-mail-web/components/mailbox/MessageCell/MessageCell.tsx @@ -12,7 +12,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useCallback, useEffect, useState } from 'react'; import { ConnectDragSource } from 'react-dnd'; import { useResizeDetector } from 'react-resize-detector'; diff --git a/skiff-mail-web/components/mailbox/MessageCell/MessageCellActions.tsx b/skiff-mail-web/components/mailbox/MessageCell/MessageCellActions.tsx index d6be144..a17f5a7 100644 --- a/skiff-mail-web/components/mailbox/MessageCell/MessageCellActions.tsx +++ b/skiff-mail-web/components/mailbox/MessageCell/MessageCellActions.tsx @@ -1,4 +1,4 @@ -import { Icon, IconButton, Size, TooltipLabelProps, Type } from 'nightwatch-ui'; +import { Icon, IconButton, Size, TooltipLabelProps, Type } from '@skiff-org/skiff-ui'; import { useCallback } from 'react'; import { useDispatch } from 'react-redux'; import { SystemLabels } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/mailbox/MessageCell/MessageCellAvatar.tsx b/skiff-mail-web/components/mailbox/MessageCell/MessageCellAvatar.tsx index 812b382..8a8804f 100644 --- a/skiff-mail-web/components/mailbox/MessageCell/MessageCellAvatar.tsx +++ b/skiff-mail-web/components/mailbox/MessageCell/MessageCellAvatar.tsx @@ -1,4 +1,4 @@ -import { Size, ThemeMode } from 'nightwatch-ui'; +import { Size, ThemeMode } from '@skiff-org/skiff-ui'; import { UserAvatar, splitEmailToAliasAndDomain } from 'skiff-front-utils'; import { useDisplayNameFromAddress } from '../../../hooks/useDisplayNameFromAddress'; diff --git a/skiff-mail-web/components/mailbox/MessageCell/MessageDragLayer.tsx b/skiff-mail-web/components/mailbox/MessageCell/MessageDragLayer.tsx index 2bd81e1..a9cf98e 100644 --- a/skiff-mail-web/components/mailbox/MessageCell/MessageDragLayer.tsx +++ b/skiff-mail-web/components/mailbox/MessageCell/MessageDragLayer.tsx @@ -1,4 +1,4 @@ -import { Icon, IconText, TypographyWeight } from 'nightwatch-ui'; +import { Icon, IconText, TypographyWeight } from '@skiff-org/skiff-ui'; import { DragLayerMonitor, useDragLayer, XYCoord } from 'react-dnd'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/mailbox/MessageCell/MobileMessageCell.tsx b/skiff-mail-web/components/mailbox/MessageCell/MobileMessageCell.tsx index 6041421..ce83343 100644 --- a/skiff-mail-web/components/mailbox/MessageCell/MobileMessageCell.tsx +++ b/skiff-mail-web/components/mailbox/MessageCell/MobileMessageCell.tsx @@ -1,7 +1,16 @@ import dayjs from 'dayjs'; import isToday from 'dayjs/plugin/isToday'; -import { Icon, Typography, Icons, Layout, Size, ThemeMode, TypographySize, TypographyWeight } from 'nightwatch-ui'; -import { Facepile } from 'nightwatch-ui'; +import { + Icon, + Typography, + Icons, + Layout, + Size, + ThemeMode, + TypographySize, + TypographyWeight +} from '@skiff-org/skiff-ui'; +import { Facepile } from '@skiff-org/skiff-ui'; import React, { useEffect, useRef, useState } from 'react'; import { useDispatch } from 'react-redux'; import { useResizeDetector } from 'react-resize-detector'; diff --git a/skiff-mail-web/components/mailbox/MessageCell/utils.ts b/skiff-mail-web/components/mailbox/MessageCell/utils.ts index 56c2c13..1962c86 100644 --- a/skiff-mail-web/components/mailbox/MessageCell/utils.ts +++ b/skiff-mail-web/components/mailbox/MessageCell/utils.ts @@ -1,4 +1,4 @@ -import { Size } from 'nightwatch-ui'; +import { Size } from '@skiff-org/skiff-ui'; import { isMobile } from 'react-device-detect'; import { formatName } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/modals/AppSwitcher.tsx b/skiff-mail-web/components/modals/AppSwitcher.tsx index ce21a76..6293eae 100644 --- a/skiff-mail-web/components/modals/AppSwitcher.tsx +++ b/skiff-mail-web/components/modals/AppSwitcher.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import React, { useEffect, useState } from 'react'; import { useDispatch } from 'react-redux'; import { useGetNumUnreadQuery } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/modals/BlockUnblockSenderModal.tsx b/skiff-mail-web/components/modals/BlockUnblockSenderModal.tsx index af2ac52..7a9ce7b 100644 --- a/skiff-mail-web/components/modals/BlockUnblockSenderModal.tsx +++ b/skiff-mail-web/components/modals/BlockUnblockSenderModal.tsx @@ -1,4 +1,4 @@ -import { ButtonGroupItem, Dialog, DialogTypes } from 'nightwatch-ui'; +import { ButtonGroupItem, Dialog, DialogTypes } from '@skiff-org/skiff-ui'; import { useDispatch } from 'react-redux'; import { useBlockEmailAddressMutation, useUnblockEmailAddressMutation } from 'skiff-front-graphql'; import { useToast } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/modals/ConnectWalletModal/ConnectWalletModal.tsx b/skiff-mail-web/components/modals/ConnectWalletModal/ConnectWalletModal.tsx index 210e1b2..1ad6054 100644 --- a/skiff-mail-web/components/modals/ConnectWalletModal/ConnectWalletModal.tsx +++ b/skiff-mail-web/components/modals/ConnectWalletModal/ConnectWalletModal.tsx @@ -1,6 +1,6 @@ import { ApolloError } from '@apollo/client'; import { Keplr } from '@keplr-wallet/types/build/wallet/keplr'; -import { Button, Dialog, DialogTypes, Icon, IconButton, Type, Typography } from 'nightwatch-ui'; +import { Button, Dialog, DialogTypes, Icon, IconButton, Type, Typography } from '@skiff-org/skiff-ui'; import { FC, useState } from 'react'; import { useVerifyWalletAddressCreateAliasMutation } from 'skiff-front-graphql'; import { updateEmailAliases, useToast } from 'skiff-front-utils'; diff --git a/skiff-mail-web/components/modals/CreateOrEditLabelOrFolderModal.tsx b/skiff-mail-web/components/modals/CreateOrEditLabelOrFolderModal.tsx index 03e885d..d107bc5 100644 --- a/skiff-mail-web/components/modals/CreateOrEditLabelOrFolderModal.tsx +++ b/skiff-mail-web/components/modals/CreateOrEditLabelOrFolderModal.tsx @@ -13,7 +13,7 @@ import { accentColorToPrimaryColor, TypographySize, Size -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState, useRef, useEffect } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/modals/ReferralSplashModal.tsx b/skiff-mail-web/components/modals/ReferralSplashModal.tsx index 705281c..312e9be 100644 --- a/skiff-mail-web/components/modals/ReferralSplashModal.tsx +++ b/skiff-mail-web/components/modals/ReferralSplashModal.tsx @@ -1,4 +1,4 @@ -import { ButtonGroupItem, Dialog, DialogTypes } from 'nightwatch-ui'; +import { ButtonGroupItem, Dialog, DialogTypes } from '@skiff-org/skiff-ui'; import { FC } from 'react'; export interface ReferralSplashModalProps { diff --git a/skiff-mail-web/components/modals/ReportPhishingOrConcernModal.tsx b/skiff-mail-web/components/modals/ReportPhishingOrConcernModal.tsx index 80f12a0..3399e4a 100644 --- a/skiff-mail-web/components/modals/ReportPhishingOrConcernModal.tsx +++ b/skiff-mail-web/components/modals/ReportPhishingOrConcernModal.tsx @@ -1,4 +1,4 @@ -import { ButtonGroup, ButtonGroupItem, Dialog, DialogTypes, Layout, TextArea, Typography } from 'nightwatch-ui'; +import { ButtonGroup, ButtonGroupItem, Dialog, DialogTypes, Layout, TextArea, Typography } from '@skiff-org/skiff-ui'; import { useState } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/modals/SkemailWelcomeModal.tsx b/skiff-mail-web/components/modals/SkemailWelcomeModal.tsx index 6c4b252..ec0b814 100644 --- a/skiff-mail-web/components/modals/SkemailWelcomeModal.tsx +++ b/skiff-mail-web/components/modals/SkemailWelcomeModal.tsx @@ -9,7 +9,7 @@ import { Size, Type, Typography -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import { Fragment, useState } from 'react'; import { useDispatch } from 'react-redux'; import { useSetUserPublicKeyMutation } from 'skiff-front-graphql'; diff --git a/skiff-mail-web/components/shared/BottomNavigation/MultipleItemSelectToolbar.tsx b/skiff-mail-web/components/shared/BottomNavigation/MultipleItemSelectToolbar.tsx index 4491392..4ddbb68 100644 --- a/skiff-mail-web/components/shared/BottomNavigation/MultipleItemSelectToolbar.tsx +++ b/skiff-mail-web/components/shared/BottomNavigation/MultipleItemSelectToolbar.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useCallback, useEffect, useState } from 'react'; import { useDispatch } from 'react-redux'; import { SystemLabels } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/shared/BottomNavigation/ThreadToolbar.tsx b/skiff-mail-web/components/shared/BottomNavigation/ThreadToolbar.tsx index 08eea30..c4a0fce 100644 --- a/skiff-mail-web/components/shared/BottomNavigation/ThreadToolbar.tsx +++ b/skiff-mail-web/components/shared/BottomNavigation/ThreadToolbar.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { useCallback } from 'react'; import { useDispatch } from 'react-redux'; import { SystemLabels } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/shared/BottomNavigation/ToolbarButton.tsx b/skiff-mail-web/components/shared/BottomNavigation/ToolbarButton.tsx index 8524566..8b0c403 100644 --- a/skiff-mail-web/components/shared/BottomNavigation/ToolbarButton.tsx +++ b/skiff-mail-web/components/shared/BottomNavigation/ToolbarButton.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size, Typography } from 'nightwatch-ui'; +import { Icon, Icons, Size, Typography } from '@skiff-org/skiff-ui'; import { MouseEventHandler } from 'react'; import { isMobile } from 'react-device-detect'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/shared/CmdPalette/AttachmentSearchResult.tsx b/skiff-mail-web/components/shared/CmdPalette/AttachmentSearchResult.tsx index 7c27f1d..2f70db0 100644 --- a/skiff-mail-web/components/shared/CmdPalette/AttachmentSearchResult.tsx +++ b/skiff-mail-web/components/shared/CmdPalette/AttachmentSearchResult.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import { Icon, Icons, ThemeMode, Typography, TypographyWeight } from 'nightwatch-ui'; +import { Icon, Icons, ThemeMode, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import { formatTypeSize, getIconFromMIMEType } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/shared/CmdPalette/CmdPalette.tsx b/skiff-mail-web/components/shared/CmdPalette/CmdPalette.tsx index 09fd432..15d114f 100644 --- a/skiff-mail-web/components/shared/CmdPalette/CmdPalette.tsx +++ b/skiff-mail-web/components/shared/CmdPalette/CmdPalette.tsx @@ -1,4 +1,4 @@ -import { Dialog, DialogTypes, Divider, InputField, Size, ThemeMode } from 'nightwatch-ui'; +import { Dialog, DialogTypes, Divider, InputField, Size, ThemeMode } from '@skiff-org/skiff-ui'; import React, { useCallback, useContext, useEffect, useRef } from 'react'; import { isMobile } from 'react-device-detect'; import { useDispatch } from 'react-redux'; diff --git a/skiff-mail-web/components/shared/CmdPalette/CommandList.tsx b/skiff-mail-web/components/shared/CmdPalette/CommandList.tsx index 0328a32..69b2190 100644 --- a/skiff-mail-web/components/shared/CmdPalette/CommandList.tsx +++ b/skiff-mail-web/components/shared/CmdPalette/CommandList.tsx @@ -1,6 +1,6 @@ /* eslint-disable import/prefer-default-export */ import { useRouter } from 'next/router'; -import { DISPLAY_SCROLLBAR_CSS, ThemeMode } from 'nightwatch-ui'; +import { DISPLAY_SCROLLBAR_CSS, ThemeMode } from '@skiff-org/skiff-ui'; import { useCallback, useEffect, useRef, useState } from 'react'; import { useDispatch } from 'react-redux'; import { VariableSizeList } from 'react-window'; diff --git a/skiff-mail-web/components/shared/CmdPalette/CommandListRow.tsx b/skiff-mail-web/components/shared/CmdPalette/CommandListRow.tsx index 56ddd5b..02369a4 100644 --- a/skiff-mail-web/components/shared/CmdPalette/CommandListRow.tsx +++ b/skiff-mail-web/components/shared/CmdPalette/CommandListRow.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, Size, ThemeMode, Typography, getThemedColor } from 'nightwatch-ui'; +import { Icon, Icons, Size, ThemeMode, Typography, getThemedColor } from '@skiff-org/skiff-ui'; import { memo } from 'react'; import { ListChildComponentProps, areEqual } from 'react-window'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/shared/CmdPalette/ContactSearchResult.tsx b/skiff-mail-web/components/shared/CmdPalette/ContactSearchResult.tsx index 7d6ed24..c095a0a 100644 --- a/skiff-mail-web/components/shared/CmdPalette/ContactSearchResult.tsx +++ b/skiff-mail-web/components/shared/CmdPalette/ContactSearchResult.tsx @@ -1,4 +1,4 @@ -import { ThemeMode } from 'nightwatch-ui'; +import { ThemeMode } from '@skiff-org/skiff-ui'; import { UserAvatar } from 'skiff-front-utils'; import { AddressObject } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/shared/CmdPalette/Highlight.tsx b/skiff-mail-web/components/shared/CmdPalette/Highlight.tsx index 2029959..9da37de 100644 --- a/skiff-mail-web/components/shared/CmdPalette/Highlight.tsx +++ b/skiff-mail-web/components/shared/CmdPalette/Highlight.tsx @@ -1,4 +1,4 @@ -import { ThemeMode, themeNames, Typography, TypographyProps, TypographyWeight } from 'nightwatch-ui'; +import { ThemeMode, themeNames, Typography, TypographyProps, TypographyWeight } from '@skiff-org/skiff-ui'; import styled from 'styled-components'; const SearchText = styled.span<{ $isAction?: boolean }>` diff --git a/skiff-mail-web/components/shared/CmdPalette/SearchResult.tsx b/skiff-mail-web/components/shared/CmdPalette/SearchResult.tsx index a58df69..459f9c2 100644 --- a/skiff-mail-web/components/shared/CmdPalette/SearchResult.tsx +++ b/skiff-mail-web/components/shared/CmdPalette/SearchResult.tsx @@ -12,7 +12,7 @@ import { ThemeMode, Typography, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React from 'react'; import { useUserLabelsQuery } from 'skiff-front-graphql'; import { UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/shared/CmdPalette/UserLabelSearchResult.tsx b/skiff-mail-web/components/shared/CmdPalette/UserLabelSearchResult.tsx index 40e745f..5a1fb2b 100644 --- a/skiff-mail-web/components/shared/CmdPalette/UserLabelSearchResult.tsx +++ b/skiff-mail-web/components/shared/CmdPalette/UserLabelSearchResult.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, ThemeMode } from 'nightwatch-ui'; +import { Icon, Icons, ThemeMode } from '@skiff-org/skiff-ui'; import { UserLabelVariant } from 'skiff-graphql'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/shared/CmdPalette/constants.ts b/skiff-mail-web/components/shared/CmdPalette/constants.ts index aaa578a..3629b70 100644 --- a/skiff-mail-web/components/shared/CmdPalette/constants.ts +++ b/skiff-mail-web/components/shared/CmdPalette/constants.ts @@ -1,4 +1,4 @@ -import { TypographySize } from 'nightwatch-ui'; +import { TypographySize } from '@skiff-org/skiff-ui'; // Open / close animation duration for dialog export const CMD_PALETTE_ANIMATION_DURATION = 200; diff --git a/skiff-mail-web/components/shared/FilterChip/FilterChip.tsx b/skiff-mail-web/components/shared/FilterChip/FilterChip.tsx index e1155f6..06dd71f 100644 --- a/skiff-mail-web/components/shared/FilterChip/FilterChip.tsx +++ b/skiff-mail-web/components/shared/FilterChip/FilterChip.tsx @@ -1,4 +1,4 @@ -import { Chip, Icons, IconProps, Size, ThemeMode, TypographyWeight } from 'nightwatch-ui'; +import { Chip, Icons, IconProps, Size, ThemeMode, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; import { formatEmailAddress, getAddressTooltipLabel, UserAvatar } from 'skiff-front-utils'; import { AddressObject, UserLabel } from 'skiff-graphql'; diff --git a/skiff-mail-web/components/shared/SelectBox.tsx b/skiff-mail-web/components/shared/SelectBox.tsx index 9b6dccf..31ef6e8 100644 --- a/skiff-mail-web/components/shared/SelectBox.tsx +++ b/skiff-mail-web/components/shared/SelectBox.tsx @@ -1,4 +1,4 @@ -import { ThemeMode, Typography, TypographyWeight } from 'nightwatch-ui'; +import { ThemeMode, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import React from 'react'; // eslint-disable-line import { RadioCheckbox } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/shared/ShortcutsMenu/ShortcutsList.tsx b/skiff-mail-web/components/shared/ShortcutsMenu/ShortcutsList.tsx index 82f600d..070570d 100644 --- a/skiff-mail-web/components/shared/ShortcutsMenu/ShortcutsList.tsx +++ b/skiff-mail-web/components/shared/ShortcutsMenu/ShortcutsList.tsx @@ -1,4 +1,4 @@ -import { Icon, Icons, KeyCodeSequence, ThemeMode, Typography, TypographyWeight } from 'nightwatch-ui'; +import { Icon, Icons, KeyCodeSequence, ThemeMode, Typography, TypographyWeight } from '@skiff-org/skiff-ui'; import styled from 'styled-components'; import { ShortcutItems } from './constants'; diff --git a/skiff-mail-web/components/shared/ShortcutsMenu/ShortcutsMenu.tsx b/skiff-mail-web/components/shared/ShortcutsMenu/ShortcutsMenu.tsx index d12b41a..77c43b2 100644 --- a/skiff-mail-web/components/shared/ShortcutsMenu/ShortcutsMenu.tsx +++ b/skiff-mail-web/components/shared/ShortcutsMenu/ShortcutsMenu.tsx @@ -1,5 +1,5 @@ -import { Dialog, ThemeMode } from 'nightwatch-ui'; -import { DialogTypes } from 'nightwatch-ui'; +import { Dialog, ThemeMode } from '@skiff-org/skiff-ui'; +import { DialogTypes } from '@skiff-org/skiff-ui'; import React from 'react'; import { useDispatch } from 'react-redux'; import styled from 'styled-components'; diff --git a/skiff-mail-web/components/shared/ShortcutsMenu/constants.tsx b/skiff-mail-web/components/shared/ShortcutsMenu/constants.tsx index 82a8c7d..4dc9ae7 100644 --- a/skiff-mail-web/components/shared/ShortcutsMenu/constants.tsx +++ b/skiff-mail-web/components/shared/ShortcutsMenu/constants.tsx @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; export interface ShortcutItem { icon?: Icon; name: string; diff --git a/skiff-mail-web/components/shared/hotKeys/GlobalHotKeys.utils.ts b/skiff-mail-web/components/shared/hotKeys/GlobalHotKeys.utils.ts index 9e60626..1e1e7b9 100644 --- a/skiff-mail-web/components/shared/hotKeys/GlobalHotKeys.utils.ts +++ b/skiff-mail-web/components/shared/hotKeys/GlobalHotKeys.utils.ts @@ -1,4 +1,4 @@ -import { DROPDOWN_CALLER_ID } from 'nightwatch-ui'; +import { DROPDOWN_CALLER_ID } from '@skiff-org/skiff-ui'; /** Checks whether or not a dropdown is open on the screen */ export const isDropdownOpen = (e: KeyboardEvent) => !!(e.target as HTMLElement).querySelector(`#${DROPDOWN_CALLER_ID}`); diff --git a/skiff-mail-web/hooks/useQuickActions.tsx b/skiff-mail-web/hooks/useQuickActions.tsx index 142e0a4..7d55d21 100644 --- a/skiff-mail-web/hooks/useQuickActions.tsx +++ b/skiff-mail-web/hooks/useQuickActions.tsx @@ -1,4 +1,4 @@ -import { Icon, IconProps } from 'nightwatch-ui'; +import { Icon, IconProps } from '@skiff-org/skiff-ui'; import React, { useCallback, useEffect, useState } from 'react'; import { useDispatch } from 'react-redux'; import { TabPage, SettingValue } from 'skiff-front-utils'; diff --git a/skiff-mail-web/pages/index.tsx b/skiff-mail-web/pages/index.tsx index 2d38630..5a994b6 100644 --- a/skiff-mail-web/pages/index.tsx +++ b/skiff-mail-web/pages/index.tsx @@ -7,7 +7,7 @@ import { Typography, TypographySize, TypographyWeight -} from 'nightwatch-ui'; +} from '@skiff-org/skiff-ui'; import React, { useState } from 'react'; import { getEnvironment, saveCurrentUserData, sendUserDataToMobileApp, isMobileApp } from 'skiff-front-utils'; import styled from 'styled-components'; diff --git a/skiff-mail-web/skiff-ui/src/components/TopAppBar/TopAppBar.tsx b/skiff-mail-web/skiff-ui/src/components/TopAppBar/TopAppBar.tsx index 6c0769c..0fb7e5c 100644 --- a/skiff-mail-web/skiff-ui/src/components/TopAppBar/TopAppBar.tsx +++ b/skiff-mail-web/skiff-ui/src/components/TopAppBar/TopAppBar.tsx @@ -1,4 +1,4 @@ -import { Icon, IconButton, Size, Type, Typography, TypographySize, TypographyWeight } from 'nightwatch-ui'; +import { Icon, IconButton, Size, Type, Typography, TypographySize, TypographyWeight } from '@skiff-org/skiff-ui'; import styled from 'styled-components'; import { ClientAttachment } from '../../../../components/Attachments'; diff --git a/skiff-mail-web/utils/composeUtils.tsx b/skiff-mail-web/utils/composeUtils.tsx index ca3bea8..db05c8f 100644 --- a/skiff-mail-web/utils/composeUtils.tsx +++ b/skiff-mail-web/utils/composeUtils.tsx @@ -1,7 +1,7 @@ import DOMPurify from 'dompurify'; import isString from 'lodash/isString'; import uniqBy from 'lodash/uniqBy'; -import { Avatar, Icon, Size } from 'nightwatch-ui'; +import { Avatar, Icon, Size } from '@skiff-org/skiff-ui'; import { formatEmailAddress, UserAvatar } from 'skiff-front-utils'; import { AddressObject } from 'skiff-graphql'; diff --git a/skiff-mail-web/utils/label.ts b/skiff-mail-web/utils/label.ts index 31e4f2e..48bf213 100644 --- a/skiff-mail-web/utils/label.ts +++ b/skiff-mail-web/utils/label.ts @@ -1,4 +1,4 @@ -import { Icon, IconProps } from 'nightwatch-ui'; +import { Icon, IconProps } from '@skiff-org/skiff-ui'; import { ThreadFragment, ThreadWithoutContentFragment } from 'skiff-front-graphql'; import { splitEmailToAliasAndDomain, createEmail, abbreviateWalletAddress } from 'skiff-front-utils'; import { SystemLabels, UserLabelVariant } from 'skiff-graphql'; diff --git a/skiff-mail-web/utils/search/searchTypes.ts b/skiff-mail-web/utils/search/searchTypes.ts index 692403d..b17db86 100644 --- a/skiff-mail-web/utils/search/searchTypes.ts +++ b/skiff-mail-web/utils/search/searchTypes.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; // The different types of items that will be rendered in each row of the search results body export enum SearchItemType { diff --git a/skiff-mail-web/utils/search/useLabelSearch.ts b/skiff-mail-web/utils/search/useLabelSearch.ts index 8348e11..2df58aa 100644 --- a/skiff-mail-web/utils/search/useLabelSearch.ts +++ b/skiff-mail-web/utils/search/useLabelSearch.ts @@ -1,4 +1,4 @@ -import { Icon } from 'nightwatch-ui'; +import { Icon } from '@skiff-org/skiff-ui'; import { SystemLabels } from 'skiff-graphql'; import { useUserLabelsQuery } from 'skiff-front-graphql'; import { trimAndLowercase } from 'skiff-utils'; diff --git a/skiff-mail-web/utils/searchWorkerUtils.ts b/skiff-mail-web/utils/searchWorkerUtils.ts index 7d347cb..9c28f5a 100644 --- a/skiff-mail-web/utils/searchWorkerUtils.ts +++ b/skiff-mail-web/utils/searchWorkerUtils.ts @@ -1,4 +1,4 @@ -import { Icon, IconProps } from 'nightwatch-ui'; +import { Icon, IconProps } from '@skiff-org/skiff-ui'; import { IndexedSkemail } from 'skiff-front-search'; import { AddressObject, UserLabel as UserLabelOrFolder, UserLabelVariant } from 'skiff-graphql';