diff --git a/package-lock.json b/package-lock.json index 1ae3a201463..e1bb4a5bdde 100644 --- a/package-lock.json +++ b/package-lock.json @@ -34825,7 +34825,6 @@ "@supabase/react-data-grid": "^7.1.0-beta.7", "@supabase/shared-types": "^0.1.25", "@supabase/supabase-js": "^2.0.0-rc.2", - "@supabase/ui": "0.37.0-alpha.80", "ajv": "^8.6.3", "analytics-node": "^3.5.0", "awesome-debounce-promise": "^2.1.0", @@ -35149,41 +35148,6 @@ "cross-fetch": "^3.1.5" } }, - "studio/node_modules/@supabase/ui": { - "version": "0.37.0-alpha.80", - "resolved": "https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.80.tgz", - "integrity": "sha512-oTBX43SipvCOmdG4UTt2yM//Meqfof4j7Fgmdi6rAn2EGpqo9xVqWxqlCLLvcbaK94Sl0i5R43zZEWz6RJoUIg==", - "dependencies": { - "@headlessui/react": "^1.0.0", - "@mertasan/tailwindcss-variables": "^2.0.1", - "@radix-ui/colors": "^0.1.8", - "@radix-ui/react-accordion": "^0.1.5", - "@radix-ui/react-collapsible": "^0.1.5", - "@radix-ui/react-context-menu": "^0.1.0", - "@radix-ui/react-dialog": "^0.1.5", - "@radix-ui/react-dropdown-menu": "^0.1.4", - "@radix-ui/react-popover": "^0.1.0", - "@radix-ui/react-portal": "^0.1.3", - "@radix-ui/react-tabs": "^0.1.0", - "@tailwindcss/forms": "^0.4.0", - "@tailwindcss/typography": "^0.5.0", - "autoprefixer": "^10.4.2", - "deepmerge": "^4.2.2", - "formik": "^2.2.9", - "lodash": "^4.17.20", - "postcss": "^8.4.5", - "prop-types": "^15.7.2", - "tailwindcss": "^3.0.15", - "tailwindcss-radix": "^1.6.0" - }, - "optionalDependencies": { - "fsevents": "^2.3.2" - }, - "peerDependencies": { - "react": "^16.13.1 || ^17.0.1", - "react-dom": "^16.13.1 || ^17.0.1" - } - }, "studio/node_modules/@testing-library/react": { "version": "12.1.5", "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-12.1.5.tgz", @@ -58532,7 +58496,6 @@ "@supabase/react-data-grid": "^7.1.0-beta.7", "@supabase/shared-types": "^0.1.25", "@supabase/supabase-js": "^2.0.0-rc.2", - "@supabase/ui": "0.37.0-alpha.80", "@tailwindcss/typography": "^0.5.2", "@testing-library/dom": "^8.11.1", "@testing-library/react": "^12.1.2", @@ -58748,35 +58711,6 @@ "cross-fetch": "^3.1.5" } }, - "@supabase/ui": { - "version": "0.37.0-alpha.80", - "resolved": "https://registry.npmjs.org/@supabase/ui/-/ui-0.37.0-alpha.80.tgz", - "integrity": "sha512-oTBX43SipvCOmdG4UTt2yM//Meqfof4j7Fgmdi6rAn2EGpqo9xVqWxqlCLLvcbaK94Sl0i5R43zZEWz6RJoUIg==", - "requires": { - "@headlessui/react": "^1.0.0", - "@mertasan/tailwindcss-variables": "^2.0.1", - "@radix-ui/colors": "^0.1.8", - "@radix-ui/react-accordion": "^0.1.5", - "@radix-ui/react-collapsible": "^0.1.5", - "@radix-ui/react-context-menu": "^0.1.0", - "@radix-ui/react-dialog": "^0.1.5", - "@radix-ui/react-dropdown-menu": "^0.1.4", - "@radix-ui/react-popover": "^0.1.0", - "@radix-ui/react-portal": "^0.1.3", - "@radix-ui/react-tabs": "^0.1.0", - "@tailwindcss/forms": "^0.4.0", - "@tailwindcss/typography": "^0.5.0", - "autoprefixer": "^10.4.2", - "deepmerge": "^4.2.2", - "formik": "^2.2.9", - "fsevents": "^2.3.2", - "lodash": "^4.17.20", - "postcss": "^8.4.5", - "prop-types": "^15.7.2", - "tailwindcss": "^3.0.15", - "tailwindcss-radix": "^1.6.0" - } - }, "@testing-library/react": { "version": "12.1.5", "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-12.1.5.tgz", diff --git a/packages/ui/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx index 64316e98fdd..f6f8108405d 100644 --- a/packages/ui/src/components/Button/Button.tsx +++ b/packages/ui/src/components/Button/Button.tsx @@ -4,7 +4,7 @@ import { IconLoader } from './../Icon/icons/IconLoader' import styleHandler from '../../lib/theme/styleHandler' -interface ButtonProps extends React.HTMLAttributes { +export interface ButtonProps extends React.HTMLAttributes { block?: boolean className?: string children?: React.ReactNode diff --git a/studio/components/ui/CSVButton.tsx b/studio/components/ui/CSVButton.tsx index 797f363a3aa..9ddcbf49aeb 100644 --- a/studio/components/ui/CSVButton.tsx +++ b/studio/components/ui/CSVButton.tsx @@ -1,5 +1,5 @@ import { Button, IconDownloadCloud } from 'ui' -import { ButtonProps } from '@supabase/ui/dist/cjs/components/Button/Button' +import { ButtonProps } from 'ui/src/components/Button/Button' import { flattenDeep } from 'lodash' import React, { useMemo, useRef } from 'react' import { CSVLink } from 'react-csv' diff --git a/studio/components/ui/DatePicker/DatePicker.tsx b/studio/components/ui/DatePicker/DatePicker.tsx index 2d73260e664..dc79e1ba450 100644 --- a/studio/components/ui/DatePicker/DatePicker.tsx +++ b/studio/components/ui/DatePicker/DatePicker.tsx @@ -12,7 +12,7 @@ import { import { format } from 'date-fns' import TimeSplitInput from './TimeSplitInput' import dayjs from 'dayjs' -import { ButtonProps } from '@supabase/ui/dist/cjs/components/Button/Button' +import { ButtonProps } from 'ui/src/components/Button/Button' import { DatePickerToFrom } from 'components/interfaces/Settings/Logs' export interface DatePickerProps { diff --git a/studio/package.json b/studio/package.json index 8572ecd9562..378832159e2 100644 --- a/studio/package.json +++ b/studio/package.json @@ -28,7 +28,6 @@ "@supabase/react-data-grid": "^7.1.0-beta.7", "@supabase/shared-types": "^0.1.25", "@supabase/supabase-js": "^2.0.0-rc.2", - "@supabase/ui": "0.37.0-alpha.80", "ajv": "^8.6.3", "analytics-node": "^3.5.0", "awesome-debounce-promise": "^2.1.0",