@hazelcast/ui 4.0.1-canary.9 → 4.0.2
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/README.md +27 -175
- package/lib/components/Alert.js +3 -4
- package/lib/components/Alert.js.map +1 -1
- package/lib/components/Alert.module.css +111 -0
- package/lib/components/AppHeader/AppHeader.js +1 -1
- package/lib/components/AppHeader/AppHeader.js.map +1 -1
- package/lib/components/AppHeader/AppHeader.module.css +27 -0
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js +1 -1
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -1
- package/lib/components/AppHeader/AppHeaderLogo/{AppHeaderLogo.module.scss → AppHeaderLogo.module.css} +1 -4
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +1 -1
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -1
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.css +18 -0
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js +1 -1
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -1
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.css +11 -0
- package/lib/components/AppHeader/SelectCluster/SelectCluster.js +1 -1
- package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -1
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.css +75 -0
- package/lib/components/AppSidebar/AppSidebar.js +1 -1
- package/lib/components/AppSidebar/AppSidebar.js.map +1 -1
- package/lib/components/AppSidebar/{AppSidebar.module.scss → AppSidebar.module.css} +12 -18
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +1 -1
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/{AppSidebarFavoriteButton.module.scss → AppSidebarFavoriteButton.module.css} +3 -5
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +1 -1
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.css +11 -0
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +1 -1
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarItem/{AppSidebarItem.module.scss → AppSidebarItem.module.css} +18 -20
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +1 -1
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/{AppSidebarMenuItemCounter.module.scss → AppSidebarMenuItemCounter.module.css} +5 -8
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.css +53 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -1
- package/lib/components/AutocompleteField.js +1 -1
- package/lib/components/AutocompleteField.js.map +1 -1
- package/lib/components/Badge.js +1 -1
- package/lib/components/Badge.js.map +1 -1
- package/lib/components/{Badge.module.scss → Badge.module.css} +7 -5
- package/lib/components/Button.d.ts +0 -2
- package/lib/components/Button.js +3 -7
- package/lib/components/Button.js.map +1 -1
- package/lib/components/Calendar/Calendar.d.ts +0 -2
- package/lib/components/Calendar/Calendar.js +3 -3
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/Calendar.module.css +321 -0
- package/lib/components/Calendar/CalendarRange.js +5 -5
- package/lib/components/Calendar/CalendarRange.js.map +1 -1
- package/lib/components/Calendar/CalendarRange.module.css +19 -0
- package/lib/components/Calendar/components/CalendarHeader.js +4 -4
- package/lib/components/Calendar/components/CalendarHeader.js.map +1 -1
- package/lib/components/Calendar/components/CalendarInput.d.ts +0 -2
- package/lib/components/Calendar/components/CalendarInput.js +1 -1
- package/lib/components/Calendar/components/CalendarInput.js.map +1 -1
- package/lib/components/Calendar/components/CalendarTime.js +2 -2
- package/lib/components/Calendar/components/CalendarTime.js.map +1 -1
- package/lib/components/Calendar/components/{CalendarTime.module.scss → CalendarTime.module.css} +16 -21
- package/lib/components/Card.js +1 -1
- package/lib/components/Card.js.map +1 -1
- package/lib/components/Card.module.css +97 -0
- package/lib/components/Carousel.js +3 -3
- package/lib/components/Carousel.js.map +1 -1
- package/lib/components/Carousel.module.css +53 -0
- package/lib/components/CenteredLoader.js +1 -1
- package/lib/components/CenteredLoader.js.map +1 -1
- package/lib/components/{CenteredLoader.module.scss → CenteredLoader.module.css} +1 -3
- package/lib/components/CircularProgressBar.js +1 -1
- package/lib/components/CircularProgressBar.js.map +1 -1
- package/lib/components/{CircularProgressBar.module.scss → CircularProgressBar.module.css} +8 -8
- package/lib/components/ContextMenu.js +1 -1
- package/lib/components/ContextMenu.js.map +1 -1
- package/lib/components/ContextMenu.module.css +34 -0
- package/lib/components/Dialog.js +1 -1
- package/lib/components/Dialog.js.map +1 -1
- package/lib/components/{Dialog.module.scss → Dialog.module.css} +11 -13
- package/lib/components/EmptyState.js +1 -1
- package/lib/components/EmptyState.js.map +1 -1
- package/lib/components/EmptyState.module.css +96 -0
- package/lib/components/Error.js +1 -1
- package/lib/components/Error.js.map +1 -1
- package/lib/components/Error.module.css +13 -0
- package/lib/components/FieldHeader.d.ts +0 -2
- package/lib/components/FieldHeader.js +3 -3
- package/lib/components/FieldHeader.js.map +1 -1
- package/lib/components/FieldHeader.module.css +22 -0
- package/lib/components/Help.js +3 -3
- package/lib/components/Help.js.map +1 -1
- package/lib/components/Help.module.css +7 -0
- package/lib/components/Icon.js +3 -3
- package/lib/components/Icon.js.map +1 -1
- package/lib/components/Icon.module.css +31 -0
- package/lib/components/IconButton.d.ts +1 -2
- package/lib/components/IconButton.js +3 -7
- package/lib/components/IconButton.js.map +1 -1
- package/lib/components/InteractiveList.js +2 -2
- package/lib/components/InteractiveList.js.map +1 -1
- package/lib/components/InteractiveList.module.css +3 -3
- package/lib/components/InteractiveListFormik.js +1 -2
- package/lib/components/InteractiveListFormik.js.map +1 -1
- package/lib/components/Label.js +1 -1
- package/lib/components/Label.js.map +1 -1
- package/lib/components/Label.module.css +13 -0
- package/lib/components/Link.js +1 -1
- package/lib/components/Link.js.map +1 -1
- package/lib/components/Link.module.css +65 -0
- package/lib/components/Loader.js +1 -1
- package/lib/components/Loader.js.map +1 -1
- package/lib/components/Loader.module.css +91 -0
- package/lib/components/Modal.js +2 -2
- package/lib/components/Modal.js.map +1 -1
- package/lib/components/Notification.js +3 -3
- package/lib/components/Notification.js.map +1 -1
- package/lib/components/Notification.module.css +64 -0
- package/lib/components/NumberBadge.js +1 -1
- package/lib/components/NumberBadge.js.map +1 -1
- package/lib/components/NumberBadge.module.css +14 -0
- package/lib/components/NumberField.js +3 -3
- package/lib/components/NumberField.js.map +1 -1
- package/lib/components/Overlay.js +1 -1
- package/lib/components/Overlay.js.map +1 -1
- package/lib/components/Overlay.module.css +112 -0
- package/lib/components/Pagination.js +1 -1
- package/lib/components/Pagination.js.map +1 -1
- package/lib/components/Pagination.module.css +118 -0
- package/lib/components/PasswordField.js +3 -3
- package/lib/components/PasswordField.js.map +1 -1
- package/lib/components/{PasswordField.module.scss → PasswordField.module.css} +2 -7
- package/lib/components/Popover.js +1 -1
- package/lib/components/Popover.js.map +1 -1
- package/lib/components/Popover.module.css +8 -0
- package/lib/components/Radio.js +1 -1
- package/lib/components/Radio.js.map +1 -1
- package/lib/components/Radio.module.css +122 -0
- package/lib/components/RadioGroup.js +1 -1
- package/lib/components/RadioGroup.js.map +1 -1
- package/lib/components/RadioGroup.module.css +31 -0
- package/lib/components/SegmentedControl.d.ts +1 -3
- package/lib/components/SegmentedControl.js +7 -5
- package/lib/components/SegmentedControl.js.map +1 -1
- package/lib/components/SegmentedControl.module.css +94 -0
- package/lib/components/Select/CheckableSelectField.js +2 -2
- package/lib/components/Select/CheckableSelectField.js.map +1 -1
- package/lib/components/Select/MultiSelectField.js +1 -1
- package/lib/components/Select/MultiSelectField.js.map +1 -1
- package/lib/components/Select/SelectField.js +1 -1
- package/lib/components/Select/SelectField.js.map +1 -1
- package/lib/components/Slider.js +1 -1
- package/lib/components/Slider.js.map +1 -1
- package/lib/components/Slider.module.css +315 -0
- package/lib/components/Table/Cell.js +1 -1
- package/lib/components/Table/Cell.js.map +1 -1
- package/lib/components/Table/{Cell.module.scss → Cell.module.css} +12 -15
- package/lib/components/Table/EnhancedRenderers.js +1 -1
- package/lib/components/Table/EnhancedRenderers.js.map +1 -1
- package/lib/components/Table/Header.js +1 -1
- package/lib/components/Table/Header.js.map +1 -1
- package/lib/components/Table/Header.module.css +129 -0
- package/lib/components/Table/Row.js +1 -1
- package/lib/components/Table/Row.js.map +1 -1
- package/lib/components/Table/Row.module.css +76 -0
- package/lib/components/Table/Table.d.ts +2 -1
- package/lib/components/Table/Table.js +7 -7
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Table.module.css +28 -0
- package/lib/components/Table/TableContent.js +1 -1
- package/lib/components/Table/TableContent.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js +1 -1
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/{CellCopyablePopover.module.scss → CellCopyablePopover.module.css} +1 -3
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js +1 -1
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -1
- package/lib/components/Terminal.js +1 -1
- package/lib/components/Terminal.js.map +1 -1
- package/lib/components/Terminal.module.css +123 -0
- package/lib/components/TextArea.d.ts +0 -2
- package/lib/components/TextArea.js +2 -2
- package/lib/components/TextArea.js.map +1 -1
- package/lib/components/TextField.d.ts +0 -2
- package/lib/components/TextField.js +5 -6
- package/lib/components/TextField.js.map +1 -1
- package/lib/components/TextField.module.css +5 -0
- package/lib/components/TimeField.js +3 -3
- package/lib/components/TimeField.js.map +1 -1
- package/lib/components/Toast/Toast.d.ts +15 -0
- package/lib/components/Toast/Toast.js +28 -0
- package/lib/components/Toast/Toast.js.map +1 -0
- package/lib/components/Toast/Toast.module.css +98 -0
- package/lib/components/Toast/index.d.ts +4 -0
- package/lib/components/Toast/index.js +5 -0
- package/lib/components/Toast/index.js.map +1 -0
- package/lib/components/TruncatedText.js +1 -1
- package/lib/components/TruncatedText.js.map +1 -1
- package/lib/components/TruncatedText.module.css +14 -0
- package/lib/index.d.ts +2 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/old/Alert.d.ts +33 -0
- package/lib/old/Alert.js +51 -0
- package/lib/old/Alert.js.map +1 -0
- package/lib/old/AutocompleteField.js +1 -1
- package/lib/old/AutocompleteField.js.map +1 -1
- package/lib/old/Notification.d.ts +25 -0
- package/lib/old/Notification.js +39 -0
- package/lib/old/Notification.js.map +1 -0
- package/lib/old/NumberField.js +3 -3
- package/lib/old/NumberField.js.map +1 -1
- package/lib/old/PasswordField.d.ts +1 -2
- package/lib/old/PasswordField.js +1 -1
- package/lib/old/PasswordField.js.map +1 -1
- package/lib/old/Select/MultiSelectField.js +1 -3
- package/lib/old/Select/MultiSelectField.js.map +1 -1
- package/lib/old/Select/SelectField.js +1 -1
- package/lib/old/Select/SelectField.js.map +1 -1
- package/lib/old/TextArea.js +2 -2
- package/lib/old/TextArea.js.map +1 -1
- package/lib/old/TextField.js +2 -2
- package/lib/old/TextField.js.map +1 -1
- package/lib/{components → old}/Toast.js +3 -3
- package/lib/old/Toast.js.map +1 -0
- package/lib/old/index.d.ts +7 -0
- package/lib/old/index.js +4 -0
- package/lib/old/index.js.map +1 -1
- package/lib/utils/styleConstants.d.ts +13 -0
- package/lib/utils/styleConstants.js +14 -0
- package/lib/utils/styleConstants.js.map +1 -0
- package/package.json +2 -1
- package/styles/variables.css +24 -0
- package/lib/components/AppHeader/AppHeader.module.scss +0 -29
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +0 -20
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +0 -13
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss +0 -101
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +0 -13
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +0 -58
- package/lib/components/Calendar/Calendar.module.scss +0 -185
- package/lib/components/Calendar/CalendarRange.module.scss +0 -21
- package/lib/components/Card.module.scss +0 -92
- package/lib/components/Carousel.module.scss +0 -43
- package/lib/components/ContextMenu.module.scss +0 -37
- package/lib/components/EmptyState.module.scss +0 -87
- package/lib/components/Error.module.scss +0 -12
- package/lib/components/FieldHeader.module.scss +0 -20
- package/lib/components/Help.module.scss +0 -9
- package/lib/components/Icon.module.scss +0 -33
- package/lib/components/Label.module.scss +0 -12
- package/lib/components/Link.module.scss +0 -64
- package/lib/components/Loader.module.scss +0 -74
- package/lib/components/NumberBadge.module.scss +0 -13
- package/lib/components/Overlay.module.scss +0 -108
- package/lib/components/Pagination.module.scss +0 -117
- package/lib/components/Popover.module.scss +0 -12
- package/lib/components/Radio.module.scss +0 -112
- package/lib/components/RadioGroup.module.scss +0 -21
- package/lib/components/SegmentedControl.module.scss +0 -81
- package/lib/components/Slider.module.scss +0 -277
- package/lib/components/Table/Header.module.scss +0 -128
- package/lib/components/Table/Row.module.scss +0 -59
- package/lib/components/Table/Table.module.scss +0 -31
- package/lib/components/Terminal.module.scss +0 -109
- package/lib/components/Toast.js.map +0 -1
- package/lib/components/Tooltip.module.scss +0 -45
- package/lib/components/TruncatedText.module.scss +0 -9
- package/styles/constants/export.module.scss +0 -8
- /package/lib/components/Table/{TableContent.module.scss → TableContent.module.css} +0 -0
- /package/lib/components/Table/features/columnsSelection/ContextMenu/{ContextMenu.module.scss → ContextMenu.module.css} +0 -0
- /package/lib/components/{TimeField.module.scss → TimeField.module.css} +0 -0
- /package/lib/{components/Alert.module.scss → old/AlertLegacy.module.scss} +0 -0
- /package/lib/{components/Notification.module.scss → old/NotificationLegacy.module.scss} +0 -0
- /package/lib/{components → old}/Toast.d.ts +0 -0
- /package/lib/{components/Toast.module.scss → old/ToastLegacy.module.scss} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ButtonHTMLAttributes } from 'react';
|
|
2
2
|
import { Icon as FeatherIcon } from 'react-feather';
|
|
3
3
|
import { IconAriaProps } from './Icon';
|
|
4
|
-
import { ButtonVariant, ButtonColor
|
|
4
|
+
import { ButtonVariant, ButtonColor } from './Button';
|
|
5
5
|
import { TooltipSide } from './Tooltip';
|
|
6
6
|
import { LinkRel, LinkTarget } from './Link';
|
|
7
7
|
import { DataTestProp } from '../helpers/types';
|
|
@@ -13,7 +13,6 @@ type IconButtonCommonProps = {
|
|
|
13
13
|
loaderRole?: string;
|
|
14
14
|
variant?: ButtonVariant;
|
|
15
15
|
color?: ButtonColor;
|
|
16
|
-
size?: ButtonSize;
|
|
17
16
|
tooltip?: string;
|
|
18
17
|
tooltipVisible?: boolean;
|
|
19
18
|
tooltipPlacement?: TooltipSide;
|
|
@@ -17,17 +17,13 @@ const colorClass = {
|
|
|
17
17
|
warning: styles.colorWarning,
|
|
18
18
|
danger: styles.colorDanger,
|
|
19
19
|
};
|
|
20
|
-
const
|
|
21
|
-
small: styles.sizeSmall,
|
|
22
|
-
regular: styles.sizeRegular,
|
|
23
|
-
};
|
|
24
|
-
export const IconButton = forwardRef(({ component: Component = 'button', icon, iconClassName, iconColor, iconRole, loaderRole, className, variant = 'contained', color = 'primary', size = 'regular', ariaHidden, ariaLabelledBy, ariaLabel, disabled, disabledTooltip, disabledTooltipVisible, disabledTooltipPlacement, rel = 'noopener', target, type = 'button', loading, tooltip, tooltipPlacement, tooltipVisible, 'data-test': dataTest = 'icon-button', ...rest }, ref) => {
|
|
20
|
+
export const IconButton = forwardRef(({ component: Component = 'button', icon, iconClassName, iconColor, iconRole, loaderRole, className, variant = 'contained', color = 'primary', ariaHidden, ariaLabelledBy, ariaLabel, disabled, disabledTooltip, disabledTooltipVisible, disabledTooltipPlacement, rel = 'noopener', target, type = 'button', loading, tooltip, tooltipPlacement, tooltipVisible, 'data-test': dataTest = 'icon-button', ...rest }, ref) => {
|
|
25
21
|
const tooltipId = useUID();
|
|
26
|
-
const iconSize =
|
|
22
|
+
const iconSize = 'small';
|
|
27
23
|
const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
|
|
28
24
|
const labelledByFinal = [ariaLabelledBy, disabled ? tooltipId : undefined].filter(Boolean).join(' ');
|
|
29
25
|
return (React.createElement(Tooltip, { id: tooltipId, content: disabled ? disabledTooltip : tooltip, side: disabled ? disabledTooltipPlacement : tooltipPlacement, open: disabled ? disabledTooltipVisible : tooltipVisible },
|
|
30
|
-
React.createElement(Component, { className: cn(styles.iconButton, variantClass[variant], colorClass[color],
|
|
26
|
+
React.createElement(Component, { className: cn(styles.iconButton, variantClass[variant], colorClass[color], styles.sizeRegular, className), "aria-hidden": ariaHidden, "aria-label": ariaLabel, "aria-labelledby": labelledByFinal, disabled: disabled !== null && disabled !== void 0 ? disabled : loading, rel: Component === 'a' ? relFinal : undefined, target: Component === 'a' ? target : undefined, type: Component === 'button' ? type : undefined, "data-test": dataTest, ...rest },
|
|
31
27
|
React.createElement("span", { className: styles.body, ref: ref },
|
|
32
28
|
loading && React.createElement(Loader, { role: loaderRole, size: iconSize }),
|
|
33
29
|
!loading && (React.createElement(Icon, { role: iconRole, className: iconClassName, color: iconColor, "data-test": `${dataTest}-icon`, icon: icon, size: iconSize, ariaHidden: true }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,IAAI,EAA2B,MAAM,QAAQ,CAAA;AAEtD,OAAO,EAAE,OAAO,EAAe,MAAM,WAAW,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,OAAO,MAAM,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ export const InteractiveListItem = ({ onRemoveItem, content, error, idx, 'data-t
|
|
|
18
18
|
React.createElement("div", { "data-test": dataTest, className: styles.content },
|
|
19
19
|
React.createElement("span", { id: id, ...errorProps }, content),
|
|
20
20
|
' ',
|
|
21
|
-
React.createElement(IconButton, { variant: "ghost", ariaLabel: "Remove Item",
|
|
21
|
+
React.createElement(IconButton, { variant: "ghost", ariaLabel: "Remove Item", icon: X, className: styles.removeIcon, onClick: () => {
|
|
22
22
|
onRemoveItem(idx);
|
|
23
23
|
} })),
|
|
24
24
|
error && React.createElement(Error, { error: error, inputId: id })));
|
|
@@ -31,7 +31,7 @@ export const InteractiveList = ({ label, children, error, name, value, helperTex
|
|
|
31
31
|
const id = useUID();
|
|
32
32
|
return (React.createElement(React.Fragment, null,
|
|
33
33
|
React.createElement("div", { "data-test": dataTest, className: cn(styles.inputRow, className) },
|
|
34
|
-
React.createElement(TextField, { id: id,
|
|
34
|
+
React.createElement(TextField, { id: id, helperText: helperText, type: type, placeholder: placeholder, inputIcon: inputIcon, inputClassName: inputClassName, className: styles.field, error: typeof error === 'string' ? error : undefined, label: label, name: name, value: inputValue, onChange: ({ target: { value } }) => {
|
|
35
35
|
setInputValue(value);
|
|
36
36
|
}, onKeyDown: async (e) => {
|
|
37
37
|
if (e.key === 'Enter') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InteractiveList.js","sourceRoot":"","sources":["../../src/components/InteractiveList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGxC,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAA;AAE5D,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAoCjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,EAA4B,EAAE,EAAE;IAC5H,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,UAAU,GAAG,KAAK;QACtB,CAAC,CAAC;YACE,cAAc,EAAE,IAAI;YACpB,mBAAmB,EAAE,OAAO,CAAC,EAAE,CAAC;SACjC;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL;QACE,0CAAgB,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO;YACjD,8BAAM,EAAE,EAAE,EAAE,KAAM,UAAU,IACzB,OAAO,CACH;YAAC,GAAG;YACX,oBAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,aAAa,EACvB,IAAI,
|
|
1
|
+
{"version":3,"file":"InteractiveList.js","sourceRoot":"","sources":["../../src/components/InteractiveList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
border: var(--hive-border-width) solid transparent;
|
|
16
16
|
background-color: var(--hive-color-secondary-v4);
|
|
17
17
|
color: var(--hive-color-text-v4);
|
|
18
|
-
width: calc(var(--hive-grid) *
|
|
19
|
-
height: calc(var(--hive-grid) *
|
|
18
|
+
width: calc(var(--hive-grid) * 7.5);
|
|
19
|
+
height: calc(var(--hive-grid) * 7.5);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.addIcon:hover,
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
justify-content: space-between;
|
|
38
38
|
align-items: center;
|
|
39
39
|
margin-top: calc(var(--hive-grid) * 3);
|
|
40
|
-
min-height: calc(var(--hive-grid) *
|
|
40
|
+
min-height: calc(var(--hive-grid) * 7.5);
|
|
41
41
|
padding: 0 calc(var(--hive-grid) * 2);
|
|
42
42
|
border: var(--hive-border-width) solid var(--hive-color-border-v4);
|
|
43
43
|
border-radius: var(--hive-border-radius);
|
|
@@ -65,8 +65,7 @@ export const InteractiveListFormik = ({ name, validate, children, inputControlRe
|
|
|
65
65
|
return validationError;
|
|
66
66
|
}
|
|
67
67
|
else {
|
|
68
|
-
field.value
|
|
69
|
-
setValue(field.value);
|
|
68
|
+
setValue([...field.value, normalizedValue]);
|
|
70
69
|
setInputTouched(false);
|
|
71
70
|
setInputValue('');
|
|
72
71
|
return undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InteractiveListFormik.js","sourceRoot":"","sources":["../../src/components/InteractiveListFormik.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"InteractiveListFormik.js","sourceRoot":"","sources":["../../src/components/InteractiveListFormik.tsx"],"names":[],"mappings":"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"}
|
package/lib/components/Label.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
|
-
import styles from './Label.module.
|
|
3
|
+
import styles from './Label.module.css';
|
|
4
4
|
export const Label = ({ id, label, className, variant = 'primary', 'data-test': dataTest = 'label' }) => (React.createElement("label", { "data-test": dataTest, htmlFor: id, className: cn(styles.label, styles[variant], className) }, label));
|
|
5
5
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAA;AAI3B,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAA;AAI3B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AASvC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,WAAW,EAAE,QAAQ,GAAG,OAAO,EAAE,EAAE,EAAE,CAAC,CACvH,4CAAkB,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,IAC7F,KAAK,CACA,CACT,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
.label {
|
|
2
|
+
font-family: var(--hive-font-family-text);
|
|
3
|
+
font-size: var(--hive-font-size-body-normal);
|
|
4
|
+
letter-spacing: var(--hive-letter-spacing-body-normal);
|
|
5
|
+
line-height: var(--hive-line-height-body-normal);
|
|
6
|
+
font-weight: var(--hive-font-weight-text-regular);
|
|
7
|
+
color: var(--hive-color-text-secondary);
|
|
8
|
+
padding: 0;
|
|
9
|
+
|
|
10
|
+
&.secondary {
|
|
11
|
+
color: var(--hive-color-neutral-white);
|
|
12
|
+
}
|
|
13
|
+
}
|
package/lib/components/Link.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Icon } from './Icon';
|
|
4
|
-
import styles from './Link.module.
|
|
4
|
+
import styles from './Link.module.css';
|
|
5
5
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
6
6
|
const sizes = {
|
|
7
7
|
normal: styles.normal,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,6DAA6D;AAC7D,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAA;AA8DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,QAAQ,GAAG,MAAM,GAC/B,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;YACtC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACpH,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACtG,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
.link {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
justify-content: center;
|
|
4
|
+
align-items: center;
|
|
5
|
+
text-decoration: none;
|
|
6
|
+
border: none;
|
|
7
|
+
background: none;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
|
|
10
|
+
&:hover,
|
|
11
|
+
&.hover,
|
|
12
|
+
&:focus,
|
|
13
|
+
&.focus,
|
|
14
|
+
&:active,
|
|
15
|
+
&.active {
|
|
16
|
+
/* doiuse-disable text-decoration */
|
|
17
|
+
text-decoration: underline solid;
|
|
18
|
+
outline: transparent solid var(--hive-outline-width);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&:focus,
|
|
22
|
+
&.focus {
|
|
23
|
+
box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-accessibility-outline);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&.primary {
|
|
27
|
+
color: var(--hive-color-primary);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&.secondary {
|
|
31
|
+
color: var(--hive-color-text-secondary);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.contrast {
|
|
35
|
+
color: var(--hive-color-neutral-lighter);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.normal {
|
|
40
|
+
font-family: var(--hive-font-family-text);
|
|
41
|
+
font-size: var(--hive-font-size-body-normal);
|
|
42
|
+
letter-spacing: var(--hive-letter-spacing-body-normal);
|
|
43
|
+
line-height: var(--hive-line-height-body-normal);
|
|
44
|
+
font-weight: var(--hive-font-weight-text-regular);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.small {
|
|
48
|
+
font-family: var(--hive-font-family-text);
|
|
49
|
+
font-size: var(--hive-font-size-body-small);
|
|
50
|
+
letter-spacing: var(--hive-letter-spacing-body-small);
|
|
51
|
+
line-height: var(--hive-line-height-body-small);
|
|
52
|
+
font-weight: var(--hive-font-weight-text-regular);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.inherit {
|
|
56
|
+
font-family: inherit;
|
|
57
|
+
font-size: inherit;
|
|
58
|
+
letter-spacing: inherit;
|
|
59
|
+
line-height: inherit;
|
|
60
|
+
font-weight: inherit;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.bold {
|
|
64
|
+
font-weight: var(--hive-font-weight-text-bold);
|
|
65
|
+
}
|
package/lib/components/Loader.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
|
-
import styles from './Loader.module.
|
|
3
|
+
import styles from './Loader.module.css';
|
|
4
4
|
export const Loader = ({ className, size = 'medium', kind = 'inherit', role = 'img', ariaLabel, 'data-test': dataTest = 'loader', ...props }) => (
|
|
5
5
|
// https://github.com/feathericons/feather/blob/a718a7e9c39447202f703783336e8ba1c8e32405/icons/loader.svg#L1
|
|
6
6
|
// We cannot use it directly as it has `line` elements not in a sequential order
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/components/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,MAAM,YAAY,CAAA;AAK3B,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/components/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,MAAM,YAAY,CAAA;AAK3B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAYxC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,WAAW,EAAE,QAAQ,GAAG,QAAQ,EAChC,GAAG,KAAK,EACT,EAAE,EAAE,CAAC;AACJ,4GAA4G;AAC5G,gFAAgF;AAChF,uEAAuE;AACvE,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,IAAI,eACC,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb;QACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;QAChC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa;QAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;QAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QAClC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;QACpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;QACtC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACrC,EACD,SAAS,CACV,EACD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,gBACV,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,KAC7C,KAAK;IAET,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;IACtC,8BAAM,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,GAAG;IAChD,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IACtC,8BAAM,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,OAAO,GAAG;IAClD,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG;IACxC,8BAAM,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,GAAG;IACpD,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG;IACxC,8BAAM,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,GAAG,CAC9C,CACP,CAAA"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
.loader {
|
|
2
|
+
&.small {
|
|
3
|
+
width: var(--hive-icon-size-small);
|
|
4
|
+
height: var(--hive-icon-size-small);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
&.smallMedium {
|
|
8
|
+
width: var(--hive-icon-size-small-medium);
|
|
9
|
+
height: var(--hive-icon-size-small-medium);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&.medium {
|
|
13
|
+
width: var(--hive-icon-size-medium);
|
|
14
|
+
height: var(--hive-icon-size-medium);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&.large {
|
|
18
|
+
width: var(--hive-icon-size-large);
|
|
19
|
+
height: var(--hive-icon-size-large);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&.xlarge {
|
|
23
|
+
width: var(--hive-icon-size-xlarge);
|
|
24
|
+
height: var(--hive-icon-size-xlarge);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&.primary {
|
|
28
|
+
color: var(--hive-color-primary-dark);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&.contrast {
|
|
32
|
+
color: var(--hive-color-neutral-white);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&.inherit {
|
|
36
|
+
color: inherit;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
> line {
|
|
40
|
+
animation-duration: var(--hive-duration-loader);
|
|
41
|
+
animation-name: fade;
|
|
42
|
+
animation-iteration-count: infinite;
|
|
43
|
+
animation-fill-mode: both;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
> line:nth-child(1) {
|
|
47
|
+
animation-delay: calc(var(--hive-duration-loader) / 8 * 0);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
> line:nth-child(2) {
|
|
51
|
+
animation-delay: calc(var(--hive-duration-loader) / 8 * 1);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
> line:nth-child(3) {
|
|
55
|
+
animation-delay: calc(var(--hive-duration-loader) / 8 * 2);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
> line:nth-child(4) {
|
|
59
|
+
animation-delay: calc(var(--hive-duration-loader) / 8 * 3);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
> line:nth-child(5) {
|
|
63
|
+
animation-delay: calc(var(--hive-duration-loader) / 8 * 4);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
> line:nth-child(6) {
|
|
67
|
+
animation-delay: calc(var(--hive-duration-loader) / 8 * 5);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
> line:nth-child(7) {
|
|
71
|
+
animation-delay: calc(var(--hive-duration-loader) / 8 * 6);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
> line:nth-child(8) {
|
|
75
|
+
animation-delay: calc(var(--hive-duration-loader) / 8 * 7);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
@keyframes fade {
|
|
80
|
+
0% {
|
|
81
|
+
opacity: 1;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
50% {
|
|
85
|
+
opacity: 0.2;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
100% {
|
|
89
|
+
opacity: 1;
|
|
90
|
+
}
|
|
91
|
+
}
|
package/lib/components/Modal.js
CHANGED
|
@@ -66,7 +66,7 @@ export const Modal = ({ 'data-test': dataTest = 'modal', actions, hideActions =
|
|
|
66
66
|
helperLink.label,
|
|
67
67
|
React.createElement(ExternalLink, { size: 12, "aria-hidden": true }))),
|
|
68
68
|
!hideActions && (React.createElement("div", { className: styles.footerActions },
|
|
69
|
-
React.createElement(Button, { autoFocus: shouldAutoFocusCancelButton, "data-test": "modal-button-cancel", variant: "ghost", color: "secondary",
|
|
70
|
-
actions.map(({ children: actionChildren,
|
|
69
|
+
React.createElement(Button, { autoFocus: shouldAutoFocusCancelButton, "data-test": "modal-button-cancel", variant: "ghost", color: "secondary", onClick: (e) => onClose === null || onClose === void 0 ? void 0 : onClose(e) }, cancelLabel), actions === null || actions === void 0 ? void 0 :
|
|
70
|
+
actions.map(({ children: actionChildren, color, ...actionPropsRest }, key) => (React.createElement(Button, { key: key, "data-test": "modal-button-action", color: color !== null && color !== void 0 ? color : intentActionColor[intent], ...actionPropsRest }, actionChildren)))))))))));
|
|
71
71
|
};
|
|
72
72
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { AlertTriangle, CheckCircle, AlertCircle, Info, ChevronRight, X } from 'react-feather';
|
|
4
4
|
import { Icon } from './Icon';
|
|
5
|
-
import { IconButton } from './IconButton';
|
|
6
5
|
import { Link } from './Link';
|
|
7
|
-
import styles from './Notification.module.
|
|
6
|
+
import styles from './Notification.module.css';
|
|
8
7
|
export const NotificationIcon = {
|
|
9
8
|
success: {
|
|
10
9
|
icon: CheckCircle,
|
|
@@ -34,6 +33,7 @@ export const Notification = ({ type, children, className, link, linkHref, onClos
|
|
|
34
33
|
React.createElement(Icon, { "data-test": "notification-icon", ariaLabel: ariaLabel, icon: icon, className: styles.icon }),
|
|
35
34
|
React.createElement("div", { "data-test": "notification-content", className: styles.content }, children),
|
|
36
35
|
link && linkHref && (React.createElement(Link, { "data-test": "notification-link", component: "a", size: "small", className: styles.link, href: linkHref, icon: ChevronRight, ariaLabel: "Icon chevron right", bold: true }, link)),
|
|
37
|
-
onClose && (React.createElement(
|
|
36
|
+
onClose && (React.createElement("button", { type: "button", "data-test": "notification-close", className: styles.closeButton, onClick: onClose, "aria-label": "Notification close button" },
|
|
37
|
+
React.createElement(X, { size: 16, "aria-hidden": true })))));
|
|
38
38
|
};
|
|
39
39
|
//# sourceMappingURL=Notification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/components/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAoB,CAAC,EAAE,MAAM,eAAe,CAAA;AAEhH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/components/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAoB,CAAC,EAAE,MAAM,eAAe,CAAA;AAEhH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAS9C,MAAM,CAAC,MAAM,gBAAgB,GAA8D;IACzF,OAAO,EAAE;QACP,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,mBAAmB;KAC/B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,kBAAkB;KAC9B;IACD,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,uBAAuB;KACnC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,wBAAwB;KACpC;CACF,CAAA;AAmBD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAElD,OAAO,CACL,0CACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,YAAY,EACnB;YACE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;YAC9B,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;SACjC,EACD,SAAS,CACV;QAED,oBAAC,IAAI,iBAAW,mBAAmB,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;QAChG,0CAAe,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,IAC5D,QAAQ,CACL;QACL,IAAI,IAAI,QAAQ,IAAI,CACnB,oBAAC,IAAI,iBACO,mBAAmB,EAC7B,SAAS,EAAC,GAAG,EACb,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,YAAY,EAClB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,UAEH,IAAI,CACA,CACR;QACA,OAAO,IAAI,CACV,gCACE,IAAI,EAAC,QAAQ,eACH,oBAAoB,EAC9B,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,OAAO,gBACL,2BAA2B;YAEtC,oBAAC,CAAC,IAAC,IAAI,EAAE,EAAE,wBAAgB,CACpB,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
.notification {
|
|
2
|
+
--notification-color: var(--hive-color-text);
|
|
3
|
+
--notification-surface: lab(from var(--notification-color) 95% a b);
|
|
4
|
+
--notification-border: lab(from var(--notification-color) 84% a b);
|
|
5
|
+
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: flex-start;
|
|
9
|
+
gap: calc(var(--hive-grid) * 2);
|
|
10
|
+
padding: calc(var(--hive-grid) * 2) calc(var(--hive-grid) * 3);
|
|
11
|
+
border: var(--hive-border-width) solid var(--notification-border);
|
|
12
|
+
border-radius: var(--hive-border-radius);
|
|
13
|
+
background-color: var(--notification-surface);
|
|
14
|
+
color: var(--notification-color);
|
|
15
|
+
font-size: var(--hive-font-size-body-small);
|
|
16
|
+
line-height: var(--hive-line-height-body-normal);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.icon {
|
|
20
|
+
flex: 0 0 auto;
|
|
21
|
+
color: var(--notification-color);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.content {
|
|
25
|
+
display: flex;
|
|
26
|
+
flex: 1 1 auto;
|
|
27
|
+
align-items: center;
|
|
28
|
+
min-width: 0;
|
|
29
|
+
min-height: calc(var(--hive-grid) * 6);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.link {
|
|
33
|
+
min-height: calc(var(--hive-grid) * 6);
|
|
34
|
+
margin-left: calc(var(--hive-grid) * 2);
|
|
35
|
+
color: var(--notification-color);
|
|
36
|
+
font-weight: var(--hive-font-weight-text-bold);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.closeButton {
|
|
40
|
+
flex: 0 0 auto;
|
|
41
|
+
margin-left: calc(var(--hive-grid) * 3);
|
|
42
|
+
padding: 0;
|
|
43
|
+
border: none;
|
|
44
|
+
background: none;
|
|
45
|
+
color: var(--notification-color);
|
|
46
|
+
line-height: 0;
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.success {
|
|
51
|
+
--notification-color: var(--hive-color-success-darkest);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.info {
|
|
55
|
+
--notification-color: var(--hive-color-info-darkest);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.warning {
|
|
59
|
+
--notification-color: var(--hive-color-warning-darkest);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.error {
|
|
63
|
+
--notification-color: var(--hive-color-error);
|
|
64
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import styles from './NumberBadge.module.
|
|
2
|
+
import styles from './NumberBadge.module.css';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
export const NumberBadge = ({ number, className }) => {
|
|
5
5
|
const formattedNumber = number <= 99 ? number.toString() : '+99';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberBadge.js","sourceRoot":"","sources":["../../src/components/NumberBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"NumberBadge.js","sourceRoot":"","sources":["../../src/components/NumberBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAC7C,OAAO,EAAE,MAAM,YAAY,CAAA;AAO3B,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACzE,MAAM,eAAe,GAAW,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExE,OAAO,CACL,0CAAe,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,IACvE,eAAe,CACZ,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
.numberBadge {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
justify-content: center;
|
|
4
|
+
align-items: center;
|
|
5
|
+
border-radius: var(--hive-border-radius-badge);
|
|
6
|
+
padding: 0 calc(var(--hive-grid) * 1.25);
|
|
7
|
+
background-color: var(--hive-color-neutral);
|
|
8
|
+
color: var(--hive-color-text);
|
|
9
|
+
font-family: var(--hive-font-family-text);
|
|
10
|
+
font-size: var(--hive-font-size-body-small);
|
|
11
|
+
letter-spacing: var(--hive-letter-spacing-body-small);
|
|
12
|
+
line-height: var(--hive-line-height-body-small);
|
|
13
|
+
font-weight: var(--hive-font-weight-text-regular);
|
|
14
|
+
}
|
|
@@ -97,11 +97,11 @@ export const NumberField = ({ incrementIconAriaLabel = 'Increment', decrementIco
|
|
|
97
97
|
};
|
|
98
98
|
}
|
|
99
99
|
return (React.createElement(React.Fragment, null,
|
|
100
|
-
React.createElement(IconButton, {
|
|
100
|
+
React.createElement(IconButton, { icon: MinusCircle, ariaLabel: decrementIconAriaLabel, className: cn(styles.decrement, styles.decrementSmall, {
|
|
101
101
|
[styles.decrementIconsSeparate]: iconPosition === 'separate',
|
|
102
102
|
[styles.disabled]: disabled,
|
|
103
103
|
}), onClick: onDecrement, variant: "ghost", "data-test": `${dataTest}-decrement`, type: "button", ...decrementDisabledProps }),
|
|
104
|
-
React.createElement(IconButton, {
|
|
104
|
+
React.createElement(IconButton, { icon: PlusCircle, ariaLabel: incrementIconAriaLabel, className: cn(styles.increment, {
|
|
105
105
|
[styles.disabled]: disabled,
|
|
106
106
|
}), onClick: onIncrement, variant: "ghost", "data-test": `${dataTest}-increment`, type: "button", ...incrementDisabledProps })));
|
|
107
107
|
}, [
|
|
@@ -133,6 +133,6 @@ export const NumberField = ({ incrementIconAriaLabel = 'Increment', decrementIco
|
|
|
133
133
|
return (React.createElement(TextField, { ...props, ...(disableChangeOnScroll ? { mRef: field } : {}), value: value, "data-test": dataTest, onChange: onChangeWrapped, type: "number", inputContainerChild: overlay, inputContainerClassName: cn(styles.inputContainer, {
|
|
134
134
|
[styles.buttons]: showIconButtons,
|
|
135
135
|
[styles.buttonsIconsSeparate]: iconPosition === 'separate',
|
|
136
|
-
}, inputContainerClassName), inputClassName: inputClassName, disabled: disabled
|
|
136
|
+
}, inputContainerClassName), inputClassName: inputClassName, disabled: disabled }));
|
|
137
137
|
};
|
|
138
138
|
//# sourceMappingURL=NumberField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../src/components/NumberField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../src/components/NumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
|
|
|
6
6
|
import { Icon } from './Icon';
|
|
7
7
|
import { Link } from './Link';
|
|
8
8
|
import { TruncatedText } from './TruncatedText';
|
|
9
|
-
import styles from './Overlay.module.
|
|
9
|
+
import styles from './Overlay.module.css';
|
|
10
10
|
/*
|
|
11
11
|
* ### Purpose
|
|
12
12
|
* Overlay is a full-screen modal. Windows under an Overlay are inert. That is, users cannot interact with content outside an active Overlay window.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAwC,MAAM,aAAa,CAAA;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAI/E,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"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"}
|