@kaizen/components 1.26.0 → 1.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.cjs +2 -2
- package/dist/cjs/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.cjs.map +1 -1
- package/dist/cjs/FilterMultiSelect/context/SelectionProvider/SelectionProvider.cjs +2 -2
- package/dist/cjs/FilterMultiSelect/context/SelectionProvider/SelectionProvider.cjs.map +1 -1
- package/dist/cjs/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.cjs +2 -2
- package/dist/cjs/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.cjs.map +1 -1
- package/dist/cjs/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.cjs +2 -2
- package/dist/cjs/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.cjs.map +1 -1
- package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.cjs +2 -2
- package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.cjs.map +1 -1
- package/dist/cjs/Input/InputRange/InputRange.cjs +2 -2
- package/dist/cjs/Input/InputRange/InputRange.cjs.map +1 -1
- package/dist/cjs/TextArea/TextArea.cjs +85 -0
- package/dist/cjs/TextArea/TextArea.cjs.map +1 -0
- package/dist/cjs/TextArea/TextArea.module.scss.cjs +14 -0
- package/dist/cjs/TextArea/TextArea.module.scss.cjs.map +1 -0
- package/dist/cjs/TextAreaField/TextAreaField.cjs +85 -0
- package/dist/cjs/TextAreaField/TextAreaField.cjs.map +1 -0
- package/dist/cjs/TextAreaField/TextAreaField.module.scss.cjs +10 -0
- package/dist/cjs/TextAreaField/TextAreaField.module.scss.cjs.map +1 -0
- package/dist/cjs/TextField/TextField.cjs +84 -0
- package/dist/cjs/TextField/TextField.cjs.map +1 -0
- package/dist/cjs/TextField/TextField.module.scss.cjs +14 -0
- package/dist/cjs/TextField/TextField.module.scss.cjs.map +1 -0
- package/dist/cjs/VisuallyHidden/VisuallyHidden.cjs +20 -0
- package/dist/cjs/VisuallyHidden/VisuallyHidden.cjs.map +1 -0
- package/dist/cjs/VisuallyHidden/VisuallyHidden.module.scss.cjs +7 -0
- package/dist/cjs/VisuallyHidden/VisuallyHidden.module.scss.cjs.map +1 -0
- package/dist/cjs/dts/TextArea/TextArea.d.ts +12 -0
- package/dist/cjs/dts/TextArea/index.d.ts +1 -0
- package/dist/cjs/dts/TextAreaField/TextAreaField.d.ts +17 -0
- package/dist/cjs/dts/TextAreaField/index.d.ts +1 -0
- package/dist/cjs/dts/TextField/TextField.d.ts +28 -0
- package/dist/cjs/dts/TextField/index.d.ts +1 -0
- package/dist/cjs/dts/VisuallyHidden/VisuallyHidden.d.ts +9 -0
- package/dist/cjs/dts/VisuallyHidden/index.d.ts +1 -0
- package/dist/cjs/dts/index.d.ts +3 -0
- package/dist/cjs/index.cjs +6 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.css +6 -2
- package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs +1 -1
- package/dist/esm/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs.map +1 -1
- package/dist/esm/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs +1 -1
- package/dist/esm/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs.map +1 -1
- package/dist/esm/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +1 -1
- package/dist/esm/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs.map +1 -1
- package/dist/esm/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs +1 -1
- package/dist/esm/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs.map +1 -1
- package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs +1 -1
- package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs.map +1 -1
- package/dist/esm/Input/InputRange/InputRange.mjs +1 -1
- package/dist/esm/Input/InputRange/InputRange.mjs.map +1 -1
- package/dist/esm/TextArea/TextArea.mjs +83 -0
- package/dist/esm/TextArea/TextArea.mjs.map +1 -0
- package/dist/esm/TextArea/TextArea.module.scss.mjs +12 -0
- package/dist/esm/TextArea/TextArea.module.scss.mjs.map +1 -0
- package/dist/esm/TextAreaField/TextAreaField.mjs +83 -0
- package/dist/esm/TextAreaField/TextAreaField.mjs.map +1 -0
- package/dist/esm/TextAreaField/TextAreaField.module.scss.mjs +8 -0
- package/dist/esm/TextAreaField/TextAreaField.module.scss.mjs.map +1 -0
- package/dist/esm/TextField/TextField.mjs +82 -0
- package/dist/esm/TextField/TextField.mjs.map +1 -0
- package/dist/esm/TextField/TextField.module.scss.mjs +12 -0
- package/dist/esm/TextField/TextField.module.scss.mjs.map +1 -0
- package/dist/esm/VisuallyHidden/VisuallyHidden.mjs +18 -0
- package/dist/esm/VisuallyHidden/VisuallyHidden.mjs.map +1 -0
- package/dist/esm/VisuallyHidden/VisuallyHidden.module.scss.mjs +5 -0
- package/dist/esm/VisuallyHidden/VisuallyHidden.module.scss.mjs.map +1 -0
- package/dist/esm/dts/TextArea/TextArea.d.ts +12 -0
- package/dist/esm/dts/TextArea/index.d.ts +1 -0
- package/dist/esm/dts/TextAreaField/TextAreaField.d.ts +17 -0
- package/dist/esm/dts/TextAreaField/index.d.ts +1 -0
- package/dist/esm/dts/TextField/TextField.d.ts +28 -0
- package/dist/esm/dts/TextField/index.d.ts +1 -0
- package/dist/esm/dts/VisuallyHidden/VisuallyHidden.d.ts +9 -0
- package/dist/esm/dts/VisuallyHidden/index.d.ts +1 -0
- package/dist/esm/dts/index.d.ts +3 -0
- package/dist/esm/index.css +7 -3
- package/dist/esm/index.mjs +3 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/index.d.ts +55 -2
- package/dist/styles.css +1 -1
- package/package.json +5 -4
package/dist/esm/index.mjs
CHANGED
|
@@ -295,5 +295,8 @@ export { SearchField } from './SearchField/SearchField.mjs';
|
|
|
295
295
|
export { Slider } from './Slider/Slider.mjs';
|
|
296
296
|
export { Text } from './Text/Text.mjs';
|
|
297
297
|
export { Workflow } from './Workflow/Workflow.mjs';
|
|
298
|
+
export { TextField } from './TextField/TextField.mjs';
|
|
299
|
+
export { TextArea } from './TextArea/TextArea.mjs';
|
|
300
|
+
export { TextAreaField } from './TextAreaField/TextAreaField.mjs';
|
|
298
301
|
export { heartTheme } from './KaizenProvider/ThemeProvider/themes/heart.mjs';
|
|
299
302
|
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import React$1, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SVGAttributes, CSSProperties, LabelHTMLAttributes } from 'react';
|
|
2
|
+
import React$1, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SVGAttributes, CSSProperties, LabelHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
3
3
|
import { SceneProps, AnimatedSceneProps } from '@kaizen/draft-illustration';
|
|
4
4
|
import { TooltipProps } from '@kaizen/draft-tooltip';
|
|
5
5
|
import { HeadingProps as HeadingProps$1 } from '@kaizen/typography';
|
|
@@ -2217,4 +2217,57 @@ declare const Workflow: {
|
|
|
2217
2217
|
};
|
|
2218
2218
|
};
|
|
2219
2219
|
|
|
2220
|
-
|
|
2220
|
+
type OmittedInputProps = "startIconAdornment" | "endIconAdornment" | "ariaDescribedBy" | "ariaLabel";
|
|
2221
|
+
interface TextFieldProps extends Omit<InputProps, OmittedInputProps> {
|
|
2222
|
+
/**
|
|
2223
|
+
* A short example of input text. For context or additional information use the `description` prop
|
|
2224
|
+
*/
|
|
2225
|
+
labelText: React$1.ReactNode;
|
|
2226
|
+
inline?: boolean;
|
|
2227
|
+
icon?: JSX.Element;
|
|
2228
|
+
/**
|
|
2229
|
+
* A descriptive message for `error` or `caution` states
|
|
2230
|
+
*/
|
|
2231
|
+
validationMessage?: string | React$1.ReactNode;
|
|
2232
|
+
/**
|
|
2233
|
+
* A description that provides context for the text field
|
|
2234
|
+
*/
|
|
2235
|
+
description?: string | React$1.ReactNode;
|
|
2236
|
+
}
|
|
2237
|
+
/**
|
|
2238
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
|
|
2239
|
+
* {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}
|
|
2240
|
+
*/
|
|
2241
|
+
declare const TextField: {
|
|
2242
|
+
({ id: propsId, labelText, inline, icon, validationMessage, description, status, reversed, disabled, ...restProps }: TextFieldProps): JSX.Element;
|
|
2243
|
+
displayName: string;
|
|
2244
|
+
};
|
|
2245
|
+
|
|
2246
|
+
type TextAreaProps = {
|
|
2247
|
+
textAreaRef?: React$1.RefObject<HTMLTextAreaElement>;
|
|
2248
|
+
status?: "default" | "error" | "caution";
|
|
2249
|
+
autogrow?: boolean;
|
|
2250
|
+
reversed?: boolean;
|
|
2251
|
+
} & OverrideClassName<TextareaHTMLAttributes<HTMLTextAreaElement>>;
|
|
2252
|
+
declare const TextArea: {
|
|
2253
|
+
({ textAreaRef: propsTextAreaRef, status, autogrow, reversed, rows, defaultValue, value, disabled, onChange: propsOnChange, ...restProps }: TextAreaProps): JSX.Element;
|
|
2254
|
+
displayName: string;
|
|
2255
|
+
};
|
|
2256
|
+
|
|
2257
|
+
type TextAreaFieldProps = {
|
|
2258
|
+
labelText: string | React$1.ReactNode;
|
|
2259
|
+
inline?: boolean;
|
|
2260
|
+
validationMessage?: string | React$1.ReactNode;
|
|
2261
|
+
description?: string | React$1.ReactNode;
|
|
2262
|
+
variant?: "default" | "prominent";
|
|
2263
|
+
} & TextAreaProps;
|
|
2264
|
+
/**
|
|
2265
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
|
|
2266
|
+
* {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}
|
|
2267
|
+
*/
|
|
2268
|
+
declare const TextAreaField: {
|
|
2269
|
+
({ labelText, inline, validationMessage, description, variant, id: propsId, reversed, status, disabled, ...restProps }: TextAreaFieldProps): JSX.Element;
|
|
2270
|
+
displayName: string;
|
|
2271
|
+
};
|
|
2272
|
+
|
|
2273
|
+
export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, type ActiveFiltersArray, AddIcon, AddLinkIcon, AddWhiteIcon, AiIcon, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, Badge, BadgeAnimated, type BadgeProps, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CSSVariableTheme, CaMonogramIcon, CameraIcon, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, type CompanyAvatarProps, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, type CustomButtonProps, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DecreaseIndentIcon, type DeepMapObjectLeafs, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, type FilterDateSupportedLocales, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, type GenericAvatarProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, GridViewIcon, GuidanceIcon, HamburgerIcon, Heading, type HeadingProps, type HeadingVariants, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InlineNotification, type InlineNotificationProps, Input, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, InsightsIcon, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LockIcon, LockWhiteIcon, LogOutIcon, type MappedFilters, MaximizeIcon, MeatballsIcon, type MenuFooterProps, type MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, MinimizeIcon, MinusIcon, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, type PaginationLinkProps, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, RedoIcon, RefreshIcon, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextField, type TextFieldProps, type TextProps, type TextVariants, type Theme, ThemeContext, type ThemeKey, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, type TypographyFont, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValueType, VisibleIcon, Workflow, type WorkflowProps, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
|