@kaizen/components 3.3.1 → 3.3.3
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/assets/svgs/custom-icons/user-settings.svg.cjs +80 -0
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/src/Icon/CustomIcons.cjs +8 -0
- package/dist/cjs/src/Modal/ConfirmationModal/ConfirmationModal.module.scss.cjs +25 -25
- package/dist/cjs/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.cjs +1 -1
- package/dist/esm/assets/svgs/custom-icons/user-settings.svg.mjs +58 -0
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/src/Avatar/Avatar.mjs +9 -9
- package/dist/esm/src/AvatarGroup/AvatarGroup.mjs +9 -9
- package/dist/esm/src/Badge/Badge.mjs +18 -21
- package/dist/esm/src/Brand/Brand.mjs +44 -47
- package/dist/esm/src/Brand/BrandCollectiveIntelligence/BrandCollectiveIntelligence.mjs +48 -51
- package/dist/esm/src/BrandMoment/BrandMoment.mjs +79 -82
- package/dist/esm/src/Button/Button.mjs +47 -50
- package/dist/esm/src/Button/subcomponents/ButtonContent/ButtonContent.mjs +5 -5
- package/dist/esm/src/Button/subcomponents/PendingContent/PendingContent.mjs +3 -3
- package/dist/esm/src/ButtonGroup/ButtonGroup.mjs +30 -33
- package/dist/esm/src/ButtonV1/Button/Button.mjs +8 -11
- package/dist/esm/src/ButtonV1/GenericButton/GenericButton.mjs +61 -64
- package/dist/esm/src/ButtonV1/IconButton/IconButton.mjs +9 -12
- package/dist/esm/src/Calendar/CalendarPopover/CalendarPopover.mjs +55 -58
- package/dist/esm/src/Calendar/CalendarRange/CalendarRange.mjs +58 -61
- package/dist/esm/src/Calendar/CalendarSingle/CalendarSingle.mjs +52 -55
- package/dist/esm/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs +48 -51
- package/dist/esm/src/Card/Card.mjs +22 -25
- package/dist/esm/src/Checkbox/Checkbox/Checkbox.mjs +31 -34
- package/dist/esm/src/Checkbox/CheckboxField/CheckboxField.mjs +37 -40
- package/dist/esm/src/Checkbox/CheckboxGroup/CheckboxGroup.mjs +27 -30
- package/dist/esm/src/ClearButton/ClearButton.mjs +17 -20
- package/dist/esm/src/Collapsible/Collapsible/Collapsible.mjs +83 -86
- package/dist/esm/src/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs +4 -4
- package/dist/esm/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs +24 -27
- package/dist/esm/src/Container/Container.mjs +13 -16
- package/dist/esm/src/Content/Content.mjs +13 -16
- package/dist/esm/src/DateInput/DateInput/DateInput.mjs +28 -31
- package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs +25 -28
- package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs +30 -33
- package/dist/esm/src/DatePicker/DatePicker.mjs +213 -216
- package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs +42 -45
- package/dist/esm/src/DatePicker/utils/validateDate.mjs +4 -4
- package/dist/esm/src/DateRangePicker/DateRangePicker.mjs +123 -126
- package/dist/esm/src/Divider/Divider.mjs +13 -16
- package/dist/esm/src/EmptyState/EmptyState.mjs +38 -41
- package/dist/esm/src/ErrorPage/ErrorPage.mjs +73 -76
- package/dist/esm/src/FieldGroup/FieldGroup.mjs +12 -15
- package/dist/esm/src/FieldMessage/FieldMessage.mjs +29 -32
- package/dist/esm/src/Filter/Filter/Filter.mjs +52 -55
- package/dist/esm/src/Filter/Filter/subcomponents/FilterContents/FilterContents.mjs +10 -13
- package/dist/esm/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.mjs +31 -34
- package/dist/esm/src/Filter/FilterBar/FilterBar.mjs +32 -35
- package/dist/esm/src/Filter/FilterBar/context/FilterBarContext.mjs +3 -3
- package/dist/esm/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs +45 -48
- package/dist/esm/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs +26 -29
- package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs +32 -35
- package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs +35 -38
- package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs +35 -38
- package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs +83 -86
- package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs +55 -58
- package/dist/esm/src/Filter/FilterButton/FilterButton/FilterButton.mjs +28 -31
- package/dist/esm/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs +32 -35
- package/dist/esm/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs +12 -15
- package/dist/esm/src/Filter/FilterDatePicker/FilterDatePicker.mjs +29 -32
- package/dist/esm/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs +48 -51
- package/dist/esm/src/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.mjs +4 -4
- package/dist/esm/src/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs +2 -2
- package/dist/esm/src/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs +34 -37
- package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.mjs +11 -14
- package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs +69 -72
- package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.mjs +51 -54
- package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs +202 -205
- package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs +2 -2
- package/dist/esm/src/Filter/FilterMultiSelect/FilterMultiSelect.mjs +67 -71
- package/dist/esm/src/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs +4 -4
- package/dist/esm/src/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs +8 -8
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs +61 -64
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +24 -27
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs +9 -12
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.mjs +8 -11
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs +30 -33
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs +41 -44
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/ResponsiveMenuPopup.mjs +70 -73
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs +51 -54
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.mjs +12 -15
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.mjs +40 -43
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.mjs +3 -3
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs +29 -32
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.mjs +23 -26
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.mjs +24 -27
- package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs +29 -32
- package/dist/esm/src/Filter/FilterSelect/FilterSelect.mjs +70 -73
- package/dist/esm/src/Focusable/Focusable.mjs +2 -2
- package/dist/esm/src/GuidanceBlock/GuidanceBlock.mjs +42 -45
- package/dist/esm/src/Icon/CustomIcons.mjs +6 -0
- package/dist/esm/src/Icon/Icon.mjs +6 -6
- package/dist/esm/src/IconV1/subcomponents/SVG/SVG.mjs +24 -27
- package/dist/esm/src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs +35 -38
- package/dist/esm/src/Illustration/Scene/Scene.mjs +535 -670
- package/dist/esm/src/Illustration/Spot/Spot.mjs +2 -2
- package/dist/esm/src/Illustration/subcomponents/Base/Base.mjs +22 -25
- package/dist/esm/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs +9 -9
- package/dist/esm/src/Illustration/utils/usePausePlay.mjs +2 -2
- package/dist/esm/src/Input/Input/Input.mjs +32 -35
- package/dist/esm/src/Input/InputRange/InputRange.mjs +69 -72
- package/dist/esm/src/Input/InputSearch/InputSearch.mjs +53 -56
- package/dist/esm/src/KaizenProvider/KaizenProvider.mjs +20 -23
- package/dist/esm/src/KaizenProvider/subcomponents/FontDefinitions/FontDefinitions.mjs +6 -6
- package/dist/esm/src/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs +19 -22
- package/dist/esm/src/Label/Label.mjs +23 -26
- package/dist/esm/src/LabelledMessage/LabelledMessage.mjs +13 -16
- package/dist/esm/src/LikertScale/LikertScale.mjs +10 -10
- package/dist/esm/src/Link/Link.mjs +30 -33
- package/dist/esm/src/Link/subcomponents/LinkContent.mjs +6 -6
- package/dist/esm/src/LinkButton/LinkButton.mjs +32 -35
- package/dist/esm/src/Loading/LoadingGraphic/LoadingGraphic.mjs +17 -20
- package/dist/esm/src/Loading/LoadingHeading/LoadingHeading.mjs +17 -20
- package/dist/esm/src/Loading/LoadingInput/LoadingInput.mjs +18 -21
- package/dist/esm/src/Loading/LoadingParagraph/LoadingParagraph.mjs +20 -23
- package/dist/esm/src/Loading/LoadingSpinner/LoadingSpinner.mjs +16 -19
- package/dist/esm/src/Loading/LoadingSpinner/subcomponents/SpinnerIcon.mjs +13 -13
- package/dist/esm/src/Menu/Menu.mjs +10 -13
- package/dist/esm/src/Menu/MenuHeader.mjs +7 -10
- package/dist/esm/src/Menu/MenuItem.mjs +19 -22
- package/dist/esm/src/Menu/MenuPopover.mjs +10 -13
- package/dist/esm/src/Menu/MenuSection.mjs +7 -10
- package/dist/esm/src/Menu/MenuTrigger.mjs +2 -2
- package/dist/esm/src/MenuV1/Menu.mjs +41 -44
- package/dist/esm/src/MenuV1/subcomponents/MenuDropdown/MenuDropdown.mjs +79 -82
- package/dist/esm/src/MenuV1/subcomponents/MenuItem/MenuItem.mjs +47 -50
- package/dist/esm/src/MenuV1/subcomponents/MenuList/MenuList.mjs +3 -3
- package/dist/esm/src/MenuV1/subcomponents/StatelessMenu/StatelessMenu.mjs +62 -65
- package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.mjs +79 -82
- package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.module.scss.mjs +25 -25
- package/dist/esm/src/Modal/ContextModal/ContextModal.mjs +78 -81
- package/dist/esm/src/Modal/GenericModal/GenericModal.mjs +115 -118
- package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs +12 -15
- package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs +15 -18
- package/dist/esm/src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs +10 -13
- package/dist/esm/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs +25 -28
- package/dist/esm/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs +19 -22
- package/dist/esm/src/Modal/InputEditModal/InputEditModal.mjs +60 -63
- package/dist/esm/src/MultiSelect/MultiSelect.mjs +101 -104
- package/dist/esm/src/MultiSelect/subcomponents/Checkbox/Checkbox.mjs +31 -34
- package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.mjs +22 -25
- package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs +40 -43
- package/dist/esm/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs +71 -74
- package/dist/esm/src/MultiSelect/subcomponents/Popover/Popover.mjs +39 -42
- package/dist/esm/src/Notification/GlobalNotification/GlobalNotification.mjs +11 -14
- package/dist/esm/src/Notification/InlineNotification/InlineNotification.mjs +17 -20
- package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs +27 -30
- package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs +29 -32
- package/dist/esm/src/Notification/ToastNotification/context/ToastNotificationContext.mjs +47 -50
- package/dist/esm/src/Notification/subcomponents/CancelButton/CancelButton.mjs +15 -18
- package/dist/esm/src/Notification/subcomponents/GenericNotification/GenericNotification.mjs +68 -71
- package/dist/esm/src/Notification/subcomponents/NotificationHeading/NotificationHeading.mjs +24 -27
- package/dist/esm/src/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs +28 -31
- package/dist/esm/src/Pagination/Pagination.mjs +8 -8
- package/dist/esm/src/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs +21 -24
- package/dist/esm/src/Pagination/subcomponents/PaginationLink/PaginationLink.mjs +16 -19
- package/dist/esm/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.mjs +3 -3
- package/dist/esm/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.mjs +1 -1
- package/dist/esm/src/Popover/Popover.mjs +112 -115
- package/dist/esm/src/ProgressBar/ProgressBar.mjs +41 -44
- package/dist/esm/src/ProgressBar/subcomponents/Label/Label.mjs +14 -17
- package/dist/esm/src/Radio/Radio/Radio.mjs +29 -32
- package/dist/esm/src/Radio/RadioField/RadioField.mjs +36 -39
- package/dist/esm/src/Radio/RadioGroup/RadioGroup.mjs +30 -33
- package/dist/esm/src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.mjs +29 -32
- package/dist/esm/src/RichTextEditor/RichTextContent/RichTextContent.mjs +32 -35
- package/dist/esm/src/RichTextEditor/RichTextEditor/RichTextEditor.mjs +101 -104
- package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs +32 -35
- package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.mjs +38 -41
- package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToolbarControls/ToolbarControls.mjs +4 -4
- package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.mjs +7 -10
- package/dist/esm/src/RichTextEditor/RichTextEditor/utils/controlmap.mjs +9 -9
- package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs +49 -52
- package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs +55 -58
- package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs +42 -45
- package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs +42 -45
- package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs +3 -3
- package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/validation.mjs +2 -2
- package/dist/esm/src/SearchField/SearchField.mjs +32 -35
- package/dist/esm/src/Select/Select.mjs +96 -102
- package/dist/esm/src/SingleSelect/SingleSelect.mjs +117 -120
- package/dist/esm/src/SingleSelect/context/SelectContext.mjs +3 -3
- package/dist/esm/src/SingleSelect/subcomponents/ListBox/ListBox.mjs +41 -44
- package/dist/esm/src/SingleSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +27 -30
- package/dist/esm/src/SingleSelect/subcomponents/ListItem/ListItem.mjs +12 -15
- package/dist/esm/src/SingleSelect/subcomponents/ListItems/ListItems.mjs +11 -14
- package/dist/esm/src/SingleSelect/subcomponents/Option/Option.mjs +41 -44
- package/dist/esm/src/SingleSelect/subcomponents/Overlay/Overlay.mjs +31 -34
- package/dist/esm/src/SingleSelect/subcomponents/SectionDivider/SectionDivider.mjs +8 -11
- package/dist/esm/src/SingleSelect/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs +24 -27
- package/dist/esm/src/SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs +32 -35
- package/dist/esm/src/SingleSelect/utils/transformSelectItemToCollectionElement.mjs +4 -4
- package/dist/esm/src/Slider/Slider.mjs +43 -46
- package/dist/esm/src/Table/Table.mjs +26 -26
- package/dist/esm/src/Tabs/Tabs.mjs +2 -2
- package/dist/esm/src/Tabs/subcomponents/Tab/Tab.mjs +4 -4
- package/dist/esm/src/Tabs/subcomponents/TabList/TabList.mjs +7 -7
- package/dist/esm/src/Tabs/subcomponents/TabPanel/TabPanel.mjs +2 -2
- package/dist/esm/src/Tag/Tag.mjs +83 -86
- package/dist/esm/src/Tag/subcomponents/LiveIcon/LiveIcon.mjs +42 -48
- package/dist/esm/src/TextArea/TextArea.mjs +43 -46
- package/dist/esm/src/TextAreaField/TextAreaField.mjs +65 -68
- package/dist/esm/src/TextField/TextField.mjs +65 -68
- package/dist/esm/src/Tile/InformationTile/InformationTile.mjs +5 -8
- package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs +15 -18
- package/dist/esm/src/Tile/TileGrid/TileGrid.mjs +20 -23
- package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.mjs +116 -119
- package/dist/esm/src/TimeField/TimeField.mjs +82 -88
- package/dist/esm/src/TimeField/subcomponents/TimeSegment/TimeSegment.mjs +21 -24
- package/dist/esm/src/TitleBlock/TitleBlock.mjs +152 -155
- package/dist/esm/src/TitleBlock/subcomponents/MainActions.mjs +126 -129
- package/dist/esm/src/TitleBlock/subcomponents/NavigationTabs.mjs +21 -24
- package/dist/esm/src/TitleBlock/subcomponents/SecondaryActions.mjs +94 -97
- package/dist/esm/src/TitleBlock/subcomponents/TitleBlockMenuItem.mjs +23 -26
- package/dist/esm/src/TitleBlock/subcomponents/Toolbar.mjs +21 -24
- package/dist/esm/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs +27 -30
- package/dist/esm/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs +36 -39
- package/dist/esm/src/Tooltip/OverlayArrow.mjs +4 -4
- package/dist/esm/src/Tooltip/Tooltip.mjs +34 -37
- package/dist/esm/src/Tooltip/TooltipTrigger.mjs +2 -2
- package/dist/esm/src/TooltipV1/Tooltip.mjs +85 -88
- package/dist/esm/src/TooltipV1/subcomponents/AppearanceAnim.mjs +4 -4
- package/dist/esm/src/TooltipV1/utils/isSemanticElement.mjs +2 -2
- package/dist/esm/src/VisuallyHidden/VisuallyHidden.mjs +10 -13
- package/dist/esm/src/Well/Well.mjs +21 -24
- package/dist/esm/src/Workflow/Workflow.mjs +36 -39
- package/dist/esm/src/Workflow/subcomponents/Footer/Footer.mjs +21 -24
- package/dist/esm/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs +11 -14
- package/dist/esm/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +48 -51
- package/dist/esm/src/Workflow/subcomponents/Footer/components/Root/Root.mjs +10 -13
- package/dist/esm/src/Workflow/subcomponents/Header/Header.mjs +18 -21
- package/dist/esm/src/Workflow/subcomponents/Header/components/Actions/Actions.mjs +13 -16
- package/dist/esm/src/Workflow/subcomponents/Header/components/Branding/Branding.mjs +14 -17
- package/dist/esm/src/Workflow/subcomponents/Header/components/Root/Root.mjs +10 -13
- package/dist/esm/src/Workflow/subcomponents/Header/components/Titles/Titles.mjs +26 -29
- package/dist/esm/src/Workflow/subcomponents/Main/Main.mjs +10 -13
- package/dist/esm/src/Workflow/subcomponents/Wrapper/Wrapper.mjs +10 -13
- package/dist/esm/src/__alpha__/SingleSelect/SingleSelect.mjs +21 -27
- package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ComboBox/ComboBox.mjs +10 -10
- package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ComboBoxTrigger/ComboBoxTrigger.mjs +10 -10
- package/dist/esm/src/__alpha__/SingleSelect/subcomponents/List/List.mjs +4 -4
- package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ListItem/ListItem.mjs +10 -10
- package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ListSection/ListSection.mjs +8 -8
- package/dist/esm/src/__alpha__/SingleSelect/subcomponents/Popover/Popover.mjs +6 -6
- package/dist/esm/src/__alpha__/SingleSelect/subcomponents/Select/Select.mjs +10 -10
- package/dist/esm/src/__alpha__/SingleSelect/subcomponents/SelectTrigger/SelectTrigger.mjs +6 -6
- package/dist/esm/src/__next__/Tag/RemovableTag/RemovableTag.mjs +16 -19
- package/dist/esm/src/__next__/Tag/RemovableTag/subcomponents/RemoveButton.mjs +18 -21
- package/dist/esm/src/__next__/Tag/Tag/Tag.mjs +15 -18
- package/dist/esm/src/utils/ReversedColors/ReversedColors.mjs +4 -4
- package/dist/esm/src/utils/getNodeText.mjs +2 -2
- package/dist/esm/src/utils/useExitingAnimation/useExitingAnimation.mjs +2 -2
- package/dist/esm/src/utils/useMediaQueries.mjs +12 -12
- package/dist/styles.css +17 -17
- package/dist/types/Icon/CustomIcons.d.ts +7 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +4 -2
- package/src/Icon/CustomIcons.ts +8 -0
- package/src/Icon/_docs/Icon--api-specification.mdx +20 -0
- package/src/Icon/_docs/Icon--usage-guidelines.mdx +9 -0
- package/src/Icon/_docs/IconsCustom.stories.tsx +24 -0
- package/src/Modal/ConfirmationModal/ConfirmationModal.module.scss +1 -1
- package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css +1 -1
- package/src/index.ts +1 -0
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
function _interopNamespace(e) {
|
|
5
|
+
if (e && e.__esModule) return e;
|
|
6
|
+
var n = Object.create(null);
|
|
7
|
+
if (e) {
|
|
8
|
+
Object.keys(e).forEach(function (k) {
|
|
9
|
+
if (k !== 'default') {
|
|
10
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
11
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () {
|
|
14
|
+
return e[k];
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
n.default = e;
|
|
21
|
+
return Object.freeze(n);
|
|
22
|
+
}
|
|
23
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
24
|
+
var _path, _path2;
|
|
25
|
+
var _excluded = ["size", "color"];
|
|
26
|
+
function _extends() {
|
|
27
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
28
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
29
|
+
var t = arguments[e];
|
|
30
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
31
|
+
}
|
|
32
|
+
return n;
|
|
33
|
+
}, _extends.apply(null, arguments);
|
|
34
|
+
}
|
|
35
|
+
function _objectWithoutProperties(e, t) {
|
|
36
|
+
if (null == e) return {};
|
|
37
|
+
var o,
|
|
38
|
+
r,
|
|
39
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
40
|
+
if (Object.getOwnPropertySymbols) {
|
|
41
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
42
|
+
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
43
|
+
}
|
|
44
|
+
return i;
|
|
45
|
+
}
|
|
46
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
47
|
+
if (null == r) return {};
|
|
48
|
+
var t = {};
|
|
49
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
50
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
51
|
+
t[n] = r[n];
|
|
52
|
+
}
|
|
53
|
+
return t;
|
|
54
|
+
}
|
|
55
|
+
var SvgUserSettings = function SvgUserSettings(_ref) {
|
|
56
|
+
var _ref$size = _ref.size,
|
|
57
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
58
|
+
_ref$color = _ref.color,
|
|
59
|
+
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
|
|
60
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
61
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
62
|
+
color: color,
|
|
63
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
64
|
+
width: size,
|
|
65
|
+
height: size,
|
|
66
|
+
fill: "none",
|
|
67
|
+
viewBox: "0 0 24 24"
|
|
68
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
69
|
+
fill: "currentColor",
|
|
70
|
+
d: "M10 11.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8",
|
|
71
|
+
opacity: 0.12
|
|
72
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
73
|
+
stroke: "currentColor",
|
|
74
|
+
strokeLinecap: "round",
|
|
75
|
+
strokeLinejoin: "round",
|
|
76
|
+
strokeWidth: 1.5,
|
|
77
|
+
d: "M9 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 0 0-2.667 2.667C2 18.907 2 19.604 2 21m15.524-4.024h.01M14.5 7.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0m1.69 13.186.294.657A1.11 1.11 0 0 0 17.5 22a1.12 1.12 0 0 0 1.016-.657l.294-.657a1.215 1.215 0 0 1 1.24-.712l.719.076a1.12 1.12 0 0 0 1.08-.547 1.1 1.1 0 0 0-.064-1.204l-.425-.582a1.2 1.2 0 0 1-.232-.717c0-.257.082-.507.234-.714l.425-.582a1.103 1.103 0 0 0-.394-1.637 1.1 1.1 0 0 0-.622-.114l-.718.076a1.215 1.215 0 0 1-1.24-.715l-.297-.657A1.11 1.11 0 0 0 17.5 12a1.12 1.12 0 0 0-1.016.657l-.294.657a1.215 1.215 0 0 1-1.24.715l-.721-.076a1.12 1.12 0 0 0-1.08.547 1.1 1.1 0 0 0 .064 1.204l.425.582a1.21 1.21 0 0 1 0 1.428l-.425.582a1.103 1.103 0 0 0 .395 1.637c.191.097.407.137.62.114l.72-.076a1.23 1.23 0 0 1 1.242.715m1.857-3.71c0 .263-.234.476-.523.476S17 17.239 17 16.976s.234-.476.524-.476c.289 0 .523.213.523.476"
|
|
78
|
+
})));
|
|
79
|
+
};
|
|
80
|
+
module.exports = SvgUserSettings;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -66,6 +66,7 @@ var Focusable = require('./src/Focusable/Focusable.cjs');
|
|
|
66
66
|
var GuidanceBlock = require('./src/GuidanceBlock/GuidanceBlock.cjs');
|
|
67
67
|
var Heading = require('./src/Heading/Heading.cjs');
|
|
68
68
|
var Icon = require('./src/Icon/Icon.cjs');
|
|
69
|
+
var CustomIcons = require('./src/Icon/CustomIcons.cjs');
|
|
69
70
|
var Spot = require('./src/Illustration/Spot/Spot.cjs');
|
|
70
71
|
var BrandMomentCaptureIntro = require('./src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.cjs');
|
|
71
72
|
var Scene = require('./src/Illustration/Scene/Scene.cjs');
|
|
@@ -279,6 +280,7 @@ exports.Focusable = Focusable.Focusable;
|
|
|
279
280
|
exports.GuidanceBlock = GuidanceBlock.GuidanceBlock;
|
|
280
281
|
exports.Heading = Heading.Heading;
|
|
281
282
|
exports.Icon = Icon.Icon;
|
|
283
|
+
exports.UserSettingsIcon = CustomIcons.UserSettingsIcon;
|
|
282
284
|
exports.AccountBasics = Spot.AccountBasics;
|
|
283
285
|
exports.Action = Spot.Action;
|
|
284
286
|
exports.ActionPlans = Spot.ActionPlans;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var userSettings = require('../../assets/svgs/custom-icons/user-settings.svg.cjs');
|
|
4
|
+
|
|
5
|
+
// Cast forces tsc to emit the concrete FC type in .d.ts rather than a .svg path reference,
|
|
6
|
+
// which consumers can't resolve (the declare module '*.svg' in types.d.ts is not included in the package output).
|
|
7
|
+
var UserSettingsIcon = userSettings;
|
|
8
|
+
exports.UserSettingsIcon = UserSettingsIcon;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var modules_67560e97 = {
|
|
4
|
-
"defaultModalWidth": "
|
|
5
|
-
"backdropLayer": "
|
|
6
|
-
"scrollLayer": "
|
|
7
|
-
"modalLayer": "
|
|
8
|
-
"modal": "
|
|
9
|
-
"transitionLayer": "
|
|
10
|
-
"fade-0-to-0-5": "
|
|
11
|
-
"custom-1": "
|
|
12
|
-
"animatingEnter": "
|
|
13
|
-
"custom-3": "
|
|
14
|
-
"animatingLeave": "
|
|
15
|
-
"fade-0-5-to-0": "
|
|
16
|
-
"custom-5": "
|
|
17
|
-
"unscrollable": "
|
|
18
|
-
"pseudoScrollbar": "
|
|
19
|
-
"hide": "
|
|
20
|
-
"spotIcon": "
|
|
21
|
-
"header": "
|
|
22
|
-
"padded": "
|
|
23
|
-
"iconContainer": "
|
|
24
|
-
"prominent": "
|
|
25
|
-
"success": "
|
|
26
|
-
"informative": "
|
|
27
|
-
"warning": "
|
|
28
|
-
"cautionary": "
|
|
4
|
+
"defaultModalWidth": "ConfirmationModal_module_defaultModalWidth__e2ce9ecc",
|
|
5
|
+
"backdropLayer": "ConfirmationModal_module_backdropLayer__e2ce9ecc",
|
|
6
|
+
"scrollLayer": "ConfirmationModal_module_scrollLayer__e2ce9ecc",
|
|
7
|
+
"modalLayer": "ConfirmationModal_module_modalLayer__e2ce9ecc",
|
|
8
|
+
"modal": "ConfirmationModal_module_modal__e2ce9ecc",
|
|
9
|
+
"transitionLayer": "ConfirmationModal_module_transitionLayer__e2ce9ecc",
|
|
10
|
+
"fade-0-to-0-5": "ConfirmationModal_module_fade0To05__e2ce9ecc",
|
|
11
|
+
"custom-1": "ConfirmationModal_module_custom1__e2ce9ecc",
|
|
12
|
+
"animatingEnter": "ConfirmationModal_module_animatingEnter__e2ce9ecc",
|
|
13
|
+
"custom-3": "ConfirmationModal_module_custom3__e2ce9ecc",
|
|
14
|
+
"animatingLeave": "ConfirmationModal_module_animatingLeave__e2ce9ecc",
|
|
15
|
+
"fade-0-5-to-0": "ConfirmationModal_module_fade05To0__e2ce9ecc",
|
|
16
|
+
"custom-5": "ConfirmationModal_module_custom5__e2ce9ecc",
|
|
17
|
+
"unscrollable": "ConfirmationModal_module_unscrollable__e2ce9ecc",
|
|
18
|
+
"pseudoScrollbar": "ConfirmationModal_module_pseudoScrollbar__e2ce9ecc",
|
|
19
|
+
"hide": "ConfirmationModal_module_hide__e2ce9ecc",
|
|
20
|
+
"spotIcon": "ConfirmationModal_module_spotIcon__e2ce9ecc",
|
|
21
|
+
"header": "ConfirmationModal_module_header__e2ce9ecc",
|
|
22
|
+
"padded": "ConfirmationModal_module_padded__e2ce9ecc",
|
|
23
|
+
"iconContainer": "ConfirmationModal_module_iconContainer__e2ce9ecc",
|
|
24
|
+
"prominent": "ConfirmationModal_module_prominent__e2ce9ecc",
|
|
25
|
+
"success": "ConfirmationModal_module_success__e2ce9ecc",
|
|
26
|
+
"informative": "ConfirmationModal_module_informative__e2ce9ecc",
|
|
27
|
+
"warning": "ConfirmationModal_module_warning__e2ce9ecc",
|
|
28
|
+
"cautionary": "ConfirmationModal_module_cautionary__e2ce9ecc"
|
|
29
29
|
};
|
|
30
30
|
module.exports = modules_67560e97;
|
package/dist/cjs/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var modules_002da23c = {
|
|
4
|
-
"truncateIndicatorWrapper": "
|
|
4
|
+
"truncateIndicatorWrapper": "TruncateIndicator_module_truncateIndicatorWrapper__f9c06ea9"
|
|
5
5
|
};
|
|
6
6
|
module.exports = modules_002da23c;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
var _path, _path2;
|
|
3
|
+
var _excluded = ["size", "color"];
|
|
4
|
+
function _extends() {
|
|
5
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
6
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
7
|
+
var t = arguments[e];
|
|
8
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
9
|
+
}
|
|
10
|
+
return n;
|
|
11
|
+
}, _extends.apply(null, arguments);
|
|
12
|
+
}
|
|
13
|
+
function _objectWithoutProperties(e, t) {
|
|
14
|
+
if (null == e) return {};
|
|
15
|
+
var o,
|
|
16
|
+
r,
|
|
17
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
18
|
+
if (Object.getOwnPropertySymbols) {
|
|
19
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
20
|
+
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
21
|
+
}
|
|
22
|
+
return i;
|
|
23
|
+
}
|
|
24
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
25
|
+
if (null == r) return {};
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
28
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
29
|
+
t[n] = r[n];
|
|
30
|
+
}
|
|
31
|
+
return t;
|
|
32
|
+
}
|
|
33
|
+
var SvgUserSettings = function SvgUserSettings(_ref) {
|
|
34
|
+
var _ref$size = _ref.size,
|
|
35
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
36
|
+
_ref$color = _ref.color,
|
|
37
|
+
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
|
|
38
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
39
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
40
|
+
color: color,
|
|
41
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
44
|
+
fill: "none",
|
|
45
|
+
viewBox: "0 0 24 24"
|
|
46
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
47
|
+
fill: "currentColor",
|
|
48
|
+
d: "M10 11.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8",
|
|
49
|
+
opacity: 0.12
|
|
50
|
+
})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
|
51
|
+
stroke: "currentColor",
|
|
52
|
+
strokeLinecap: "round",
|
|
53
|
+
strokeLinejoin: "round",
|
|
54
|
+
strokeWidth: 1.5,
|
|
55
|
+
d: "M9 15.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 0 0-2.667 2.667C2 18.907 2 19.604 2 21m15.524-4.024h.01M14.5 7.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0m1.69 13.186.294.657A1.11 1.11 0 0 0 17.5 22a1.12 1.12 0 0 0 1.016-.657l.294-.657a1.215 1.215 0 0 1 1.24-.712l.719.076a1.12 1.12 0 0 0 1.08-.547 1.1 1.1 0 0 0-.064-1.204l-.425-.582a1.2 1.2 0 0 1-.232-.717c0-.257.082-.507.234-.714l.425-.582a1.103 1.103 0 0 0-.394-1.637 1.1 1.1 0 0 0-.622-.114l-.718.076a1.215 1.215 0 0 1-1.24-.715l-.297-.657A1.11 1.11 0 0 0 17.5 12a1.12 1.12 0 0 0-1.016.657l-.294.657a1.215 1.215 0 0 1-1.24.715l-.721-.076a1.12 1.12 0 0 0-1.08.547 1.1 1.1 0 0 0 .064 1.204l.425.582a1.21 1.21 0 0 1 0 1.428l-.425.582a1.103 1.103 0 0 0 .395 1.637c.191.097.407.137.62.114l.72-.076a1.23 1.23 0 0 1 1.242.715m1.857-3.71c0 .263-.234.476-.523.476S17 17.239 17 16.976s.234-.476.524-.476c.289 0 .523.213.523.476"
|
|
56
|
+
})));
|
|
57
|
+
};
|
|
58
|
+
export { SvgUserSettings as default };
|
package/dist/esm/index.mjs
CHANGED
|
@@ -64,6 +64,7 @@ export { Focusable } from './src/Focusable/Focusable.mjs';
|
|
|
64
64
|
export { GuidanceBlock } from './src/GuidanceBlock/GuidanceBlock.mjs';
|
|
65
65
|
export { Heading } from './src/Heading/Heading.mjs';
|
|
66
66
|
export { Icon } from './src/Icon/Icon.mjs';
|
|
67
|
+
export { UserSettingsIcon } from './src/Icon/CustomIcons.mjs';
|
|
67
68
|
export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, Individual360Pulse, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, Manager360Pulse, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PCDPulseSurvey, PCDSurvey, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TeamEffectiveness3, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop } from './src/Illustration/Spot/Spot.mjs';
|
|
68
69
|
export { BrandMomentCaptureIntro } from './src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
|
|
69
70
|
export { BrandMomentError, BrandMomentLogin, BrandMomentNewAccountOnboarding, BrandMomentPositiveOutro, BrandMomentStarterKit, BrandMomentUploadEmployeeData, Collaboration, Communication, CompanyValues, ConnectTheDots, CultureLab, EmptyStatesAction, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EngagementSurveySummaryFemale, EngagementSurveySummaryMale, Information360Upgrade, InformationDemographicFocus, InformationEmergingTrends, InformationEmployeeLifecycle, InformationReportOwner, InformationReportOwnerByRule, InformationTurnoverCalculator, InformationTurnoverForecast, PerformanceCompanySettings, Programs, SkillsCoach1On1Meetings, SkillsCoachCoaching, SkillsCoachEmployeeDevelopment, SkillsCoachEssentialFeedback, SkillsCoachEssentialProductivity, SkillsCoachEssentialResilience, SkillsCoachFeedback, SkillsCoachInfluentialCommunication, SkillsCoachLeadingChange, SkillsCoachManagerHub, SkillsCoachProductivity, SkillsCoachRemoteManager, SkillsCoachResilience, SkillsCoachStrategy, SurveyGetStarted, SurveyOverviewClosed, TermsAgreement } from './src/Illustration/Scene/Scene.mjs';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { useState, useRef, useEffect } from 'react';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { Textfit } from 'react-textfit';
|
|
5
5
|
import { Icon } from '../Icon/Icon.mjs';
|
|
@@ -21,14 +21,14 @@ var getMaxFontSizePixels = function (size) {
|
|
|
21
21
|
var FallbackIcon = function (_a) {
|
|
22
22
|
var alt = _a.alt;
|
|
23
23
|
if (alt) {
|
|
24
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/React__default.createElement(Icon, {
|
|
25
25
|
name: "person",
|
|
26
26
|
alt: alt,
|
|
27
27
|
isFilled: true,
|
|
28
28
|
className: modules_f30548d5.fallbackIcon
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
|
-
return /*#__PURE__*/
|
|
31
|
+
return /*#__PURE__*/React__default.createElement(Icon, {
|
|
32
32
|
name: "person",
|
|
33
33
|
isPresentational: true,
|
|
34
34
|
isFilled: true,
|
|
@@ -46,21 +46,21 @@ var renderInitials = function (fullName, alt, size, disableInitials) {
|
|
|
46
46
|
var isLongName = initials.length > 2 && size !== 'small';
|
|
47
47
|
var renderFallback = disableInitials || initials === '';
|
|
48
48
|
if (renderFallback) {
|
|
49
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/React__default.createElement(FallbackIcon, {
|
|
50
50
|
alt: alt
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
if (isLongName) {
|
|
54
|
-
return /*#__PURE__*/
|
|
54
|
+
return /*#__PURE__*/React__default.createElement("abbr", {
|
|
55
55
|
className: classnames(modules_f30548d5.initials, modules_f30548d5.longName),
|
|
56
56
|
title: alt,
|
|
57
57
|
"data-chromatic": "ignore"
|
|
58
|
-
}, /*#__PURE__*/
|
|
58
|
+
}, /*#__PURE__*/React__default.createElement(Textfit, {
|
|
59
59
|
mode: "single",
|
|
60
60
|
max: getMaxFontSizePixels(size)
|
|
61
61
|
}, initials));
|
|
62
62
|
}
|
|
63
|
-
return /*#__PURE__*/
|
|
63
|
+
return /*#__PURE__*/React__default.createElement("abbr", {
|
|
64
64
|
className: modules_f30548d5.initials,
|
|
65
65
|
title: alt
|
|
66
66
|
}, getInitials(fullName, size === 'small'));
|
|
@@ -106,9 +106,9 @@ var Avatar = function (_a) {
|
|
|
106
106
|
var isNoneOrError = avatarState === 'none' || avatarState === 'error';
|
|
107
107
|
var isPersonal = isNoneOrError && isCurrentUser;
|
|
108
108
|
var isOtherUser = isNoneOrError && !isCurrentUser;
|
|
109
|
-
return /*#__PURE__*/
|
|
109
|
+
return /*#__PURE__*/React__default.createElement("span", __assign({
|
|
110
110
|
className: classnames(modules_f30548d5.wrapper, modules_f30548d5[size], classNameOverride, isCompany && modules_f30548d5.company, isPersonal && modules_f30548d5.personal, isOtherUser && modules_f30548d5.otherUser)
|
|
111
|
-
}, restProps), avatarState !== 'none' && avatarState !== 'error' && (/*#__PURE__*/
|
|
111
|
+
}, restProps), avatarState !== 'none' && avatarState !== 'error' && (/*#__PURE__*/React__default.createElement("img", {
|
|
112
112
|
ref: image,
|
|
113
113
|
className: classnames(modules_f30548d5.avatarImage, isCompany && modules_f30548d5.companyAvatarImage, avatarState === 'loading' && modules_f30548d5.loading),
|
|
114
114
|
src: avatarSrc,
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { Avatar } from '../Avatar/Avatar.mjs';
|
|
5
5
|
import modules_ddeedbce from './AvatarGroup.module.css.mjs';
|
|
6
6
|
var Counter = function (_a) {
|
|
7
7
|
var remainingAvatars = _a.remainingAvatars;
|
|
8
8
|
if (remainingAvatars <= 0) return null;
|
|
9
|
-
return /*#__PURE__*/
|
|
9
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
10
10
|
"aria-label": "There ".concat(remainingAvatars > 1 ? "are ".concat(remainingAvatars, " other members") : "is ".concat(remainingAvatars, " other member"), " of this group"),
|
|
11
11
|
className: modules_ddeedbce.AvatarGroupItem
|
|
12
|
-
}, /*#__PURE__*/
|
|
12
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
13
13
|
className: modules_ddeedbce.AvatarCounter,
|
|
14
14
|
"aria-hidden": true
|
|
15
15
|
}, "+".concat(remainingAvatars)));
|
|
@@ -18,14 +18,14 @@ var AllAvatars = function (_a) {
|
|
|
18
18
|
var avatars = _a.avatars,
|
|
19
19
|
maxVisible = _a.maxVisible,
|
|
20
20
|
size = _a.size;
|
|
21
|
-
return /*#__PURE__*/
|
|
22
|
-
return index < maxVisible && (/*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
|
|
22
|
+
return index < maxVisible && (/*#__PURE__*/React__default.createElement("li", {
|
|
23
23
|
key: "avatar-".concat(index),
|
|
24
24
|
className: modules_ddeedbce.AvatarGroupItem
|
|
25
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React__default.createElement(Avatar, __assign({}, avatarProps, {
|
|
26
26
|
size: size
|
|
27
27
|
}))));
|
|
28
|
-
}), /*#__PURE__*/
|
|
28
|
+
}), /*#__PURE__*/React__default.createElement(Counter, {
|
|
29
29
|
remainingAvatars: (avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible
|
|
30
30
|
}));
|
|
31
31
|
};
|
|
@@ -41,10 +41,10 @@ var AvatarGroup = function (_a) {
|
|
|
41
41
|
avatars = _a.avatars,
|
|
42
42
|
classNameOverride = _a.classNameOverride,
|
|
43
43
|
restProps = __rest(_a, ["size", "maxVisible", "avatars", "classNameOverride"]);
|
|
44
|
-
return /*#__PURE__*/
|
|
44
|
+
return /*#__PURE__*/React__default.createElement("ul", __assign({
|
|
45
45
|
className: classnames(modules_ddeedbce.AvatarGroup, modules_ddeedbce[size], classNameOverride),
|
|
46
46
|
"aria-label": "Avatar Group"
|
|
47
|
-
}, restProps), /*#__PURE__*/
|
|
47
|
+
}, restProps), /*#__PURE__*/React__default.createElement(AllAvatars, {
|
|
48
48
|
avatars: avatars,
|
|
49
49
|
maxVisible: maxVisible,
|
|
50
50
|
size: size
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __assign, __rest } from 'tslib';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { useState, useLayoutEffect } from 'react';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import modules_35eb8564 from './Badge.module.css.mjs';
|
|
5
5
|
|
|
@@ -7,24 +7,20 @@ import modules_35eb8564 from './Badge.module.css.mjs';
|
|
|
7
7
|
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |
|
|
8
8
|
* {@link https://cultureamp.design/?path=/docs/components-badge--docs Storybook}
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
25
|
-
Badge.displayName = 'Badge';
|
|
26
|
-
return Badge;
|
|
27
|
-
}();
|
|
10
|
+
var Badge = function (_a) {
|
|
11
|
+
var children = _a.children,
|
|
12
|
+
_b = _a.variant,
|
|
13
|
+
variant = _b === void 0 ? 'default' : _b,
|
|
14
|
+
_c = _a.reversed,
|
|
15
|
+
reversed = _c === void 0 ? false : _c,
|
|
16
|
+
_d = _a.size,
|
|
17
|
+
size = _d === void 0 ? 'small' : _d,
|
|
18
|
+
classNameOverride = _a.classNameOverride,
|
|
19
|
+
restProps = __rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
|
|
20
|
+
return /*#__PURE__*/React__default.createElement("span", __assign({
|
|
21
|
+
className: classnames(modules_35eb8564.badge, modules_35eb8564[variant], classNameOverride, reversed && modules_35eb8564.reversed, size === 'large' && modules_35eb8564.large)
|
|
22
|
+
}, restProps), variant !== 'dot' && children);
|
|
23
|
+
};
|
|
28
24
|
var BadgeAnimated = function (props) {
|
|
29
25
|
var _a = useState(false),
|
|
30
26
|
isFocused = _a[0],
|
|
@@ -35,8 +31,9 @@ var BadgeAnimated = function (props) {
|
|
|
35
31
|
setIsFocused(false);
|
|
36
32
|
}, 150);
|
|
37
33
|
}, [props.children]);
|
|
38
|
-
return /*#__PURE__*/
|
|
34
|
+
return /*#__PURE__*/React__default.createElement("span", {
|
|
39
35
|
className: classnames(modules_35eb8564.animation, isFocused && modules_35eb8564.animationOn)
|
|
40
|
-
}, /*#__PURE__*/
|
|
36
|
+
}, /*#__PURE__*/React__default.createElement(Badge, __assign({}, props)));
|
|
41
37
|
};
|
|
38
|
+
Badge.displayName = 'Badge';
|
|
42
39
|
export { Badge, BadgeAnimated };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { assetUrl } from '../utils/hostedAssets.mjs';
|
|
5
5
|
import { BrandCollectiveIntelligence } from './BrandCollectiveIntelligence/BrandCollectiveIntelligence.mjs';
|
|
@@ -7,52 +7,49 @@ import modules_8097d8f5 from './Brand.module.css.mjs';
|
|
|
7
7
|
var isSVG = function (variant, _restProps) {
|
|
8
8
|
return variant === 'collective-intelligence';
|
|
9
9
|
};
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
role: role
|
|
24
|
-
}, props));
|
|
25
|
-
}
|
|
26
|
-
if (role === 'img') {
|
|
27
|
-
return /*#__PURE__*/React.createElement(BrandCollectiveIntelligence, __assign({
|
|
28
|
-
role: role,
|
|
29
|
-
"aria-label": ariaLabel
|
|
30
|
-
}, props));
|
|
31
|
-
}
|
|
32
|
-
return /*#__PURE__*/React.createElement(BrandCollectiveIntelligence, __assign({
|
|
33
|
-
role: "img",
|
|
34
|
-
"aria-label": alt_1
|
|
10
|
+
var Brand = function (_a) {
|
|
11
|
+
var _b = _a.reversed,
|
|
12
|
+
reversed = _b === void 0 ? false : _b,
|
|
13
|
+
variant = _a.variant,
|
|
14
|
+
restProps = __rest(_a, ["reversed", "variant"]);
|
|
15
|
+
if (isSVG(variant)) {
|
|
16
|
+
var role = restProps.role,
|
|
17
|
+
alt_1 = restProps.alt,
|
|
18
|
+
ariaLabel = restProps["aria-label"],
|
|
19
|
+
props = __rest(restProps, ["role", "alt", 'aria-label']);
|
|
20
|
+
if (role === 'presentation') {
|
|
21
|
+
return /*#__PURE__*/React__default.createElement(BrandCollectiveIntelligence, __assign({
|
|
22
|
+
role: role
|
|
35
23
|
}, props));
|
|
36
24
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
25
|
+
if (role === 'img') {
|
|
26
|
+
return /*#__PURE__*/React__default.createElement(BrandCollectiveIntelligence, __assign({
|
|
27
|
+
role: role,
|
|
28
|
+
"aria-label": ariaLabel
|
|
29
|
+
}, props));
|
|
30
|
+
}
|
|
31
|
+
return /*#__PURE__*/React__default.createElement(BrandCollectiveIntelligence, __assign({
|
|
32
|
+
role: "img",
|
|
33
|
+
"aria-label": alt_1
|
|
34
|
+
}, props));
|
|
35
|
+
}
|
|
36
|
+
var alt = restProps.alt,
|
|
37
|
+
classNameOverride = restProps.classNameOverride,
|
|
38
|
+
style = restProps.style,
|
|
39
|
+
otherProps = __rest(restProps, ["alt", "classNameOverride", "style"]);
|
|
40
|
+
var brandTheme = reversed ? '-reversed' : '-default';
|
|
41
|
+
return /*#__PURE__*/React__default.createElement("picture", __assign({}, otherProps), /*#__PURE__*/React__default.createElement("source", {
|
|
42
|
+
srcSet: assetUrl("brand/".concat(variant, "-reversed.svg")),
|
|
43
|
+
media: "(forced-colors: active) and (prefers-color-scheme: dark)"
|
|
44
|
+
}), /*#__PURE__*/React__default.createElement("source", {
|
|
45
|
+
srcSet: assetUrl("brand/".concat(variant, "-default.svg")),
|
|
46
|
+
media: "(forced-colors: active) and (prefers-color-scheme: light)"
|
|
47
|
+
}), /*#__PURE__*/React__default.createElement("img", {
|
|
48
|
+
src: assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")),
|
|
49
|
+
alt: alt,
|
|
50
|
+
className: classnames(modules_8097d8f5.img, classNameOverride),
|
|
51
|
+
style: style
|
|
52
|
+
}));
|
|
53
|
+
};
|
|
54
|
+
Brand.displayName = 'Brand';
|
|
58
55
|
export { Brand };
|