* ui playground * add types to ui * push avatar ignore ts and eslint errors * feat: V3 UI avatar (#18997) * avatar playground * add overflow-hidden back for loading indicator * update lock * feat: v3/badge (#18999) * badge intro * fix text on small badge * add dark mode warning * feat: v3/button (#19014) * TOC * wip buttons * shadows * secondary * semantic colours * minimal buttons * update disabled states * checkbox * dropdown v3 * load icons * fix design sections * fix icon gap * fix * remove client component from rsc * use peer as avatar * gif * fix button gap - dropdown iocn * support start icon in dropdowns * add alert demo + v3 component + darken semantic text * base inputs and text field * wip input * input field addon/suffix * toast page * wip select * match designs for input and select rounded * fix * fix select isloading transform * fix multi icons transition rotation * fix group heading * range slider demo + range slider * range slider popover design * v3 dialog * fix slider thumb size * wrap in suspense for useSearchParam difference in next14+ * base of tabs + horizontal tabs * fix select sizing to match input 36px * fix dark mode hover on button * target domState class for light/dark so we work on portal elements * fix default bg on popover * lightmode toasts + eleveation token * empty screen * intro to split button concept * mass colour updates * intro to themes * remove i18n from label with name * bouncy buttons * feat: small select * nav item dumb component * full demo * settings demo * fix tabs * fix mt * fix dropdown feedback from loom * alert fixes mentioned in loom * push font-cal * move to fumadocs * fix avatar * colors table * add typeography * icon + spacing guide * add border radius and shadow tables * fix colours and border radius * remove prose undline via fumas fork * fix icon buttons sizes * button group component * fix horizontal tabs * tab fixes * switches * pagination component * show toasts components raw * sync with airtable * add use client * 10px on input again * 10px in select also * fix input height * fix files merge * fix loading state for icon buttons * fix button fab * Enable addon to now overflow to next line in DS * use cal font for dialog text * add avatar square variant * fix select padding and menu size * fix type errors * fix type errors * add switch small size and fix type errors * fix ref types on input * update web styles * remove addonFilled to fix type errors * push dialog fixes * fix checkbox display * remove prose from alert examples * remove prose from all our component examples * badge rounded-lg on lg size * update colors * force w/h on icon buttons instead of inheriting * remove border-focus * remove border-focus from tailwind config * update tokens to match new colours * add new border subtle tokens and add to toasts * fix lg button padding * fix and drastically improve rtl rests * multi select use badges * use badge design for select pills * fix avatar alignment * fix tests and remove redudant ones * fix tests and remove redudant ones * update atoms globals css * extract tokens.css * extract app.css * force flex for atoms * add @calcom/ui/css * revert ui playground styles abstraction * fix input focus states * fix focus states for buttons * feat: v3/app work (#19233) * globals.css for app + event types listing search * few app wide NITS * fix select foucs within styling * fix formbuilder switch styles * fix disabled state of nested inputs * workflow fixes * webhook form fixes * i18n on tabs info * booking filters + tab * fix filters spacing * make first item so we get correct border radius if not default * round radio group in create event types + make button small * profile page * update editor br * button nits in existing places in the app * fix timezone select and multilist in guest form * fix text area on public booking page * size small event types create * margin on routing filter * filters improvments * routing insights fixes * fix date filter range * ooo fixes * fix teams/members bulk actions * create team UI * i18n in useTabs instead of in tab component now * Add event type setup border to availability * fix bulk actions on org members table * onboarding fixes * fix input types with ref stripe comparision * i18n fixes for platform * update globals of atoms * fix form builder firstname/lastname switch + correct footer useage * fix select * Revert "add @calcom/ui/css" This reverts commit 0dd8f9012907a278cfede4a98f289cb0744c9244. * revert tokens css * Revert "extract app.css" This reverts commit 10b998604816ad3310c24b36a02a638dabc5be24. * linear nits * workflow dropdown * fix page theme heading sizes to match cards * fix stepper for team creation * adjust margin to FilterSearchField * fix ooo icon * fix booker and dark mode due to darkgray 50 * more dark mode fixes * add size prop --------- Co-authored-by: Eunjae Lee <hey@eunjae.dev> Co-authored-by: Morgan Vernay <morgan@cal.com> * remove ui-playground * fix grow missing from merge * add search icon data-test-id back to search * fix FormAction style * fix datatestid for apps and tabs * change selector for team invitation e2e * fix use data-testid from item instaed of using names * rename upper case O * fix unit tests data-testid * fix unit tests data-testid * more data-testid changes * add data-testid to apps tab * data-testid to installed appPage * fix embed tests * fix filter-popover-trigger * use text-error and use dataId for locator * more e2e improvment * pass in single testId as button is now duplicate * show field-error instead * add test to eventtype tabs * Add css vars to embed too\ * add scrollbar and change dialog overlay colour * fix type * use attribute instead of class for tab detection * await promise * use new tokens for sprite generation * add correct testing Ids to e2e instead of button:text * use testIds for creation of orgs * Webhook receiver wait for 10 seconds --------- Co-authored-by: Eunjae Lee <hey@eunjae.dev> Co-authored-by: Morgan Vernay <morgan@cal.com> Co-authored-by: Hariom <hariombalhara@gmail.com> Co-authored-by: Joe Au-Yeung <j.auyeung419@gmail.com> Co-authored-by: Joe Au-Yeung <65426560+joeauyeung@users.noreply.github.com>
186 lines
6.4 KiB
TypeScript
186 lines
6.4 KiB
TypeScript
export {
|
|
Avatar,
|
|
AvatarGroup,
|
|
UserAvatar,
|
|
UserAvatarGroup,
|
|
UserAvatarGroupWithOrg,
|
|
} from "./components/avatar";
|
|
export type { AvatarProps, AvatarGroupProps } from "./components/avatar";
|
|
export { ArrowButton } from "./components/arrow-button";
|
|
export type { ArrowButtonProps } from "./components/arrow-button";
|
|
export { Badge, UpgradeTeamsBadge, InfoBadge } from "./components/badge";
|
|
export type { BadgeProps } from "./components/badge";
|
|
export { Breadcrumb, BreadcrumbContainer, BreadcrumbItem } from "./components/breadcrumb";
|
|
export { Button, LinkIconButton, buttonClasses, SplitButton } from "./components/button";
|
|
export type { ButtonBaseProps, ButtonProps } from "./components/button";
|
|
export { ButtonGroup } from "./components/buttonGroup";
|
|
export { EditableHeading } from "./components/editable-heading";
|
|
export { FilterSelect } from "./components/filter-select";
|
|
export {
|
|
Checkbox,
|
|
CheckboxField,
|
|
EmailField,
|
|
EmailInput,
|
|
FieldsetLegend,
|
|
Form,
|
|
HintsOrErrors,
|
|
Input,
|
|
InputField,
|
|
InputGroupBox,
|
|
InputLeading,
|
|
Label,
|
|
PasswordField,
|
|
TextArea,
|
|
TextAreaField,
|
|
TextField,
|
|
InputFieldWithSelect,
|
|
Select,
|
|
SelectField,
|
|
SelectWithValidation,
|
|
TimezoneSelect,
|
|
TimezoneSelectComponent,
|
|
BooleanToggleGroup,
|
|
BooleanToggleGroupField,
|
|
DatePicker,
|
|
DateRangePicker,
|
|
MultiSelectCheckbox,
|
|
ToggleGroup,
|
|
getReactSelectProps,
|
|
ColorPicker,
|
|
FormStep,
|
|
FilterSearchField,
|
|
Steps,
|
|
WizardForm,
|
|
SettingsToggle,
|
|
Stepper,
|
|
Switch,
|
|
NumberInput,
|
|
InputError,
|
|
} from "./components/form";
|
|
|
|
export type {
|
|
ITimezone,
|
|
ITimezoneOption,
|
|
TimezoneSelectProps,
|
|
TimezoneSelectComponentProps,
|
|
} from "./components/form";
|
|
export { Slider as RangeSlider } from "./components/form/slider";
|
|
export { RangeSliderPopover } from "./components/form/slider/RangeSliderPopover";
|
|
|
|
export {
|
|
AllApps,
|
|
AppCard,
|
|
AppSkeletonLoader,
|
|
SkeletonLoader,
|
|
Slider,
|
|
PopularAppsSlider,
|
|
RecentAppsSlider,
|
|
useShouldShowArrows,
|
|
AppStoreCategories,
|
|
} from "./components/apps";
|
|
export { TopBanner } from "./components/top-banner";
|
|
export type { TopBannerProps } from "./components/top-banner";
|
|
export { AnimatedPopover, MeetingTimeInTimezones } from "./components/popover";
|
|
export { TableActions, DropdownActions } from "./components/table/TableActions";
|
|
export type { ActionType } from "./components/table/TableActions";
|
|
export { ErrorBoundary } from "./components/errorBoundary";
|
|
export { Logo } from "./components/logo";
|
|
export { Alert } from "./components/alert";
|
|
export type { AlertProps } from "./components/alert";
|
|
export { Credits } from "./components/credits";
|
|
export { Divider, VerticalDivider } from "./components/divider";
|
|
export { EmptyScreen } from "./components/empty-screen";
|
|
export { UnpublishedEntity } from "./components/unpublished-entity";
|
|
export { List, ListItem, ListItemText, ListItemTitle, ListLinkItem } from "./components/list";
|
|
export type { ListItemProps, ListProps } from "./components/list";
|
|
export { HeadSeo } from "./components/head-seo";
|
|
export {
|
|
Skeleton,
|
|
SkeletonAvatar,
|
|
SkeletonButton,
|
|
SkeletonContainer,
|
|
SkeletonText,
|
|
SelectSkeletonLoader,
|
|
Loader,
|
|
} from "./components/skeleton";
|
|
export { HorizontalTabs, HorizontalTabItem, VerticalTabs, VerticalTabItem } from "./components/navigation";
|
|
export type { HorizontalTabItemProps, NavTabProps, VerticalTabItemProps } from "./components/navigation";
|
|
export { Card, StepCard, FormCard } from "./components/card";
|
|
export type { BaseCardProps } from "./components/card";
|
|
export { Tooltip } from "./components/tooltip";
|
|
export { Editor, AddVariablesDropdown } from "./components/editor";
|
|
export {
|
|
Dialog,
|
|
DialogClose,
|
|
DialogContent,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogTrigger,
|
|
ConfirmationDialogContent,
|
|
ConfirmationContent,
|
|
} from "./components/dialog";
|
|
export type { DialogProps, ConfirmationDialogContentProps } from "./components/dialog";
|
|
export { AppListCard } from "./components/app-list-card";
|
|
export { DisconnectIntegrationComponent } from "./components/disconnect-calendar-integration";
|
|
export { CalendarSwitchComponent } from "./components/calendar-switch";
|
|
export { showToast, ErrorToast, SuccessToast, WarningToast } from "./components/toast"; // We don't export the toast components as they are only used in local storybook file
|
|
export { Meta, MetaProvider, useMeta } from "./components/meta";
|
|
export { ShellSubHeading } from "./components/layout";
|
|
|
|
/** ⬇️ TODO - Move these to components */
|
|
export { default as AddressInput } from "./form/AddressInputLazy";
|
|
export { default as PhoneInput } from "./form/PhoneInputLazy";
|
|
export { default as MultiEmail } from "./form/MultiEmailLazy";
|
|
export { default as PhoneInputNonLazy } from "./form/PhoneInput";
|
|
export { default as AddressInputNonLazy } from "./form/AddressInput";
|
|
|
|
export { UnstyledSelect } from "./form/Select";
|
|
|
|
export {
|
|
RadioGroup,
|
|
/* TODO: solve this conflict -> Select, */
|
|
Radio,
|
|
Group,
|
|
RadioField,
|
|
} from "./form/radio-area";
|
|
|
|
export { default as MultiSelectCheckboxes } from "./components/form/checkbox/MultiSelectCheckboxes";
|
|
export type { Option as MultiSelectCheckboxesOptionType } from "./components/form/checkbox/MultiSelectCheckboxes";
|
|
export { default as ImageUploader } from "./components/image-uploader/ImageUploader";
|
|
export { default as BannerUploader } from "./components/image-uploader/BannerUploader";
|
|
|
|
export type { ButtonColor } from "./components/button/Button";
|
|
export { CreateButton, CreateButtonWithTeamsList } from "./components/createButton";
|
|
|
|
export { useCalcomTheme } from "./styles/useCalcomTheme";
|
|
export { ScrollableArea } from "./components/scrollable";
|
|
export { WizardLayout } from "./layouts/WizardLayout";
|
|
export * from "./components/sheet";
|
|
export * from "./components/table";
|
|
export * from "./components/popover";
|
|
export * from "./components/dropdown";
|
|
export * from "./components/icon";
|
|
export {
|
|
Command,
|
|
CommandDialog,
|
|
CommandEmpty,
|
|
CommandGroup,
|
|
CommandItem,
|
|
CommandList,
|
|
CommandInput,
|
|
CommandSeparator,
|
|
CommandShortcut,
|
|
} from "./components/command";
|
|
|
|
export { HoverCard, HoverCardTrigger, HoverCardContent, HoverCardPortal } from "./components/hover-card";
|
|
|
|
export { OrgBanner } from "./components/organization-banner";
|
|
export type { OrgBannerProps } from "./components/organization-banner";
|
|
|
|
export { StorybookTrpcProvider } from "./components/mocks/trpc";
|
|
|
|
export { NavigationItem } from "./components/navigation/NavigationItem";
|
|
|
|
export { Pagination } from "./components/pagination";
|
|
export type { PaginationProps } from "./components/pagination";
|