diff --git a/.changeset/sweet-shoes-taste.md b/.changeset/sweet-shoes-taste.md new file mode 100644 index 0000000..de6abc0 --- /dev/null +++ b/.changeset/sweet-shoes-taste.md @@ -0,0 +1,45 @@ +--- +"@kaizen/draft-likert-scale-legacy": patch +"@kaizen/draft-filter-menu-button": patch +"@kaizen/draft-title-block-zen": patch +"@kaizen/draft-guidance-block": patch +"@kaizen/draft-illustration": patch +"@kaizen/draft-collapsible": patch +"@kaizen/draft-empty-state": patch +"@kaizen/draft-page-layout": patch +"@kaizen/component-library": patch +"@kaizen/loading-skeleton": patch +"@kaizen/rich-text-editor": patch +"@kaizen/draft-hero-card": patch +"@kaizen/loading-spinner": patch +"@kaizen/draft-divider": patch +"@kaizen/draft-popover": patch +"@kaizen/draft-tooltip": patch +"@kaizen/draft-avatar": patch +"@kaizen/draft-select": patch +"@kaizen/brand-moment": patch +"@kaizen/notification": patch +"@kaizen/progress-bar": patch +"@kaizen/split-button": patch +"@kaizen/draft-badge": patch +"@kaizen/draft-modal": patch +"@kaizen/draft-table": patch +"@kaizen/date-picker": patch +"@kaizen/draft-card": patch +"@kaizen/draft-form": patch +"@kaizen/draft-menu": patch +"@kaizen/draft-tabs": patch +"@kaizen/draft-tile": patch +"@kaizen/draft-well": patch +"@kaizen/pagination": patch +"@kaizen/responsive": patch +"@kaizen/typography": patch +"@kaizen/draft-tag": patch +"@kaizen/button": patch +"@kaizen/select": patch +"@kaizen/brand": patch +"@kaizen/a11y": patch +"@kaizen/tabs": patch +--- + +Deprecated in favour of `@kaizen/components` diff --git a/draft-packages/avatar/KaizenDraft/Avatar/Avatar.tsx b/draft-packages/avatar/KaizenDraft/Avatar/Avatar.tsx index ab9353a..68c1b51 100644 --- a/draft-packages/avatar/KaizenDraft/Avatar/Avatar.tsx +++ b/draft-packages/avatar/KaizenDraft/Avatar/Avatar.tsx @@ -113,8 +113,7 @@ const renderInitials = ( } /** - * {@link https://cultureamp.design/components/avatar/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-avatar-avatar--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Avatar = ({ fullName, diff --git a/draft-packages/avatar/KaizenDraft/Avatar/AvatarGroup.tsx b/draft-packages/avatar/KaizenDraft/Avatar/AvatarGroup.tsx index 8777a8b..a38a0ad 100644 --- a/draft-packages/avatar/KaizenDraft/Avatar/AvatarGroup.tsx +++ b/draft-packages/avatar/KaizenDraft/Avatar/AvatarGroup.tsx @@ -67,8 +67,7 @@ const renderAvatars = ( ) /** - * {@link https://cultureamp.design/components/avatar-group/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-avatar-avatar-group--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const AvatarGroup = ({ size = "medium", diff --git a/draft-packages/badge/KaizenDraft/Badge/Badge.tsx b/draft-packages/badge/KaizenDraft/Badge/Badge.tsx index 86127c0..45bb873 100644 --- a/draft-packages/badge/KaizenDraft/Badge/Badge.tsx +++ b/draft-packages/badge/KaizenDraft/Badge/Badge.tsx @@ -28,8 +28,7 @@ interface DotProps extends Omit { export type BadgeProps = CommonProps | DotProps /** - * {@link https://cultureamp.design/components/badge/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-badge--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Badge = ({ children, diff --git a/draft-packages/card/KaizenDraft/Card/Card.tsx b/draft-packages/card/KaizenDraft/Card/Card.tsx index b586e6a..cf706eb 100644 --- a/draft-packages/card/KaizenDraft/Card/Card.tsx +++ b/draft-packages/card/KaizenDraft/Card/Card.tsx @@ -30,8 +30,7 @@ export interface CardProps } /** - * {@link https://cultureamp.design/components/card/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/story/components-card--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Card = ({ children, diff --git a/draft-packages/collapsible/KaizenDraft/Collapsible/Collapsible.tsx b/draft-packages/collapsible/KaizenDraft/Collapsible/Collapsible.tsx index 78161b4..c063254 100644 --- a/draft-packages/collapsible/KaizenDraft/Collapsible/Collapsible.tsx +++ b/draft-packages/collapsible/KaizenDraft/Collapsible/Collapsible.tsx @@ -52,8 +52,7 @@ type State = { } /** - * {@link https://cultureamp.design/components/collapsible/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-collapsible--single-collapsible-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export class Collapsible extends React.Component { public state = { diff --git a/draft-packages/collapsible/KaizenDraft/CollapsibleGroup/CollapsibleGroup.tsx b/draft-packages/collapsible/KaizenDraft/CollapsibleGroup/CollapsibleGroup.tsx index 998aed5..f0991d4 100644 --- a/draft-packages/collapsible/KaizenDraft/CollapsibleGroup/CollapsibleGroup.tsx +++ b/draft-packages/collapsible/KaizenDraft/CollapsibleGroup/CollapsibleGroup.tsx @@ -24,8 +24,7 @@ export interface CollapsibleGroupProps } /** - * {@link https://cultureamp.design/components/collapsible/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-collapsible--collapsible-group-default Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const CollapsibleGroup = ({ children, diff --git a/draft-packages/collapsible/KaizenDraft/ExpertAdviceCollapsible/ExpertAdviceCollapsible.tsx b/draft-packages/collapsible/KaizenDraft/ExpertAdviceCollapsible/ExpertAdviceCollapsible.tsx index 97388a3..79e3665 100644 --- a/draft-packages/collapsible/KaizenDraft/ExpertAdviceCollapsible/ExpertAdviceCollapsible.tsx +++ b/draft-packages/collapsible/KaizenDraft/ExpertAdviceCollapsible/ExpertAdviceCollapsible.tsx @@ -10,8 +10,7 @@ export type ExpertAdviceCollapsibleProps = Omit< > /** - * {@link https://cultureamp.design/components/collapsible/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-collapsible-expert-advice-collapsible--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const ExpertAdviceCollapsible = ( props: ExpertAdviceCollapsibleProps diff --git a/draft-packages/divider/KaizenDraft/Divider/Divider.tsx b/draft-packages/divider/KaizenDraft/Divider/Divider.tsx index 4412aa5..da0f22f 100644 --- a/draft-packages/divider/KaizenDraft/Divider/Divider.tsx +++ b/draft-packages/divider/KaizenDraft/Divider/Divider.tsx @@ -10,8 +10,7 @@ export interface DividerProps } /** - * {@link https://cultureamp.design/components/divider/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-divider--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Divider = ({ variant, diff --git a/draft-packages/empty-state/KaizenDraft/EmptyState/EmptyState.tsx b/draft-packages/empty-state/KaizenDraft/EmptyState/EmptyState.tsx index a986980..608ced3 100644 --- a/draft-packages/empty-state/KaizenDraft/EmptyState/EmptyState.tsx +++ b/draft-packages/empty-state/KaizenDraft/EmptyState/EmptyState.tsx @@ -55,8 +55,7 @@ export interface EmptyStateProps } /** - * {@link https://cultureamp.design/components/empty-state/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-empty-state--default-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const EmptyState = ({ children, diff --git a/draft-packages/filter-menu-button/KaizenDraft/FilterMenuButton/FilterMenuButton.tsx b/draft-packages/filter-menu-button/KaizenDraft/FilterMenuButton/FilterMenuButton.tsx index f16992b..98386fc 100644 --- a/draft-packages/filter-menu-button/KaizenDraft/FilterMenuButton/FilterMenuButton.tsx +++ b/draft-packages/filter-menu-button/KaizenDraft/FilterMenuButton/FilterMenuButton.tsx @@ -4,7 +4,7 @@ import { FilterSplitButton } from "./FilterSplitButton" import styles from "./FilterMenuButton.module.scss" /** - * @deprecated draft-packages FilterMenuButton is deprecated. Please use FilterMultiSelect from "@kaizen/select" instead. + * @deprecated draft-packages FilterMenuButton is deprecated. Please use FilterMultiSelect from "@kaizen/components" instead. */ export interface FilterMenuButtonProps { /* The html id attribute of the container element. This is also used @@ -55,7 +55,9 @@ export interface FilterMenuButtonProps { */ onFilterClear?: (e: React.MouseEvent) => void } - +/** + * @deprecated draft-packages FilterMenuButton is deprecated. Please use FilterMultiSelect from "@kaizen/components" instead. + */ export const FilterMenuButton = ({ id, labelText, diff --git a/draft-packages/filter-menu-button/KaizenDraft/FilterMenuButton/FilterSplitButton.tsx b/draft-packages/filter-menu-button/KaizenDraft/FilterMenuButton/FilterSplitButton.tsx index 4b5b6c7..91ce0d3 100644 --- a/draft-packages/filter-menu-button/KaizenDraft/FilterMenuButton/FilterSplitButton.tsx +++ b/draft-packages/filter-menu-button/KaizenDraft/FilterMenuButton/FilterSplitButton.tsx @@ -16,7 +16,9 @@ type FilterSplitButtonProps = { ariaControls: string isDropdownVisible: boolean } - +/** + * @deprecated draft-packages FilterSplitButton is deprecated. Please use FilterMultiSelect from "@kaizen/components" instead. + */ export const FilterSplitButton = ({ labelText, metadata, diff --git a/draft-packages/form/KaizenDraft/Form/CheckboxField/CheckboxField.tsx b/draft-packages/form/KaizenDraft/Form/CheckboxField/CheckboxField.tsx index dbd28d3..a96f555 100644 --- a/draft-packages/form/KaizenDraft/Form/CheckboxField/CheckboxField.tsx +++ b/draft-packages/form/KaizenDraft/Form/CheckboxField/CheckboxField.tsx @@ -19,8 +19,7 @@ export interface CheckboxFieldProps extends Omit { } /** - * {@link https://cultureamp.design/components/checkbox-field/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-form-checkbox-field--interactive-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const CheckboxField = ({ id: propsId, diff --git a/draft-packages/form/KaizenDraft/Form/CheckboxGroup/CheckboxGroup.tsx b/draft-packages/form/KaizenDraft/Form/CheckboxGroup/CheckboxGroup.tsx index 39f2617..337474d 100644 --- a/draft-packages/form/KaizenDraft/Form/CheckboxGroup/CheckboxGroup.tsx +++ b/draft-packages/form/KaizenDraft/Form/CheckboxGroup/CheckboxGroup.tsx @@ -20,8 +20,7 @@ export interface CheckboxGroupProps } /** - * {@link https://cultureamp.design/components/checkbox-group/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-form-checkbox-group--interactive-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const CheckboxGroup = ({ children, diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/Checkbox/Checkbox.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/Checkbox/Checkbox.tsx index 61c97dc..0838f18 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/Checkbox/Checkbox.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/Checkbox/Checkbox.tsx @@ -39,6 +39,9 @@ const renderCheckOrMixedIcon = ( const getCheckedFromStatus = (checkedStatus: CheckedStatus): boolean => checkedStatus === "on" +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Checkbox = ({ checkedStatus = "off", onCheck, diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/ClearButton/ClearButton.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/ClearButton/ClearButton.tsx index c3abdf1..490af27 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/ClearButton/ClearButton.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/ClearButton/ClearButton.tsx @@ -13,6 +13,9 @@ export interface ClearButtonProps isReversed?: boolean } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const ClearButton = ({ classNameOverride, isReversed = false, diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/FieldGroup/FieldGroup.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/FieldGroup/FieldGroup.tsx index e99d217..2a8b598 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/FieldGroup/FieldGroup.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/FieldGroup/FieldGroup.tsx @@ -19,6 +19,9 @@ export interface FieldGroupProps automationId?: string } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const FieldGroup = ({ children, inline = false, diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/FieldMessage/FieldMessage.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/FieldMessage/FieldMessage.tsx index c98077c..4058216 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/FieldMessage/FieldMessage.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/FieldMessage/FieldMessage.tsx @@ -22,6 +22,9 @@ export interface FieldMessageProps automationId?: string } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const FieldMessage = ({ message, status = "default", diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/Input/Input.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/Input/Input.tsx index 08320e4..30b0d3e 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/Input/Input.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/Input/Input.tsx @@ -51,6 +51,9 @@ export interface InputProps automationId?: string } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Input = ({ inputRef, status = "default", diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/InputRange/InputRange.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/InputRange/InputRange.tsx index d5dfb86..d8af4f9 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/InputRange/InputRange.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/InputRange/InputRange.tsx @@ -15,6 +15,9 @@ export interface InputRangeProps max?: number } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InputRange = (props: InputRangeProps): JSX.Element => { const { id, diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/InputSearch/InputSearch.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/InputSearch/InputSearch.tsx index a983930..bf4a848 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/InputSearch/InputSearch.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/InputSearch/InputSearch.tsx @@ -18,6 +18,9 @@ export interface InputSearchProps onClear?: () => void } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InputSearch = (props: InputSearchProps): JSX.Element => { const { value, diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/Label/Label.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/Label/Label.tsx index 2e7dcda..112aad6 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/Label/Label.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/Label/Label.tsx @@ -21,6 +21,9 @@ export interface LabelProps automationId?: string } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Label = ({ children, labelText = "", diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/Radio/Radio.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/Radio/Radio.tsx index c6092fe..e10cccf 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/Radio/Radio.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/Radio/Radio.tsx @@ -31,6 +31,9 @@ const renderSelected = ( return } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Radio = ({ name, value, diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/TextArea/TextArea.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/TextArea/TextArea.tsx index c0b9617..03d14b5 100644 --- a/draft-packages/form/KaizenDraft/Form/Primitives/TextArea/TextArea.tsx +++ b/draft-packages/form/KaizenDraft/Form/Primitives/TextArea/TextArea.tsx @@ -21,6 +21,9 @@ export interface TextAreaProps automationId?: string } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const TextArea = ({ textAreaRef: propsTextAreaRef, status = "default", diff --git a/draft-packages/form/KaizenDraft/Form/RadioField/RadioField.tsx b/draft-packages/form/KaizenDraft/Form/RadioField/RadioField.tsx index 5ae03dc..a59aa51 100644 --- a/draft-packages/form/KaizenDraft/Form/RadioField/RadioField.tsx +++ b/draft-packages/form/KaizenDraft/Form/RadioField/RadioField.tsx @@ -19,8 +19,7 @@ export interface RadioFieldProps extends Omit { } /** - * {@link https://cultureamp.design/components/radio-field/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-form-radio-field--interactive-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const RadioField = ({ id: propsId, diff --git a/draft-packages/form/KaizenDraft/Form/RadioGroup/RadioGroup.tsx b/draft-packages/form/KaizenDraft/Form/RadioGroup/RadioGroup.tsx index f94b9e8..feb430f 100644 --- a/draft-packages/form/KaizenDraft/Form/RadioGroup/RadioGroup.tsx +++ b/draft-packages/form/KaizenDraft/Form/RadioGroup/RadioGroup.tsx @@ -19,6 +19,9 @@ export interface RadioGroupProps automationId?: string } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const RadioGroup = ({ children, labelId: propsLabelId, diff --git a/draft-packages/form/KaizenDraft/Form/SearchField/SearchField.tsx b/draft-packages/form/KaizenDraft/Form/SearchField/SearchField.tsx index b04a7ef..493369d 100644 --- a/draft-packages/form/KaizenDraft/Form/SearchField/SearchField.tsx +++ b/draft-packages/form/KaizenDraft/Form/SearchField/SearchField.tsx @@ -12,8 +12,7 @@ export interface SearchFieldProps extends Omit { } /** - * {@link https://cultureamp.design/components/search-field/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-form-search-field--default-kaizen-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const SearchField = ({ id: propsId, diff --git a/draft-packages/form/KaizenDraft/Form/Slider/Slider.tsx b/draft-packages/form/KaizenDraft/Form/Slider/Slider.tsx index 2e40463..be48ad0 100644 --- a/draft-packages/form/KaizenDraft/Form/Slider/Slider.tsx +++ b/draft-packages/form/KaizenDraft/Form/Slider/Slider.tsx @@ -17,8 +17,7 @@ export interface SliderFieldProps extends Omit { } /** - * {@link https://cultureamp.design/components/slider/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-form-slider--controlled Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Slider = (props: SliderFieldProps): JSX.Element => { const { diff --git a/draft-packages/form/KaizenDraft/Form/TextAreaField/TextAreaField.tsx b/draft-packages/form/KaizenDraft/Form/TextAreaField/TextAreaField.tsx index 787ce40..163ebad 100644 --- a/draft-packages/form/KaizenDraft/Form/TextAreaField/TextAreaField.tsx +++ b/draft-packages/form/KaizenDraft/Form/TextAreaField/TextAreaField.tsx @@ -20,8 +20,7 @@ export interface TextAreaFieldProps } /** - * {@link https://cultureamp.design/components/text-area-field/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-form-text-area-field--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const TextAreaField = ({ labelText, diff --git a/draft-packages/form/KaizenDraft/Form/TextField/TextField.tsx b/draft-packages/form/KaizenDraft/Form/TextField/TextField.tsx index ff04276..ce75d4c 100644 --- a/draft-packages/form/KaizenDraft/Form/TextField/TextField.tsx +++ b/draft-packages/form/KaizenDraft/Form/TextField/TextField.tsx @@ -37,8 +37,7 @@ export interface TextFieldProps extends Omit { } /** - * {@link https://cultureamp.design/components/text-field/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-form-text-field--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const TextField = ({ id: propsId, diff --git a/draft-packages/guidance-block/KaizenDraft/GuidanceBlock/GuidanceBlock.tsx b/draft-packages/guidance-block/KaizenDraft/GuidanceBlock/GuidanceBlock.tsx index fbb074b..784fdca 100644 --- a/draft-packages/guidance-block/KaizenDraft/GuidanceBlock/GuidanceBlock.tsx +++ b/draft-packages/guidance-block/KaizenDraft/GuidanceBlock/GuidanceBlock.tsx @@ -111,8 +111,7 @@ const WithTooltip = ({ ) /** - * {@link https://cultureamp.design/components/guidance-block/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-guidance-block--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ class GuidanceBlock extends React.Component< GuidanceBlockProps, diff --git a/draft-packages/hero-card/KaizenDraft/HeroCard/HeroCard.tsx b/draft-packages/hero-card/KaizenDraft/HeroCard/HeroCard.tsx index 6be4705..be1adff 100644 --- a/draft-packages/hero-card/KaizenDraft/HeroCard/HeroCard.tsx +++ b/draft-packages/hero-card/KaizenDraft/HeroCard/HeroCard.tsx @@ -23,7 +23,7 @@ export interface HeroCardProps /** * @deprecated HeroCard is deprecated. - * No further changes will be made to it as it will be superseded by Tile. + * No further changes will be made to it as it will be superseded by Tile from `@kaizen/components` */ export const HeroCard = ({ children, diff --git a/draft-packages/illustration/KaizenDraft/Illustration/Scene.tsx b/draft-packages/illustration/KaizenDraft/Illustration/Scene.tsx index 3e436c2..cb859ab 100644 --- a/draft-packages/illustration/KaizenDraft/Illustration/Scene.tsx +++ b/draft-packages/illustration/KaizenDraft/Illustration/Scene.tsx @@ -26,7 +26,9 @@ interface NotAnimatedProps extends BaseAnimatedSceneProps { export type AnimatedSceneProps = AnimatedProps | NotAnimatedProps // Brand Moments - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const BrandMomentPositiveOutro = ({ isAnimated, enableAspectRatio, @@ -53,7 +55,9 @@ export const BrandMomentPositiveOutro = ({ ) } BrandMomentPositiveOutro.displayName = "BrandMomentPositiveOutro" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const BrandMomentLogin = ({ isAnimated, enableAspectRatio, @@ -80,7 +84,9 @@ export const BrandMomentLogin = ({ ) } BrandMomentLogin.displayName = "BrandMomentLogin" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const BrandMomentError = ({ isAnimated, enableAspectRatio, @@ -107,7 +113,9 @@ export const BrandMomentError = ({ ) } BrandMomentError.displayName = "BrandMomentError" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const BrandMomentNewAccountOnboarding = ({ enableAspectRatio, ...props @@ -119,7 +127,9 @@ export const BrandMomentNewAccountOnboarding = ({ /> ) BrandMomentNewAccountOnboarding.displayName = "BrandMomentNewAccountOnboarding" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const BrandMomentUploadEmployeeData = ({ enableAspectRatio, ...props @@ -131,7 +141,9 @@ export const BrandMomentUploadEmployeeData = ({ /> ) BrandMomentUploadEmployeeData.displayName = "BrandMomentUploadEmployeeData" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const BrandMomentStarterKit = ({ enableAspectRatio, ...props @@ -145,7 +157,9 @@ export const BrandMomentStarterKit = ({ BrandMomentStarterKit.displayName = "BrandMomentStarterKit" // Empty States - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const EmptyStatesAction = ({ isAnimated, enableAspectRatio, @@ -172,7 +186,9 @@ export const EmptyStatesAction = ({ ) } EmptyStatesAction.displayName = "EmptyStatesAction" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const EmptyStatesInformative = ({ isAnimated, enableAspectRatio, @@ -199,7 +215,9 @@ export const EmptyStatesInformative = ({ ) } EmptyStatesInformative.displayName = "EmptyStatesInformative" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const EmptyStatesNegative = ({ isAnimated, enableAspectRatio, @@ -226,7 +244,9 @@ export const EmptyStatesNegative = ({ ) } EmptyStatesNegative.displayName = "EmptyStatesNegative" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const EmptyStatesPositive = ({ isAnimated, enableAspectRatio, @@ -253,7 +273,9 @@ export const EmptyStatesPositive = ({ ) } EmptyStatesPositive.displayName = "EmptyStatesPositive" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const EmptyStatesNeutral = ({ isAnimated, enableAspectRatio, @@ -282,7 +304,9 @@ export const EmptyStatesNeutral = ({ EmptyStatesNeutral.displayName = "EmptyStatesNeutral" // Information Modals - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Information360Upgrade = ({ enableAspectRatio, ...props @@ -294,7 +318,9 @@ export const Information360Upgrade = ({ /> ) Information360Upgrade.displayName = "Information360Upgrade" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InformationDemographicFocus = ({ enableAspectRatio, ...props @@ -306,7 +332,9 @@ export const InformationDemographicFocus = ({ /> ) InformationDemographicFocus.displayName = "InformationDemographicFocus" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InformationTurnoverCalculator = ({ enableAspectRatio, ...props @@ -318,7 +346,9 @@ export const InformationTurnoverCalculator = ({ /> ) InformationTurnoverCalculator.displayName = "InformationTurnoverCalculator" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InformationTurnoverForecast = ({ enableAspectRatio, ...props @@ -330,7 +360,9 @@ export const InformationTurnoverForecast = ({ /> ) InformationTurnoverForecast.displayName = "InformationTurnoverForecast" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InformationEmergingTrends = ({ enableAspectRatio, ...props @@ -342,7 +374,9 @@ export const InformationEmergingTrends = ({ /> ) InformationEmergingTrends.displayName = "InformationEmergingTrends" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InformationEmployeeLifecycle = ({ enableAspectRatio, ...props @@ -354,7 +388,9 @@ export const InformationEmployeeLifecycle = ({ /> ) InformationEmployeeLifecycle.displayName = "InformationEmployeeLifecycle" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InformationReportOwner = ({ enableAspectRatio, ...props @@ -366,7 +402,9 @@ export const InformationReportOwner = ({ /> ) InformationReportOwner.displayName = "InformationReportOwner" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const InformationReportOwnerByRule = ({ enableAspectRatio, ...props @@ -380,7 +418,9 @@ export const InformationReportOwnerByRule = ({ InformationReportOwnerByRule.displayName = "InformationReportOwnerByRule" // Miscellaneous - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Collaboration = ({ enableAspectRatio, ...props @@ -392,7 +432,9 @@ export const Collaboration = ({ /> ) Collaboration.displayName = "Collaboration" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Communication = ({ enableAspectRatio, ...props @@ -404,7 +446,9 @@ export const Communication = ({ /> ) Communication.displayName = "Communication" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const CompanyValues = ({ enableAspectRatio, ...props @@ -416,7 +460,9 @@ export const CompanyValues = ({ /> ) CompanyValues.displayName = "CompanyValues" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const ConnectTheDots = ({ enableAspectRatio, ...props @@ -428,7 +474,9 @@ export const ConnectTheDots = ({ /> ) ConnectTheDots.displayName = "ConnectTheDots" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const CultureLab = ({ enableAspectRatio, ...props @@ -440,7 +488,9 @@ export const CultureLab = ({ /> ) CultureLab.displayName = "CultureLab" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const TermsAgreement = ({ enableAspectRatio, ...props @@ -454,7 +504,9 @@ export const TermsAgreement = ({ TermsAgreement.displayName = "TermsAgreement" // Skills Coach - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoach1On1Meetings = ({ enableAspectRatio, ...props @@ -466,7 +518,9 @@ export const SkillsCoach1On1Meetings = ({ /> ) SkillsCoach1On1Meetings.displayName = "SkillsCoach1On1Meetings" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachCoaching = ({ enableAspectRatio, ...props @@ -478,7 +532,9 @@ export const SkillsCoachCoaching = ({ /> ) SkillsCoachCoaching.displayName = "SkillsCoachCoaching" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachEmployeeDevelopment = ({ enableAspectRatio, ...props @@ -490,7 +546,9 @@ export const SkillsCoachEmployeeDevelopment = ({ /> ) SkillsCoachEmployeeDevelopment.displayName = "SkillsCoachEmployeeDevelopment" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachEssentialFeedback = ({ enableAspectRatio, ...props @@ -502,7 +560,9 @@ export const SkillsCoachEssentialFeedback = ({ /> ) SkillsCoachEssentialFeedback.displayName = "SkillsCoachEssentialFeedback" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachEssentialProductivity = ({ enableAspectRatio, ...props @@ -515,7 +575,9 @@ export const SkillsCoachEssentialProductivity = ({ ) SkillsCoachEssentialProductivity.displayName = "SkillsCoachEssentialProductivity" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachEssentialResilience = ({ enableAspectRatio, ...props @@ -527,7 +589,9 @@ export const SkillsCoachEssentialResilience = ({ /> ) SkillsCoachEssentialResilience.displayName = "SkillsCoachEssentialResilience" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachInfluentialCommunication = ({ enableAspectRatio, ...props @@ -540,7 +604,9 @@ export const SkillsCoachInfluentialCommunication = ({ ) SkillsCoachInfluentialCommunication.displayName = "SkillsCoachInfluentialCommunication" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachLeadingChange = ({ enableAspectRatio, ...props @@ -552,7 +618,9 @@ export const SkillsCoachLeadingChange = ({ /> ) SkillsCoachLeadingChange.displayName = "SkillsCoachLeadingChange" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachFeedback = ({ enableAspectRatio, ...props @@ -564,7 +632,9 @@ export const SkillsCoachFeedback = ({ /> ) SkillsCoachFeedback.displayName = "SkillsCoachFeedback" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachManagerHub = ({ enableAspectRatio, ...props @@ -576,7 +646,9 @@ export const SkillsCoachManagerHub = ({ /> ) SkillsCoachManagerHub.displayName = "SkillsCoachManagerHub" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachProductivity = ({ enableAspectRatio, ...props @@ -588,7 +660,9 @@ export const SkillsCoachProductivity = ({ /> ) SkillsCoachProductivity.displayName = "SkillsCoachProductivity" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachRemoteManager = ({ enableAspectRatio, ...props @@ -600,7 +674,9 @@ export const SkillsCoachRemoteManager = ({ /> ) SkillsCoachRemoteManager.displayName = "SkillsCoachRemoteManager" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachResilience = ({ enableAspectRatio, ...props @@ -612,7 +688,9 @@ export const SkillsCoachResilience = ({ /> ) SkillsCoachResilience.displayName = "SkillsCoachResilience" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkillsCoachStrategy = ({ enableAspectRatio, ...props @@ -626,7 +704,9 @@ export const SkillsCoachStrategy = ({ SkillsCoachStrategy.displayName = "SkillsCoachStrategy" // Engagement - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Programs = ({ enableAspectRatio, ...props @@ -638,7 +718,9 @@ export const Programs = ({ /> ) Programs.displayName = "Programs" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const EngagementSurveySummaryFemale = ({ enableAspectRatio, ...props @@ -650,7 +732,9 @@ export const EngagementSurveySummaryFemale = ({ /> ) EngagementSurveySummaryFemale.displayName = "EngagementSurveySummaryFemale" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const EngagementSurveySummaryMale = ({ enableAspectRatio, ...props @@ -662,7 +746,9 @@ export const EngagementSurveySummaryMale = ({ /> ) EngagementSurveySummaryMale.displayName = "EngagementSurveySummaryMale" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SurveyOverviewClosed = ({ enableAspectRatio, ...props @@ -674,7 +760,9 @@ export const SurveyOverviewClosed = ({ /> ) SurveyOverviewClosed.displayName = "SurveyOverviewClosed" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SurveyGetStarted = ({ enableAspectRatio, ...props @@ -686,7 +774,9 @@ export const SurveyGetStarted = ({ /> ) SurveyGetStarted.displayName = "SurveyGetStarted" - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const PerformanceCompanySettings = ({ enableAspectRatio, ...props diff --git a/draft-packages/illustration/KaizenDraft/Illustration/Spot.tsx b/draft-packages/illustration/KaizenDraft/Illustration/Spot.tsx index 974718e..aa20b4a 100644 --- a/draft-packages/illustration/KaizenDraft/Illustration/Spot.tsx +++ b/draft-packages/illustration/KaizenDraft/Illustration/Spot.tsx @@ -19,6 +19,9 @@ export type AnimatedSpotProps = SpotProps & { /** * Moods */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Cautionary = ({ enableAspectRatio, ...otherProps @@ -34,6 +37,9 @@ export const Cautionary = ({ return StaticIllustration } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Informative = ({ enableAspectRatio, ...otherProps @@ -49,6 +55,9 @@ export const Informative = ({ return StaticIllustration } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Negative = ({ enableAspectRatio, ...otherProps @@ -97,6 +106,9 @@ export const PositiveFemale = ({ return StaticIllustration } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Positive = ({ enableAspectRatio, ...otherProps @@ -114,6 +126,9 @@ export const Positive = ({ return StaticIllustration } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Assertive = ({ enableAspectRatio, ...otherProps @@ -148,163 +163,541 @@ const createSpotIllustration = /** * Template Library / Engagement */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const BenefitsSurvey = createSpotIllustration("template-library-benefits-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const CustomSurvey = createSpotIllustration("template-library-custom-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const CustomUnattributedSurvey = createSpotIllustration("template-library-custom-unattributed-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const EngagementSurvey = createSpotIllustration("template-library-engagement-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const InclusionSurvey = createSpotIllustration("template-library-inclusion-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const QuickEngagementSurvey = createSpotIllustration("template-library-quick-engagement-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ValuesSurvey1 = createSpotIllustration("template-library-values-survey-1.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ValuesSurvey2 = createSpotIllustration("template-library-values-survey-2.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const WellbeingSurvey1 = createSpotIllustration("template-library-wellbeing-survey-1.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const WellbeingSurvey2 = createSpotIllustration("template-library-wellbeing-survey-2.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const WellbeingSurvey3 = createSpotIllustration("template-library-wellbeing-survey-3.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ChangeReadiness = createSpotIllustration("template-library-change-readiness.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ChangeSuccess = createSpotIllustration("template-library-change-success.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const PerformanceDiagnostics = createSpotIllustration("template-library-performance-diagnostics.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const LeadingThroughCrisis = createSpotIllustration("template-library-leading-through-crisis.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const EmergencyResponse = createSpotIllustration("template-library-emergency-response.svg") /** * Template Library / Experience */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const CandidateSurvey = createSpotIllustration("template-library-candidate-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const CustomOnboardSurvey = createSpotIllustration("template-library-custom-onboard-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ExitSurvey = createSpotIllustration("template-library-exit-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const InternSurvey = createSpotIllustration("template-library-intern-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const PhasedWeek1OnboardSurvey = createSpotIllustration("template-library-phased-week-1-onboard-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const PhasedWeek5OnboardSurvey = createSpotIllustration("template-library-phased-week-5-onboard-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const SinglePointOnboardSurvey = createSpotIllustration("template-library-single-point-onboard-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const GeneralOnboardSurvey = createSpotIllustration("template-library-general-onboard-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const RemoteOnboardSurvey = createSpotIllustration("template-library-remote-onboard-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const HealthAndSafety = createSpotIllustration("template-library-health-and-safety.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const EndOfProbation = createSpotIllustration("template-library-end-of-probation.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const NewWaysOfWorking = createSpotIllustration("template-library-new-ways-of-working.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ReOnboarding = createSpotIllustration("template-library-re-onboarding.svg") /** * Template Library / Performance */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Individual360 = createSpotIllustration("template-library-individual-360.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Leadership360 = createSpotIllustration("template-library-leadership-360.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Manager360 = createSpotIllustration("template-library-manager-360.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Individual180 = createSpotIllustration("template-library-individual-180.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Leadership180 = createSpotIllustration("template-library-leadership-180.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Manager180 = createSpotIllustration("template-library-manager-180.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const TeamEffectiveness1 = createSpotIllustration("template-library-team-effectiveness-1.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const TeamEffectiveness2 = createSpotIllustration("template-library-team-effectiveness-2.svg") /** * Offices */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const London = createSpotIllustration("offices-london.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Melbourne = createSpotIllustration("offices-melbourne.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const NewYork = createSpotIllustration("offices-new-york.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const SanFrancisco = createSpotIllustration("offices-san-francisco.svg") /** * Values */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const AmplifyOthers = createSpotIllustration("values-amplify-others.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const HaveTheCourageToBeVulnerable = createSpotIllustration("values-have-the-courage-to-be-vulnerable.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const LearnFasterThroughFeedback = createSpotIllustration("values-learn-faster-through-feedback.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const TrustOthersToMakeDecisions = createSpotIllustration("values-trust-others-to-make-decisions.svg") /** * Template Library / COVID-19 */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const WellbeingSurvey = createSpotIllustration("template-library-wellbeing-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Response = createSpotIllustration("template-library-response.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const RemoteWorkQSet = createSpotIllustration("template-library-remote-work-q-set.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ReturnToWorkplace = createSpotIllustration("template-library-return-to-workplace.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const PulseSurvey = createSpotIllustration("template-library-pulse-survey.svg") /** * New Account */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const AccountBasics = createSpotIllustration("new-account-account-basics.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const CompanyDetails = createSpotIllustration("new-account-company-details.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const EmployeeData = createSpotIllustration("new-account-employee-data.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Gdpr = createSpotIllustration("new-account-gdpr.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Timezone = createSpotIllustration("new-account-timezone.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const AddUser = createSpotIllustration("new-account-add-user.svg") /** * Skills Coach (previously referred to as Manager Learning) */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Strategy = createSpotIllustration("skills-coach-strategy.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Resilience = createSpotIllustration("skills-coach-resilience.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const EssentialResilience = createSpotIllustration("skills-coach-essential-resillience.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const RemoteManager = createSpotIllustration("skills-coach-remote-manager.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Productivity = createSpotIllustration("skills-coach-productivity.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const EssentialProductivity = createSpotIllustration("skills-coach-essential-productivity.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const InfluentialCommunication = createSpotIllustration("skills-coach-influential-communication.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const LeadingChange = createSpotIllustration("skills-coach-leading-change.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ManagerLearning = createSpotIllustration("skills-coach-manager-learning.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Feedback = createSpotIllustration("skills-coach-feedback.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Coaching = createSpotIllustration("skills-coach-coaching.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const OneOnOne = createSpotIllustration("skills-coach-1-on-1.svg") /** * Miscellaneous */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ActionPlans = createSpotIllustration("miscellaneous-action-plans.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const BCorp = createSpotIllustration("miscellaneous-b-corp.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Behaviour = createSpotIllustration("miscellaneous-behavior.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ChangeAgents = createSpotIllustration("miscellaneous-change-agents.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Communications = createSpotIllustration("miscellaneous-communications.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Community = createSpotIllustration("miscellaneous-community.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Company = createSpotIllustration("miscellaneous-company.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Conversations = createSpotIllustration("miscellaneous-conversations.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const DataVisualization = createSpotIllustration("miscellaneous-data-visualization.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Goals = createSpotIllustration("miscellaneous-goals.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Insights = createSpotIllustration("miscellaneous-insights.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Learn = createSpotIllustration("miscellaneous-learn.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Microphone = createSpotIllustration("miscellaneous-microphone.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const PaperPen = createSpotIllustration("miscellaneous-paper-pen.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const PowerfulInsights = createSpotIllustration("miscellaneous-powerful-insights.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Privacy = createSpotIllustration("miscellaneous-privacy.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Process = createSpotIllustration("miscellaneous-process.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Resources = createSpotIllustration("miscellaneous-resources.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ScienceBackedTools = createSpotIllustration("miscellaneous-science-backed-tools.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const SkillsDevelopment = createSpotIllustration("miscellaneous-skills-development.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ViewReports = createSpotIllustration("miscellaneous-view-reports.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ReadArticle = createSpotIllustration("miscellaneous-read-article.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const FastAction = createSpotIllustration("miscellaneous-fast-action.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const BaselineSurvey = createSpotIllustration("miscellaneous-baseline-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const SpreadsheetTemplate = createSpotIllustration("miscellaneous-spreadsheet-template.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const AddImage = createSpotIllustration("miscellaneous-add-image.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const MeetingVoices = createSpotIllustration("miscellaneous-meeting-voices.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Workshop = createSpotIllustration("miscellaneous-workshop.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Video = createSpotIllustration("miscellaneous-video.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ReportSharing = createSpotIllustration("miscellaneous-report-sharing.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const BlankSurvey = createSpotIllustration("miscellaneous-blank-survey.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const TakeAim = createSpotIllustration("miscellaneous-take-aim.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Action = createSpotIllustration("miscellaneous-action.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Training1 = createSpotIllustration("miscellaneous-training-1.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Training2 = createSpotIllustration("miscellaneous-training-2.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Training3 = createSpotIllustration("miscellaneous-training-3.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ShareReport = createSpotIllustration("miscellaneous-share-report.svg") // TODO: Component Name change +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Team1 = createSpotIllustration("miscellaneous-team-1.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Team2 = createSpotIllustration("miscellaneous-team-2.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Templates = createSpotIllustration("miscellaneous-templates.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ExecutiveReportSharing = createSpotIllustration("miscellaneous-executive-report-sharing.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ManagerReportSharing = createSpotIllustration("miscellaneous-manager-report-sharing.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const LeaderReportSharing = createSpotIllustration("miscellaneous-leader-report-sharing.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Alarm = createSpotIllustration("miscellaneous-alarm.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Fire = createSpotIllustration("miscellaneous-fire.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Fireworks = createSpotIllustration("miscellaneous-fireworks.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const FullImport = createSpotIllustration("miscellaneous-full-import.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const HrisImport = createSpotIllustration("miscellaneous-hris-import.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const PartialImport = createSpotIllustration("miscellaneous-partial-import.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Starburst = createSpotIllustration("miscellaneous-starburst.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Stop = createSpotIllustration("miscellaneous-stop.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const TrafficCone = createSpotIllustration("miscellaneous-traffic-cone.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Trophy = createSpotIllustration("miscellaneous-trophy.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const UnderConstruction = createSpotIllustration("miscellaneous-under-construction.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const ValueAdd = createSpotIllustration("miscellaneous-value-add.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Recommendation = createSpotIllustration("miscellaneous-recommendation.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const Objective = createSpotIllustration("miscellaneous-objective.svg") +/** + * @deprecated Please use the same component from `@kaizen/components` + */ /* prettier-ignore */ export const CalendarSync = createSpotIllustration("miscellaneous-calendar-sync.svg") diff --git a/draft-packages/likert-scale-legacy/KaizenDraft/LikertScaleLegacy/LikertScaleLegacy.tsx b/draft-packages/likert-scale-legacy/KaizenDraft/LikertScaleLegacy/LikertScaleLegacy.tsx index fd71528..cf4aff5 100644 --- a/draft-packages/likert-scale-legacy/KaizenDraft/LikertScaleLegacy/LikertScaleLegacy.tsx +++ b/draft-packages/likert-scale-legacy/KaizenDraft/LikertScaleLegacy/LikertScaleLegacy.tsx @@ -29,8 +29,7 @@ const SelectedItemIcon = (): JSX.Element => ( ) /** - * {@link https://cultureamp.design/components/likert-scale/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-likert-scale--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const LikertScaleLegacy = ({ scale, diff --git a/draft-packages/menu/KaizenDraft/Menu/Menu.tsx b/draft-packages/menu/KaizenDraft/Menu/Menu.tsx index ce9b7dd..e8d105a 100644 --- a/draft-packages/menu/KaizenDraft/Menu/Menu.tsx +++ b/draft-packages/menu/KaizenDraft/Menu/Menu.tsx @@ -24,8 +24,7 @@ export type MenuProps = Omit< } /** - * {@link https://cultureamp.design/components/menu/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-menu--auto-hide-behaviours Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Menu = ({ button, diff --git a/draft-packages/modal/KaizenDraft/Modal/Presets/ConfirmationModal.tsx b/draft-packages/modal/KaizenDraft/Modal/Presets/ConfirmationModal.tsx index c6b1e2a..10ee1ca 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Presets/ConfirmationModal.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Presets/ConfirmationModal.tsx @@ -84,8 +84,7 @@ const getIcon = (mood: Mood, isProminent: boolean): JSX.Element => { } /** - * {@link https://cultureamp.design/components/modal/#confirmation-modal Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-modal--confirmation-modal-example Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const ConfirmationModal = ({ isOpen, diff --git a/draft-packages/modal/KaizenDraft/Modal/Presets/ContextModal.tsx b/draft-packages/modal/KaizenDraft/Modal/Presets/ContextModal.tsx index fc014f8..2d14be3 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Presets/ContextModal.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Presets/ContextModal.tsx @@ -43,8 +43,7 @@ export type ContextModalProps = Readonly< > /** - * {@link https://cultureamp.design/components/modal/#context-modals-previously-information-modal Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-modal--context-modal-example Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const ContextModal = ({ isOpen, diff --git a/draft-packages/modal/KaizenDraft/Modal/Presets/InputEditModal.tsx b/draft-packages/modal/KaizenDraft/Modal/Presets/InputEditModal.tsx index cf5b087..1bd5971 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Presets/InputEditModal.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Presets/InputEditModal.tsx @@ -30,8 +30,7 @@ export interface InputEditModalProps { } /** - * {@link https://cultureamp.design/components/modal/#input-edit-modal Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-modal-input-edit-modal--input-edit-modal-example Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const InputEditModal = ({ isOpen, diff --git a/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModal.tsx b/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModal.tsx index 57730e0..24a07c4 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModal.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModal.tsx @@ -25,6 +25,9 @@ export interface GenericModalProps extends GenericModalContainerProps, ModalAccessibleContextType {} +/** + * @deprecated Please use the same component from `@kaizen/components` + */ const GenericModalContainer = ( props: GenericModalContainerProps ): JSX.Element => { diff --git a/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModalSection.tsx b/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModalSection.tsx index 832f36c..1c75eff 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModalSection.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModalSection.tsx @@ -7,6 +7,9 @@ export interface GenericModalSectionProps { readonly children: React.ReactNode } +/** + * @deprecated Please use the ModalSection component from `@kaizen/components` + */ const GenericModalSection = ({ inputEdit = false, children, diff --git a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalAccessibleDescription.tsx b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalAccessibleDescription.tsx index fd9a927..d7c1c34 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalAccessibleDescription.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalAccessibleDescription.tsx @@ -6,6 +6,9 @@ export interface ModalAccessibleDescriptionProps { children: React.ReactNode } +/** + * @deprecated Please use the ModalDescription component from `@kaizen/components` + */ export const ModalAccessibleDescription = ({ children, }: ModalAccessibleDescriptionProps): JSX.Element => ( diff --git a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalAccessibleLabel.tsx b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalAccessibleLabel.tsx index f099799..a8764a4 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalAccessibleLabel.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalAccessibleLabel.tsx @@ -8,6 +8,9 @@ export interface ModalAccessibleLabelProps { readonly isProminent?: boolean } +/** + * @deprecated Please use the ModalLabel component from `@kaizen/components` + */ export const ModalAccessibleLabel = ({ children, isProminent = false, diff --git a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx index bfc81df..f65f5fe 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalFooter.tsx @@ -23,6 +23,9 @@ export type ModalFooterProps = Readonly<{ alignStart?: boolean }> +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const ModalFooter = (props: ModalFooterProps): JSX.Element => { const { unpadded, diff --git a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalHeader.tsx b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalHeader.tsx index 49ff313..650ebd6 100644 --- a/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalHeader.tsx +++ b/draft-packages/modal/KaizenDraft/Modal/Primitives/ModalHeader.tsx @@ -11,6 +11,9 @@ export interface ModalHeaderProps { readonly children: React.ReactNode } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ class ModalHeader extends React.Component { render(): JSX.Element { const { reversed, onDismiss, children } = this.props diff --git a/draft-packages/page-layout/KaizenDraft/Content/Content.tsx b/draft-packages/page-layout/KaizenDraft/Content/Content.tsx index b11cf88..9fa8c28 100644 --- a/draft-packages/page-layout/KaizenDraft/Content/Content.tsx +++ b/draft-packages/page-layout/KaizenDraft/Content/Content.tsx @@ -39,8 +39,7 @@ export interface ContentProps } /** - * {@link https://cultureamp.design/components/page-layout/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-page-layout--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Container = React.forwardRef( ({ children, style, automationId, classNameOverride, ...restProps }, ref) => ( @@ -59,8 +58,7 @@ export const Container = React.forwardRef( Container.displayName = "Container" /** - * {@link https://cultureamp.design/components/page-layout/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-page-layout--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Content = React.forwardRef( ({ children, style, automationId, classNameOverride, ...restProps }, ref) => ( diff --git a/draft-packages/page-layout/KaizenDraft/Skirt/Skirt.tsx b/draft-packages/page-layout/KaizenDraft/Skirt/Skirt.tsx index fb19a9d..c0a14a0 100644 --- a/draft-packages/page-layout/KaizenDraft/Skirt/Skirt.tsx +++ b/draft-packages/page-layout/KaizenDraft/Skirt/Skirt.tsx @@ -20,6 +20,9 @@ export interface SkirtProps extends ContentProps { titleBlockHasNavigation?: boolean } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Skirt = ({ children, className, diff --git a/draft-packages/page-layout/KaizenDraft/Skirt/SkirtCard.tsx b/draft-packages/page-layout/KaizenDraft/Skirt/SkirtCard.tsx index 6de2276..fb311b0 100644 --- a/draft-packages/page-layout/KaizenDraft/Skirt/SkirtCard.tsx +++ b/draft-packages/page-layout/KaizenDraft/Skirt/SkirtCard.tsx @@ -5,6 +5,9 @@ import styles from "./SkirtCard.module.scss" export type SkirtCardProps = CardProps +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const SkirtCard = (props: SkirtCardProps): JSX.Element => { const { classNameOverride, ...restProps } = props return ( diff --git a/draft-packages/popover/KaizenDraft/Popover/Popover.tsx b/draft-packages/popover/KaizenDraft/Popover/Popover.tsx index 869d59a..4243fa1 100644 --- a/draft-packages/popover/KaizenDraft/Popover/Popover.tsx +++ b/draft-packages/popover/KaizenDraft/Popover/Popover.tsx @@ -44,8 +44,7 @@ const arrowWidth = 14 const arrowHeight = 7 /** - * {@link https://cultureamp.design/components/popover/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Popover = ({ children, diff --git a/draft-packages/select/KaizenDraft/Select/Select.tsx b/draft-packages/select/KaizenDraft/Select/Select.tsx index 0299333..e964166 100644 --- a/draft-packages/select/KaizenDraft/Select/Select.tsx +++ b/draft-packages/select/KaizenDraft/Select/Select.tsx @@ -47,8 +47,7 @@ export type VariantType = "default" | "secondary" | "secondary-small" export type StatusType = "default" | "error" /** - * {@link https://cultureamp.design/components/select/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-select--default-select-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Select = React.forwardRef((props, ref) => { const { diff --git a/draft-packages/table/KaizenDraft/Table/Table.tsx b/draft-packages/table/KaizenDraft/Table/Table.tsx index 2239699..7a9077c 100644 --- a/draft-packages/table/KaizenDraft/Table/Table.tsx +++ b/draft-packages/table/KaizenDraft/Table/Table.tsx @@ -10,13 +10,16 @@ import { Tooltip } from "@kaizen/draft-tooltip" import { Heading } from "@kaizen/typography" import styles from "./Table.module.scss" +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export type TableContainerProps = { children?: React.ReactNode variant?: "compact" | "default" | "data" } + /** - * {@link https://cultureamp.design/components/table/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-table--default-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const TableContainer = ({ variant = "compact", @@ -45,6 +48,10 @@ export type TableHeaderProps = { backgroundColor?: AllowedTableHeaderBackgroundColors children?: React.ReactNode } + +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const TableHeader = ({ backgroundColor, children, @@ -92,6 +99,9 @@ const ratioToPercent = (width?: number): string | number | undefined => * shrink, and basis, due to IE11 compatibility. eg. use "1 1 auto" * instead of just "1". */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export type TableHeaderRowCellProps = OverrideClassName< HTMLAttributes > & { @@ -130,6 +140,9 @@ export type TableHeaderRowCellProps = OverrideClassName< sortingArrowsOnHover?: "ascending" | "descending" | undefined } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const TableHeaderRowCell = ({ labelText, automationId, @@ -331,6 +344,9 @@ type AnchorClickEvent = (e: React.MouseEvent) => void * * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Table_Role */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export type TableCardProps = OverrideClassName> & { onClick?: ButtonClickEvent | AnchorClickEvent expanded?: boolean @@ -343,6 +359,9 @@ export type TableCardProps = OverrideClassName> & { children?: React.ReactNode } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const TableCard = ({ children, expanded, @@ -392,9 +411,16 @@ export const TableCard = ({ * * @param {*} { children, classNameOverride, ...otherProps } */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export type TableRowProps = OverrideClassName> & { children?: React.ReactNode } + +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const TableRow = ({ children, classNameOverride, @@ -415,6 +441,9 @@ export const TableRow = ({ * shrink, and basis, due to IE11 compatibility. eg. use "1 1 auto" * instead of just "1". */ +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export type TableRowCellProps = OverrideClassName< HTMLAttributes > & { @@ -423,7 +452,9 @@ export type TableRowCellProps = OverrideClassName< flex?: string href?: string } - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const TableRowCell = ({ children, width, diff --git a/draft-packages/tabs/KaizenDraft/Tabs/Tabs.tsx b/draft-packages/tabs/KaizenDraft/Tabs/Tabs.tsx index 89b562e..4189570 100644 --- a/draft-packages/tabs/KaizenDraft/Tabs/Tabs.tsx +++ b/draft-packages/tabs/KaizenDraft/Tabs/Tabs.tsx @@ -30,7 +30,7 @@ export interface TabsProps { /** * @deprecated * If you were using this for page navigation, that design pattern is something we want to move away from. Reach out to the Kaizen team if you want to discuss further. - * Otherwise use @kaizen/tabs for the tabs pattern as defined by W3C WAI ARIA (switchable content areas rather than page navigation). See https://w3c.github.io/aria-practices/#tabpanel + * Otherwise use `Tabs` from @kaizen/components for the tabs pattern as defined by W3C WAI ARIA (switchable content areas rather than page navigation). See https://w3c.github.io/aria-practices/#tabpanel */ const Tabs = ({ orientation = "horizontal", diff --git a/draft-packages/tag/KaizenDraft/Tag/Tag.tsx b/draft-packages/tag/KaizenDraft/Tag/Tag.tsx index e64e59b..9d42fab 100644 --- a/draft-packages/tag/KaizenDraft/Tag/Tag.tsx +++ b/draft-packages/tag/KaizenDraft/Tag/Tag.tsx @@ -58,8 +58,7 @@ const renderAvatar = ( ) /** - * {@link https://cultureamp.design/components/tag/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-tag--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Tag = (props: TagProps): JSX.Element => { const { diff --git a/draft-packages/tile/KaizenDraft/Tile/InformationTile.tsx b/draft-packages/tile/KaizenDraft/Tile/InformationTile.tsx index 261a291..2f19e25 100644 --- a/draft-packages/tile/KaizenDraft/Tile/InformationTile.tsx +++ b/draft-packages/tile/KaizenDraft/Tile/InformationTile.tsx @@ -4,8 +4,7 @@ import { GenericTile, GenericTileProps } from "./components/GenericTile" export type InformationTileProps = GenericTileProps /** - * {@link https://cultureamp.design/components/tile/#informationtile Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-tile--information Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const InformationTile = (props: InformationTileProps): JSX.Element => ( diff --git a/draft-packages/tile/KaizenDraft/Tile/MultiActionTile.tsx b/draft-packages/tile/KaizenDraft/Tile/MultiActionTile.tsx index 6463138..40a0877 100644 --- a/draft-packages/tile/KaizenDraft/Tile/MultiActionTile.tsx +++ b/draft-packages/tile/KaizenDraft/Tile/MultiActionTile.tsx @@ -28,8 +28,7 @@ const renderActions = ( ) /** - * {@link https://cultureamp.design/components/tile/#multiactiontile Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-tile--multi-action Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const MultiActionTile = ({ children, diff --git a/draft-packages/tile/KaizenDraft/Tile/TileGrid.tsx b/draft-packages/tile/KaizenDraft/Tile/TileGrid.tsx index 1dcde2e..1ff97bb 100644 --- a/draft-packages/tile/KaizenDraft/Tile/TileGrid.tsx +++ b/draft-packages/tile/KaizenDraft/Tile/TileGrid.tsx @@ -15,8 +15,7 @@ export interface TileGridProps } /** - * {@link https://cultureamp.design/components/tile/#tilegrid Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-tile--tile-grid-with-tiles Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const TileGrid = ({ children, diff --git a/draft-packages/tile/KaizenDraft/Tile/components/Action.tsx b/draft-packages/tile/KaizenDraft/Tile/components/Action.tsx index 166b2e8..1f6507b 100644 --- a/draft-packages/tile/KaizenDraft/Tile/components/Action.tsx +++ b/draft-packages/tile/KaizenDraft/Tile/components/Action.tsx @@ -7,7 +7,9 @@ interface ActionProps { readonly secondary?: boolean readonly disabled?: boolean } - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ const Action = ({ action, secondary = false, diff --git a/draft-packages/tile/KaizenDraft/Tile/components/GenericTile.tsx b/draft-packages/tile/KaizenDraft/Tile/components/GenericTile.tsx index c24741a..ac99ae6 100644 --- a/draft-packages/tile/KaizenDraft/Tile/components/GenericTile.tsx +++ b/draft-packages/tile/KaizenDraft/Tile/components/GenericTile.tsx @@ -40,7 +40,9 @@ export interface GenericTileProps | "prominent" footer: React.ReactNode } - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const GenericTile = ({ children, title, diff --git a/draft-packages/title-block-zen/KaizenDraft/TitleBlockZen/TitleBlockZen.tsx b/draft-packages/title-block-zen/KaizenDraft/TitleBlockZen/TitleBlockZen.tsx index 751cd02..bb05553 100644 --- a/draft-packages/title-block-zen/KaizenDraft/TitleBlockZen/TitleBlockZen.tsx +++ b/draft-packages/title-block-zen/KaizenDraft/TitleBlockZen/TitleBlockZen.tsx @@ -569,7 +569,9 @@ const createTabletOverflowMenuItems = ( * The order of elements in the array will determine the visual order on the page, so * please be aware of the intended order mentioned above. */ - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const TitleBlockZen = ({ title, variant, diff --git a/draft-packages/tooltip/KaizenDraft/Tooltip/Tooltip.tsx b/draft-packages/tooltip/KaizenDraft/Tooltip/Tooltip.tsx index 6801e0e..925ade5 100644 --- a/draft-packages/tooltip/KaizenDraft/Tooltip/Tooltip.tsx +++ b/draft-packages/tooltip/KaizenDraft/Tooltip/Tooltip.tsx @@ -174,8 +174,7 @@ const renderChildren = ( } /** - * {@link https://cultureamp.design/components/tooltip/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-tooltip--default-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Tooltip = ({ children, diff --git a/draft-packages/well/Well.tsx b/draft-packages/well/Well.tsx index 6d6aa6e..ea7eb82 100644 --- a/draft-packages/well/Well.tsx +++ b/draft-packages/well/Well.tsx @@ -28,8 +28,7 @@ export interface WellProps } /** - * {@link https://cultureamp.design/components/well/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-well--assertive Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Well = ({ children, diff --git a/packages/a11y/src/SkipLink.tsx b/packages/a11y/src/SkipLink.tsx index 878f06e..9c4d795 100644 --- a/packages/a11y/src/SkipLink.tsx +++ b/packages/a11y/src/SkipLink.tsx @@ -15,7 +15,7 @@ export interface SkipLinkProps { } /** - * The skip link should be the first focusable element in the page. + * @deprecated Please use the same component from `@kaizen/components` */ export const SkipLink = ({ label, skipTo }: SkipLinkProps): JSX.Element => ( diff --git a/packages/a11y/src/VisuallyHidden/VisuallyHidden.tsx b/packages/a11y/src/VisuallyHidden/VisuallyHidden.tsx index 79a8092..36ea639 100644 --- a/packages/a11y/src/VisuallyHidden/VisuallyHidden.tsx +++ b/packages/a11y/src/VisuallyHidden/VisuallyHidden.tsx @@ -13,6 +13,9 @@ export interface VisuallyHiddenProps tag?: AllowedTags } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const VisuallyHidden = ({ children, classNameOverride, diff --git a/packages/brand-moment/src/BrandMoment.tsx b/packages/brand-moment/src/BrandMoment.tsx index 2204905..9eaa0f4 100644 --- a/packages/brand-moment/src/BrandMoment.tsx +++ b/packages/brand-moment/src/BrandMoment.tsx @@ -25,6 +25,9 @@ export interface BrandMomentProps } } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const BrandMoment = ({ mood, illustration, diff --git a/packages/brand/src/Brand/Brand.tsx b/packages/brand/src/Brand/Brand.tsx index baf418a..8240da0 100644 --- a/packages/brand/src/Brand/Brand.tsx +++ b/packages/brand/src/Brand/Brand.tsx @@ -14,6 +14,9 @@ export interface BrandProps reversed?: boolean } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Brand = ({ variant, alt, diff --git a/packages/button/src/Button/Button.tsx b/packages/button/src/Button/Button.tsx index 0ac042f..0d2d40e 100755 --- a/packages/button/src/Button/Button.tsx +++ b/packages/button/src/Button/Button.tsx @@ -26,8 +26,7 @@ export type ButtonProps = GenericProps & } /** - * {@link https://cultureamp.design/components/button/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-button--default-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Button = forwardRef( (props: ButtonProps, ref: Ref) => ( diff --git a/packages/button/src/Button/DirectionalLink.tsx b/packages/button/src/Button/DirectionalLink.tsx index 76027fc..30113f6 100755 --- a/packages/button/src/Button/DirectionalLink.tsx +++ b/packages/button/src/Button/DirectionalLink.tsx @@ -19,8 +19,7 @@ const iconMap = { } /** - * {@link https://cultureamp.design/components/pagination/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/story/components-button-pagination-buttons--default-kaizen-directional-link Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const DirectionalLink = (props: DirectionalLinkProps): JSX.Element => ( ( diff --git a/packages/button/src/Button/PaginationLink.tsx b/packages/button/src/Button/PaginationLink.tsx index 8ca7d05..2c83591 100755 --- a/packages/button/src/Button/PaginationLink.tsx +++ b/packages/button/src/Button/PaginationLink.tsx @@ -9,8 +9,7 @@ export interface PaginationLinkProps extends GenericProps { } /** - * {@link https://cultureamp.design/components/pagination/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/story/components-button-pagination-buttons--default-kaizen-pagination-link Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const PaginationLink = (props: PaginationLinkProps): JSX.Element => ( ): Record => { }, {}) } +/** + * @deprecated We no longer support the external use of GenericButton + */ const GenericButton = forwardRef( (props: Props, ref: Ref) => { const buttonRef = useRef() diff --git a/packages/component-library/components/Box/Box.tsx b/packages/component-library/components/Box/Box.tsx index a97f84e..52508e0 100644 --- a/packages/component-library/components/Box/Box.tsx +++ b/packages/component-library/components/Box/Box.tsx @@ -15,7 +15,7 @@ export interface BoxProps } /** - * {@link https://cultureamp.design/storybook/?path=/docs/components-box--box-default Storybook} + * @deprecated Please replace with `div` plus Tailwind. */ export const Box = ({ children, diff --git a/packages/component-library/components/Icon/Icon.tsx b/packages/component-library/components/Icon/Icon.tsx index d9048ff..549e5b0 100644 --- a/packages/component-library/components/Icon/Icon.tsx +++ b/packages/component-library/components/Icon/Icon.tsx @@ -18,8 +18,7 @@ export interface IconProps } /** - * {@link https://cultureamp.design/components/icon/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook} + * @deprecated Replace with individual React icons. See: {@link https://cultureamp.design/?path=/docs/components-icons--docs Reference} */ export const Icon = ({ icon, diff --git a/packages/component-library/components/Text/Text.tsx b/packages/component-library/components/Text/Text.tsx index 95a8e58..e81a8d5 100644 --- a/packages/component-library/components/Text/Text.tsx +++ b/packages/component-library/components/Text/Text.tsx @@ -36,7 +36,7 @@ type TextProps = { } /** - * @deprecated Text is deprecated. Use Paragraph or Heading instead. + * @deprecated Please use the same component from `@kaizen/components` */ const Text = ({ tag, diff --git a/packages/date-picker/src/DatePicker/DatePicker.tsx b/packages/date-picker/src/DatePicker/DatePicker.tsx index 7895e5d..429a406 100644 --- a/packages/date-picker/src/DatePicker/DatePicker.tsx +++ b/packages/date-picker/src/DatePicker/DatePicker.tsx @@ -83,8 +83,7 @@ export interface DatePickerProps } /** - * {@link https://cultureamp.design/components/date-picker/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-date-picker-date-picker--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const DatePicker = ({ id: propsId, diff --git a/packages/date-picker/src/DateRangePicker/DateRangePicker.tsx b/packages/date-picker/src/DateRangePicker/DateRangePicker.tsx index 46abd82..9d4e313 100644 --- a/packages/date-picker/src/DateRangePicker/DateRangePicker.tsx +++ b/packages/date-picker/src/DateRangePicker/DateRangePicker.tsx @@ -50,8 +50,7 @@ export interface DateRangePickerProps extends DisabledDayMatchers { } /** - * {@link https://cultureamp.design/components/date-range-picker/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-date-picker-date-range-picker--date-range-picker-sticker-sheet Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const DateRangePicker = ({ id: propsId, diff --git a/packages/date-picker/src/TimeField/TimeField.tsx b/packages/date-picker/src/TimeField/TimeField.tsx index a5c527d..f7a8378 100644 --- a/packages/date-picker/src/TimeField/TimeField.tsx +++ b/packages/date-picker/src/TimeField/TimeField.tsx @@ -42,6 +42,9 @@ export interface TimeFieldProps validationMessage?: React.ReactNode } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ // This needed to be placed directly below the props because // the prop descriptions wouldn't show in Storybook otherwise. export const TimeField = (props: TimeFieldProps): JSX.Element => ( diff --git a/packages/loading-skeleton/src/LoadingGraphic/LoadingGraphic.tsx b/packages/loading-skeleton/src/LoadingGraphic/LoadingGraphic.tsx index 9a20e1d..7605cbc 100644 --- a/packages/loading-skeleton/src/LoadingGraphic/LoadingGraphic.tsx +++ b/packages/loading-skeleton/src/LoadingGraphic/LoadingGraphic.tsx @@ -28,6 +28,9 @@ export interface LoadingGraphicProps size: GraphicSizes } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const LoadingGraphic = ({ isAnimated, isReversed, diff --git a/packages/loading-skeleton/src/LoadingHeading/LoadingHeading.tsx b/packages/loading-skeleton/src/LoadingHeading/LoadingHeading.tsx index 82d1c00..e78aa2c 100644 --- a/packages/loading-skeleton/src/LoadingHeading/LoadingHeading.tsx +++ b/packages/loading-skeleton/src/LoadingHeading/LoadingHeading.tsx @@ -17,6 +17,9 @@ export interface LoadingHeadingProps width?: number } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const LoadingHeading = ({ isAnimated, isReversed, diff --git a/packages/loading-skeleton/src/LoadingInput/LoadingInput.tsx b/packages/loading-skeleton/src/LoadingInput/LoadingInput.tsx index 6855fa7..3032b97 100644 --- a/packages/loading-skeleton/src/LoadingInput/LoadingInput.tsx +++ b/packages/loading-skeleton/src/LoadingInput/LoadingInput.tsx @@ -18,6 +18,9 @@ export interface LoadingInputProps height?: number } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const LoadingInput = ({ isAnimated, isReversed, diff --git a/packages/loading-skeleton/src/LoadingParagraph/LoadingParagraph.tsx b/packages/loading-skeleton/src/LoadingParagraph/LoadingParagraph.tsx index 33f57dd..a61dcdb 100644 --- a/packages/loading-skeleton/src/LoadingParagraph/LoadingParagraph.tsx +++ b/packages/loading-skeleton/src/LoadingParagraph/LoadingParagraph.tsx @@ -19,6 +19,9 @@ export interface LoadingParagraphProps width?: number } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const LoadingParagraph = ({ isAnimated, isCentred, diff --git a/packages/loading-spinner/src/LoadingSpinner/LoadingSpinner.tsx b/packages/loading-spinner/src/LoadingSpinner/LoadingSpinner.tsx index cbbb021..0beac3a 100644 --- a/packages/loading-spinner/src/LoadingSpinner/LoadingSpinner.tsx +++ b/packages/loading-spinner/src/LoadingSpinner/LoadingSpinner.tsx @@ -16,8 +16,7 @@ export interface LoadingSpinnerProps } /** - * {@link https://cultureamp.design/components/loading-spinner/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-loading-spinner--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const LoadingSpinner = ({ children: _children, // not used diff --git a/packages/notification/src/GlobalNotification.tsx b/packages/notification/src/GlobalNotification.tsx index 27c9fb0..2a5c941 100644 --- a/packages/notification/src/GlobalNotification.tsx +++ b/packages/notification/src/GlobalNotification.tsx @@ -11,6 +11,9 @@ export type GlobalNotificationProps = { persistent?: boolean } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const GlobalNotification = ( props: GlobalNotificationProps ): JSX.Element => diff --git a/packages/notification/src/InlineNotification.tsx b/packages/notification/src/InlineNotification.tsx index 184fa32..0371b9a 100644 --- a/packages/notification/src/InlineNotification.tsx +++ b/packages/notification/src/InlineNotification.tsx @@ -26,8 +26,7 @@ export type InlineNotificationProps = { } /** - * {@link https://cultureamp.design/components/inline-notification/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-notification-inline-notification--default-kaizen-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const InlineNotification = ({ persistent, diff --git a/packages/pagination/src/Pagination.tsx b/packages/pagination/src/Pagination.tsx index 60569c7..06e148b 100644 --- a/packages/pagination/src/Pagination.tsx +++ b/packages/pagination/src/Pagination.tsx @@ -25,8 +25,7 @@ export enum PageAction { } /** - * {@link https://cultureamp.design/components/pagination/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-pagination--default Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Pagination = ({ currentPage = 1, diff --git a/packages/progress-bar/src/ProgressBar.tsx b/packages/progress-bar/src/ProgressBar.tsx index 8309a90..64fa8d8 100644 --- a/packages/progress-bar/src/ProgressBar.tsx +++ b/packages/progress-bar/src/ProgressBar.tsx @@ -32,8 +32,7 @@ function calculatePercentage({ } /** - * {@link https://cultureamp.design/components/progress-bar/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-progress-bar--default-story Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const ProgressBar = ({ value, diff --git a/packages/responsive/src/useMediaQueries.tsx b/packages/responsive/src/useMediaQueries.tsx index 4e7bb51..d4dea30 100644 --- a/packages/responsive/src/useMediaQueries.tsx +++ b/packages/responsive/src/useMediaQueries.tsx @@ -6,7 +6,9 @@ type GenericChildrenType = { children?: ReactNode } export const subtractOnePixel = (breakpoint: string): string => `${parseInt(breakpoint, 10) - 1}px` - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const useMediaQueries = ( propQueries: Props = {} ): { diff --git a/packages/rich-text-editor/src/EditableRichTextContent/EditableRichTextContent.tsx b/packages/rich-text-editor/src/EditableRichTextContent/EditableRichTextContent.tsx index 5859d5c..63f561f 100644 --- a/packages/rich-text-editor/src/EditableRichTextContent/EditableRichTextContent.tsx +++ b/packages/rich-text-editor/src/EditableRichTextContent/EditableRichTextContent.tsx @@ -31,6 +31,9 @@ const handleEditableClick = ( return onClick(e) } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const EditableRichTextContent = ( props: EditableRichTextContentProps ): JSX.Element => { diff --git a/packages/rich-text-editor/src/RichTextContent/RichTextContent.tsx b/packages/rich-text-editor/src/RichTextContent/RichTextContent.tsx index 4e0c592..81ae84a 100644 --- a/packages/rich-text-editor/src/RichTextContent/RichTextContent.tsx +++ b/packages/rich-text-editor/src/RichTextContent/RichTextContent.tsx @@ -14,7 +14,9 @@ export interface RichTextContentProps extends OverrideClassName, "content">> { content: EditorContentArray } - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const RichTextContent = (props: RichTextContentProps): JSX.Element => { const { content, classNameOverride, ...restProps } = props const [schema] = useState(createSchemaWithAll()) diff --git a/packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx b/packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx index a13c33b..e57e824 100644 --- a/packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx +++ b/packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx @@ -58,8 +58,7 @@ interface RTEWithLabelledBy extends BaseRichTextEditorProps { export type RichTextEditorProps = RTEWithLabelText | RTEWithLabelledBy /** - * {@link https://cultureamp.design/components/rich-text-editor/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-rich-text-editor--default Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const RichTextEditor = (props: RichTextEditorProps): JSX.Element => { const { diff --git a/packages/rich-text-editor/src/RichTextEditor/components/ToggleIconButton/ToggleIconButton.tsx b/packages/rich-text-editor/src/RichTextEditor/components/ToggleIconButton/ToggleIconButton.tsx index 0462fc5..8e872a7 100644 --- a/packages/rich-text-editor/src/RichTextEditor/components/ToggleIconButton/ToggleIconButton.tsx +++ b/packages/rich-text-editor/src/RichTextEditor/components/ToggleIconButton/ToggleIconButton.tsx @@ -21,6 +21,9 @@ export interface ToggleIconButtonProps | "secondary-destructive" } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const ToggleIconButton = React.forwardRef< HTMLButtonElement, ToggleIconButtonProps diff --git a/packages/rich-text-editor/src/RichTextEditor/components/Toolbar/Toolbar.tsx b/packages/rich-text-editor/src/RichTextEditor/components/Toolbar/Toolbar.tsx index 996c3bc..9b40021 100644 --- a/packages/rich-text-editor/src/RichTextEditor/components/Toolbar/Toolbar.tsx +++ b/packages/rich-text-editor/src/RichTextEditor/components/Toolbar/Toolbar.tsx @@ -47,6 +47,9 @@ const handleKeyDown = ( toolbarButtons.current[newFocusIndex].focus() } +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const Toolbar = (props: ToolbarProps): JSX.Element => { const { children: toolbarChildren, diff --git a/packages/rich-text-editor/src/RichTextEditor/components/ToolbarSection/ToolbarSection.tsx b/packages/rich-text-editor/src/RichTextEditor/components/ToolbarSection/ToolbarSection.tsx index fd3a0ef..eefa011 100644 --- a/packages/rich-text-editor/src/RichTextEditor/components/ToolbarSection/ToolbarSection.tsx +++ b/packages/rich-text-editor/src/RichTextEditor/components/ToolbarSection/ToolbarSection.tsx @@ -5,7 +5,9 @@ export interface ToolbarSectionProps extends React.HTMLAttributes { children: React.ReactNode } - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const ToolbarSection = (props: ToolbarSectionProps): JSX.Element => (
) diff --git a/packages/select/src/Select/Select.tsx b/packages/select/src/Select/Select.tsx index 80fb383..6f90d0a 100644 --- a/packages/select/src/Select/Select.tsx +++ b/packages/select/src/Select/Select.tsx @@ -71,6 +71,9 @@ export interface SelectProps isReversed?: boolean } +/** + * @deprecated Please use the same component from `@kaizen/components/future` + */ export const Select = ({ id: propsId, label, diff --git a/packages/split-button/src/SplitButton/SplitButton.tsx b/packages/split-button/src/SplitButton/SplitButton.tsx index 041680b..b9c0b72 100644 --- a/packages/split-button/src/SplitButton/SplitButton.tsx +++ b/packages/split-button/src/SplitButton/SplitButton.tsx @@ -47,8 +47,7 @@ export interface SplitButtonProps } /** - * {@link https://cultureamp.design/components/split-button/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-split-button--default-kaizen-site-demo Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const SplitButton = ({ actionButtonProps, diff --git a/packages/split-button/src/SplitButton/components/ActionButton/ActionButton.tsx b/packages/split-button/src/SplitButton/components/ActionButton/ActionButton.tsx index 1b27853..85a540b 100644 --- a/packages/split-button/src/SplitButton/components/ActionButton/ActionButton.tsx +++ b/packages/split-button/src/SplitButton/components/ActionButton/ActionButton.tsx @@ -4,7 +4,9 @@ import { BaseButton, BaseButtonProps } from "../BaseButton" import styles from "./ActionButton.module.scss" export type ActionButtonProps = Omit - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const ActionButton = ({ classNameOverride, ...restProps diff --git a/packages/split-button/src/SplitButton/components/BaseButton/BaseButton.tsx b/packages/split-button/src/SplitButton/components/BaseButton/BaseButton.tsx index c9a80ba..51ced1d 100644 --- a/packages/split-button/src/SplitButton/components/BaseButton/BaseButton.tsx +++ b/packages/split-button/src/SplitButton/components/BaseButton/BaseButton.tsx @@ -15,7 +15,9 @@ export type BaseButtonProps = OverrideClassName & { icon?: React.SVGAttributes isReversed?: boolean } - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const BaseButton = ({ label, icon, diff --git a/packages/split-button/src/SplitButton/components/DropdownButton/DropdownButton.tsx b/packages/split-button/src/SplitButton/components/DropdownButton/DropdownButton.tsx index ad8a9f5..457525f 100644 --- a/packages/split-button/src/SplitButton/components/DropdownButton/DropdownButton.tsx +++ b/packages/split-button/src/SplitButton/components/DropdownButton/DropdownButton.tsx @@ -6,7 +6,9 @@ import { BaseButton, BaseButtonProps } from "../BaseButton" import styles from "./DropdownButton.module.scss" export type DropdownButtonProps = Omit - +/** + * @deprecated Please use the same component from `@kaizen/components` + */ export const DropdownButton = ({ classNameOverride, "aria-label": ariaLabel, diff --git a/packages/tabs/src/Tab.tsx b/packages/tabs/src/Tab.tsx index 9725cc1..b8a5987 100644 --- a/packages/tabs/src/Tab.tsx +++ b/packages/tabs/src/Tab.tsx @@ -21,7 +21,7 @@ export interface TabProps { } /** - * A tab button + * @deprecated Please use the same component from `@kaizen/components` */ export const Tab = (props: TabProps): JSX.Element => { const { isSelected, badge, disabled, children } = props diff --git a/packages/tabs/src/TabList.tsx b/packages/tabs/src/TabList.tsx index 1f0b106..07b7985 100644 --- a/packages/tabs/src/TabList.tsx +++ b/packages/tabs/src/TabList.tsx @@ -16,7 +16,7 @@ export interface TabListProps { } /** - * Wrapper for the tabs themselves + * @deprecated Please use the same component from `@kaizen/components` */ export const TabList = (props: TabListProps): JSX.Element => { const { "aria-label": ariaLabel, noPadding = false, children } = props diff --git a/packages/tabs/src/TabPanel.tsx b/packages/tabs/src/TabPanel.tsx index 241bc0c..327781c 100644 --- a/packages/tabs/src/TabPanel.tsx +++ b/packages/tabs/src/TabPanel.tsx @@ -7,7 +7,7 @@ export interface TabPanelProps { } /** - * Wrapper for the content that shows when tab is active + * @deprecated Please use the same component from `@kaizen/components` */ export const TabPanel = (props: TabPanelProps): JSX.Element => { const { children } = props diff --git a/packages/tabs/src/TabPanels.tsx b/packages/tabs/src/TabPanels.tsx index 7bcc127..d60fd61 100644 --- a/packages/tabs/src/TabPanels.tsx +++ b/packages/tabs/src/TabPanels.tsx @@ -5,7 +5,7 @@ export interface TabPanelsProps { } /** - * Wrapper for the content panels + * @deprecated Please use the same component from `@kaizen/components` */ export const TabPanels = (props: TabPanelsProps): JSX.Element => { const { children } = props diff --git a/packages/tabs/src/Tabs.tsx b/packages/tabs/src/Tabs.tsx index 2f8f98e..abab308 100644 --- a/packages/tabs/src/Tabs.tsx +++ b/packages/tabs/src/Tabs.tsx @@ -26,10 +26,7 @@ export interface TabsProps { } /** - * {@link https://cultureamp.design/components/tabs/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-tabs--controlled Storybook} - * - * Wrapper around the whole thing: holds a tab list and tab panels + * @deprecated Please use the same component from `@kaizen/components` */ export const Tabs = (props: TabsProps): JSX.Element => { const { diff --git a/packages/typography/src/Heading/Heading.tsx b/packages/typography/src/Heading/Heading.tsx index 89b803e..2d07837 100644 --- a/packages/typography/src/Heading/Heading.tsx +++ b/packages/typography/src/Heading/Heading.tsx @@ -51,8 +51,7 @@ export interface HeadingProps } /** - * {@link https://cultureamp.design/components/heading/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-typography-heading--display-0 Storybook} + * @deprecated Please use the same component from `@kaizen/components` */ export const Heading = ({ children, diff --git a/packages/typography/src/Paragraph/Paragraph.tsx b/packages/typography/src/Paragraph/Paragraph.tsx index 3229c1b..87b48a0 100644 --- a/packages/typography/src/Paragraph/Paragraph.tsx +++ b/packages/typography/src/Paragraph/Paragraph.tsx @@ -42,8 +42,7 @@ export interface ParagraphProps } /** - * {@link https://cultureamp.design/components/paragraph/ Guidance} | - * {@link https://cultureamp.design/storybook/?path=/docs/components-typography-paragraph--body Storybook} + * @deprecated Please use the `Text` component from `@kaizen/components` */ export const Paragraph = ({ children,