@channel.io/bezier-react 2.3.3 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/AlphaAvatar/Avatar.js.map +1 -1
- package/dist/cjs/components/AlphaAvatarGroup/AvatarGroup.js.map +1 -1
- package/dist/cjs/components/AlphaButton/Button.js.map +1 -1
- package/dist/cjs/components/AlphaButton/Button.module.scss.js +1 -1
- package/dist/cjs/components/AlphaDialogPrimitive/DialogPrimitive.js.map +1 -1
- package/dist/cjs/components/AlphaFloatingButton/FloatingButton.js.map +1 -1
- package/dist/cjs/components/AlphaFloatingButton/FloatingButton.module.scss.js +1 -1
- package/dist/cjs/components/AlphaFloatingIconButton/FloatingIconButton.js.map +1 -1
- package/dist/cjs/components/AlphaFloatingIconButton/FloatingIconButton.module.scss.js +1 -1
- package/dist/cjs/components/AlphaIconButton/IconButton.js.map +1 -1
- package/dist/cjs/components/AlphaLoader/Loader.js.map +1 -1
- package/dist/cjs/components/AlphaStatusBadge/StatusBadge.js.map +1 -1
- package/dist/cjs/components/AlphaToggleButton/ToggleButton.js +1 -11
- package/dist/cjs/components/AlphaToggleButton/ToggleButton.js.map +1 -1
- package/dist/cjs/components/AlphaToggleButton/ToggleButton.module.scss.js +1 -1
- package/dist/cjs/components/AlphaToggleButtonGroup/ToggleButtonGroup.js.map +1 -1
- package/dist/cjs/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.js +103 -0
- package/dist/cjs/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.js.map +1 -0
- package/dist/cjs/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.module.scss.js +8 -0
- package/dist/cjs/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.module.scss.js.map +1 -0
- package/dist/cjs/components/AlphaToggleEmojiButtonGroup/useToggleEmojiButtonSize.js +45 -0
- package/dist/cjs/components/AlphaToggleEmojiButtonGroup/useToggleEmojiButtonSize.js.map +1 -0
- package/dist/cjs/components/AlphaTooltipPrimitive/TooltipPrimitive.js.map +1 -1
- package/dist/cjs/components/AppProvider/AppProvider.js.map +1 -1
- package/dist/cjs/components/AutoFocus/AutoFocus.js.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/dist/cjs/components/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/BaseButton/BaseButton.js.map +1 -1
- package/dist/cjs/components/BaseTagBadge/BaseTagBadge.js.map +1 -1
- package/dist/cjs/components/Box/Box.js.map +1 -1
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/cjs/components/Center/Center.js.map +1 -1
- package/dist/cjs/components/CheckableAvatar/CheckableAvatar.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/ConfirmModal/ConfirmModal.js.map +1 -1
- package/dist/cjs/components/Divider/Divider.js.map +1 -1
- package/dist/cjs/components/Emoji/Emoji.js.map +1 -1
- package/dist/cjs/components/FeatureProvider/FeatureProvider.js.map +1 -1
- package/dist/cjs/components/FormControl/FormControl.js.map +1 -1
- package/dist/cjs/components/FormGroup/FormGroup.js.map +1 -1
- package/dist/cjs/components/FormHelperText/FormHelperText.js.map +1 -1
- package/dist/cjs/components/FormLabel/FormLabel.js.map +1 -1
- package/dist/cjs/components/Help/Help.js.map +1 -1
- package/dist/cjs/components/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/KeyValueItem/KeyValueItem.js.map +1 -1
- package/dist/cjs/components/LegacyIcon/LegacyIcon.js.map +1 -1
- package/dist/cjs/components/LegacyIcon/utils.js +3 -1
- package/dist/cjs/components/LegacyIcon/utils.js.map +1 -1
- package/dist/cjs/components/LegacyStack/LegacyHStack/LegacyHStack.js.map +1 -1
- package/dist/cjs/components/LegacyStack/LegacySpacer/LegacySpacer.js.map +1 -1
- package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.js.map +1 -1
- package/dist/cjs/components/LegacyStack/LegacyStackItem/LegacyStackItem.js.map +1 -1
- package/dist/cjs/components/LegacyStack/LegacyVStack/LegacyVStack.js.map +1 -1
- package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js.map +1 -1
- package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js.map +1 -1
- package/dist/cjs/components/ListItem/ListItem.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/NavGroup/NavGroup.js.map +1 -1
- package/dist/cjs/components/NavItem/NavItem.js.map +1 -1
- package/dist/cjs/components/OutlineItem/OutlineItem.js.map +1 -1
- package/dist/cjs/components/Overlay/Overlay.js.map +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/cjs/components/SectionLabel/SectionLabel.js.map +1 -1
- package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/cjs/components/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/SmoothCornersBox/SmoothCornersBox.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/Stack/Stack.js.map +1 -1
- package/dist/cjs/components/Status/Status.js.map +1 -1
- package/dist/cjs/components/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/Text/Text.js.map +1 -1
- package/dist/cjs/components/TextArea/TextArea.js.map +1 -1
- package/dist/cjs/components/TextField/TextField.js.map +1 -1
- package/dist/cjs/components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/cjs/components/Toast/Toast.js.map +1 -1
- package/dist/cjs/components/TokenProvider/TokenProvider.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/cjs/components/WindowProvider/WindowProvider.js.map +1 -1
- package/dist/cjs/index.js +3 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles.css +1 -1
- package/dist/cjs/types/props-helpers.js +4 -0
- package/dist/cjs/types/props-helpers.js.map +1 -1
- package/dist/esm/components/AlphaAvatar/Avatar.mjs.map +1 -1
- package/dist/esm/components/AlphaAvatarGroup/AvatarGroup.mjs.map +1 -1
- package/dist/esm/components/AlphaButton/Button.mjs.map +1 -1
- package/dist/esm/components/AlphaButton/Button.module.scss.mjs +1 -1
- package/dist/esm/components/AlphaDialogPrimitive/DialogPrimitive.mjs.map +1 -1
- package/dist/esm/components/AlphaFloatingButton/FloatingButton.mjs.map +1 -1
- package/dist/esm/components/AlphaFloatingButton/FloatingButton.module.scss.mjs +1 -1
- package/dist/esm/components/AlphaFloatingIconButton/FloatingIconButton.mjs.map +1 -1
- package/dist/esm/components/AlphaFloatingIconButton/FloatingIconButton.module.scss.mjs +1 -1
- package/dist/esm/components/AlphaIconButton/IconButton.mjs.map +1 -1
- package/dist/esm/components/AlphaLoader/Loader.mjs.map +1 -1
- package/dist/esm/components/AlphaStatusBadge/StatusBadge.mjs.map +1 -1
- package/dist/esm/components/AlphaToggleButton/ToggleButton.mjs +1 -11
- package/dist/esm/components/AlphaToggleButton/ToggleButton.mjs.map +1 -1
- package/dist/esm/components/AlphaToggleButton/ToggleButton.module.scss.mjs +1 -1
- package/dist/esm/components/AlphaToggleButtonGroup/ToggleButtonGroup.mjs.map +1 -1
- package/dist/esm/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.mjs +100 -0
- package/dist/esm/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.mjs.map +1 -0
- package/dist/esm/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.module.scss.mjs +4 -0
- package/dist/esm/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.module.scss.mjs.map +1 -0
- package/dist/esm/components/AlphaToggleEmojiButtonGroup/useToggleEmojiButtonSize.mjs +41 -0
- package/dist/esm/components/AlphaToggleEmojiButtonGroup/useToggleEmojiButtonSize.mjs.map +1 -0
- package/dist/esm/components/AlphaTooltipPrimitive/TooltipPrimitive.mjs.map +1 -1
- package/dist/esm/components/AppProvider/AppProvider.mjs.map +1 -1
- package/dist/esm/components/AutoFocus/AutoFocus.mjs.map +1 -1
- package/dist/esm/components/Avatar/Avatar.mjs.map +1 -1
- package/dist/esm/components/AvatarGroup/AvatarGroup.mjs.map +1 -1
- package/dist/esm/components/Badge/Badge.mjs.map +1 -1
- package/dist/esm/components/Banner/Banner.mjs.map +1 -1
- package/dist/esm/components/BaseButton/BaseButton.mjs.map +1 -1
- package/dist/esm/components/BaseTagBadge/BaseTagBadge.mjs.map +1 -1
- package/dist/esm/components/Box/Box.mjs.map +1 -1
- package/dist/esm/components/Button/Button.mjs.map +1 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.mjs.map +1 -1
- package/dist/esm/components/Center/Center.mjs.map +1 -1
- package/dist/esm/components/CheckableAvatar/CheckableAvatar.mjs.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.mjs.map +1 -1
- package/dist/esm/components/ConfirmModal/ConfirmModal.mjs.map +1 -1
- package/dist/esm/components/Divider/Divider.mjs.map +1 -1
- package/dist/esm/components/Emoji/Emoji.mjs.map +1 -1
- package/dist/esm/components/FeatureProvider/FeatureProvider.mjs.map +1 -1
- package/dist/esm/components/FormControl/FormControl.mjs.map +1 -1
- package/dist/esm/components/FormGroup/FormGroup.mjs.map +1 -1
- package/dist/esm/components/FormHelperText/FormHelperText.mjs.map +1 -1
- package/dist/esm/components/FormLabel/FormLabel.mjs.map +1 -1
- package/dist/esm/components/Help/Help.mjs.map +1 -1
- package/dist/esm/components/Icon/Icon.mjs.map +1 -1
- package/dist/esm/components/KeyValueItem/KeyValueItem.mjs.map +1 -1
- package/dist/esm/components/LegacyIcon/LegacyIcon.mjs.map +1 -1
- package/dist/esm/components/LegacyIcon/utils.mjs +3 -1
- package/dist/esm/components/LegacyIcon/utils.mjs.map +1 -1
- package/dist/esm/components/LegacyStack/LegacyHStack/LegacyHStack.mjs.map +1 -1
- package/dist/esm/components/LegacyStack/LegacySpacer/LegacySpacer.mjs.map +1 -1
- package/dist/esm/components/LegacyStack/LegacyStack/LegacyStack.mjs.map +1 -1
- package/dist/esm/components/LegacyStack/LegacyStackItem/LegacyStackItem.mjs.map +1 -1
- package/dist/esm/components/LegacyStack/LegacyVStack/LegacyVStack.mjs.map +1 -1
- package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs.map +1 -1
- package/dist/esm/components/LegacyTooltip/LegacyTooltipContent.mjs.map +1 -1
- package/dist/esm/components/ListItem/ListItem.mjs.map +1 -1
- package/dist/esm/components/Modal/Modal.mjs.map +1 -1
- package/dist/esm/components/NavGroup/NavGroup.mjs.map +1 -1
- package/dist/esm/components/NavItem/NavItem.mjs.map +1 -1
- package/dist/esm/components/OutlineItem/OutlineItem.mjs.map +1 -1
- package/dist/esm/components/Overlay/Overlay.mjs.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.mjs.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.mjs.map +1 -1
- package/dist/esm/components/SectionLabel/SectionLabel.mjs.map +1 -1
- package/dist/esm/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/esm/components/Select/Select.mjs.map +1 -1
- package/dist/esm/components/Slider/Slider.mjs.map +1 -1
- package/dist/esm/components/SmoothCornersBox/SmoothCornersBox.mjs.map +1 -1
- package/dist/esm/components/Spinner/Spinner.mjs.map +1 -1
- package/dist/esm/components/Stack/Stack.mjs.map +1 -1
- package/dist/esm/components/Status/Status.mjs.map +1 -1
- package/dist/esm/components/Switch/Switch.mjs.map +1 -1
- package/dist/esm/components/Tabs/Tabs.mjs.map +1 -1
- package/dist/esm/components/Tag/Tag.mjs.map +1 -1
- package/dist/esm/components/Text/Text.mjs.map +1 -1
- package/dist/esm/components/TextArea/TextArea.mjs.map +1 -1
- package/dist/esm/components/TextField/TextField.mjs.map +1 -1
- package/dist/esm/components/ThemeProvider/ThemeProvider.mjs.map +1 -1
- package/dist/esm/components/Toast/Toast.mjs.map +1 -1
- package/dist/esm/components/TokenProvider/TokenProvider.mjs.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.mjs.map +1 -1
- package/dist/esm/components/WindowProvider/WindowProvider.mjs.map +1 -1
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/styles.css +1 -1
- package/dist/esm/types/props-helpers.mjs +4 -0
- package/dist/esm/types/props-helpers.mjs.map +1 -1
- package/dist/types/components/AlphaAvatar/Avatar.d.ts.map +1 -1
- package/dist/types/components/AlphaAvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/types/components/AlphaButton/Button.d.ts.map +1 -1
- package/dist/types/components/AlphaDialogPrimitive/DialogPrimitive.d.ts.map +1 -1
- package/dist/types/components/AlphaFloatingButton/FloatingButton.d.ts.map +1 -1
- package/dist/types/components/AlphaFloatingIconButton/FloatingIconButton.d.ts.map +1 -1
- package/dist/types/components/AlphaIconButton/IconButton.d.ts.map +1 -1
- package/dist/types/components/AlphaLoader/Loader.d.ts.map +1 -1
- package/dist/types/components/AlphaStatusBadge/StatusBadge.d.ts.map +1 -1
- package/dist/types/components/AlphaToggleButton/ToggleButton.d.ts.map +1 -1
- package/dist/types/components/AlphaToggleButton/ToggleButton.types.d.ts +0 -5
- package/dist/types/components/AlphaToggleButton/ToggleButton.types.d.ts.map +1 -1
- package/dist/types/components/AlphaToggleButtonGroup/ToggleButtonGroup.d.ts.map +1 -1
- package/dist/types/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.d.ts +32 -0
- package/dist/types/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.d.ts.map +1 -0
- package/dist/types/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.types.d.ts +54 -0
- package/dist/types/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.types.d.ts.map +1 -0
- package/dist/types/components/AlphaToggleEmojiButtonGroup/index.d.ts +3 -0
- package/dist/types/components/AlphaToggleEmojiButtonGroup/index.d.ts.map +1 -0
- package/dist/types/components/AlphaToggleEmojiButtonGroup/useToggleEmojiButtonSize.d.ts +10 -0
- package/dist/types/components/AlphaToggleEmojiButtonGroup/useToggleEmojiButtonSize.d.ts.map +1 -0
- package/dist/types/components/AlphaTooltipPrimitive/TooltipPrimitive.d.ts.map +1 -1
- package/dist/types/components/AppProvider/AppProvider.d.ts.map +1 -1
- package/dist/types/components/AutoFocus/AutoFocus.d.ts.map +1 -1
- package/dist/types/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/types/components/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/types/components/Badge/Badge.d.ts.map +1 -1
- package/dist/types/components/Banner/Banner.d.ts.map +1 -1
- package/dist/types/components/BaseButton/BaseButton.d.ts.map +1 -1
- package/dist/types/components/BaseTagBadge/BaseTagBadge.d.ts.map +1 -1
- package/dist/types/components/Box/Box.d.ts.map +1 -1
- package/dist/types/components/Button/Button.d.ts.map +1 -1
- package/dist/types/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/types/components/Center/Center.d.ts.map +1 -1
- package/dist/types/components/CheckableAvatar/CheckableAvatar.d.ts.map +1 -1
- package/dist/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/types/components/ConfirmModal/ConfirmModal.d.ts.map +1 -1
- package/dist/types/components/Divider/Divider.d.ts.map +1 -1
- package/dist/types/components/Emoji/Emoji.d.ts.map +1 -1
- package/dist/types/components/FeatureProvider/FeatureProvider.d.ts.map +1 -1
- package/dist/types/components/FormControl/FormControl.d.ts.map +1 -1
- package/dist/types/components/FormGroup/FormGroup.d.ts.map +1 -1
- package/dist/types/components/FormHelperText/FormHelperText.d.ts.map +1 -1
- package/dist/types/components/FormLabel/FormLabel.d.ts.map +1 -1
- package/dist/types/components/Help/Help.d.ts.map +1 -1
- package/dist/types/components/Icon/Icon.d.ts.map +1 -1
- package/dist/types/components/KeyValueItem/KeyValueItem.d.ts.map +1 -1
- package/dist/types/components/LegacyIcon/LegacyIcon.d.ts.map +1 -1
- package/dist/types/components/LegacyIcon/utils.d.ts.map +1 -1
- package/dist/types/components/LegacyStack/LegacyHStack/LegacyHStack.d.ts.map +1 -1
- package/dist/types/components/LegacyStack/LegacySpacer/LegacySpacer.d.ts.map +1 -1
- package/dist/types/components/LegacyStack/LegacyStack/LegacyStack.d.ts.map +1 -1
- package/dist/types/components/LegacyStack/LegacyStackItem/LegacyStackItem.d.ts.map +1 -1
- package/dist/types/components/LegacyStack/LegacyVStack/LegacyVStack.d.ts.map +1 -1
- package/dist/types/components/LegacyTooltip/LegacyTooltip.d.ts.map +1 -1
- package/dist/types/components/LegacyTooltip/LegacyTooltipContent.d.ts.map +1 -1
- package/dist/types/components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/types/components/Modal/Modal.d.ts.map +1 -1
- package/dist/types/components/NavGroup/NavGroup.d.ts.map +1 -1
- package/dist/types/components/NavItem/NavItem.d.ts.map +1 -1
- package/dist/types/components/OutlineItem/OutlineItem.d.ts.map +1 -1
- package/dist/types/components/Overlay/Overlay.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/types/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/types/components/SectionLabel/SectionLabel.d.ts.map +1 -1
- package/dist/types/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/types/components/Select/Select.d.ts.map +1 -1
- package/dist/types/components/Slider/Slider.d.ts.map +1 -1
- package/dist/types/components/SmoothCornersBox/SmoothCornersBox.d.ts.map +1 -1
- package/dist/types/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/types/components/Stack/Stack.d.ts.map +1 -1
- package/dist/types/components/Status/Status.d.ts.map +1 -1
- package/dist/types/components/Switch/Switch.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/components/Tag/Tag.d.ts.map +1 -1
- package/dist/types/components/Text/Text.d.ts.map +1 -1
- package/dist/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/types/components/TextField/TextField.d.ts.map +1 -1
- package/dist/types/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/types/components/Toast/Toast.d.ts.map +1 -1
- package/dist/types/components/TokenProvider/TokenProvider.d.ts.map +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/dist/types/components/WindowProvider/WindowProvider.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/types/props-helpers.d.ts +3 -2
- package/dist/types/types/props-helpers.d.ts.map +1 -1
- package/dist/types/types/props.d.ts +7 -2
- package/dist/types/types/props.d.ts.map +1 -1
- package/package.json +7 -4
- package/src/components/AlphaAvatar/Avatar.figma.tsx +65 -0
- package/src/components/AlphaAvatar/Avatar.tsx +2 -0
- package/src/components/AlphaAvatarGroup/AvatarGroup.figma.tsx +37 -0
- package/src/components/AlphaAvatarGroup/AvatarGroup.tsx +2 -0
- package/src/components/AlphaButton/Button.figma.tsx +55 -0
- package/src/components/AlphaButton/Button.module.scss +42 -55
- package/src/components/AlphaButton/Button.tsx +2 -0
- package/src/components/AlphaDialogPrimitive/DialogPrimitive.tsx +2 -0
- package/src/components/AlphaFloatingButton/FloatingButton.figma.tsx +53 -0
- package/src/components/AlphaFloatingButton/FloatingButton.module.scss +57 -77
- package/src/components/AlphaFloatingButton/FloatingButton.tsx +2 -0
- package/src/components/AlphaFloatingIconButton/FloatingIconButton.figma.tsx +49 -0
- package/src/components/AlphaFloatingIconButton/FloatingIconButton.module.scss +45 -58
- package/src/components/AlphaFloatingIconButton/FloatingIconButton.tsx +2 -0
- package/src/components/AlphaIconButton/IconButton.figma.tsx +56 -0
- package/src/components/AlphaIconButton/IconButton.tsx +2 -0
- package/src/components/AlphaLoader/Loader.tsx +2 -0
- package/src/components/AlphaStatusBadge/StatusBadge.figma.tsx +27 -0
- package/src/components/AlphaStatusBadge/StatusBadge.tsx +2 -0
- package/src/components/AlphaToggleButton/AlphaToggleButton.stories.tsx +0 -1
- package/src/components/AlphaToggleButton/ToggleButton.module.scss +0 -24
- package/src/components/AlphaToggleButton/ToggleButton.tsx +3 -24
- package/src/components/AlphaToggleButton/ToggleButton.types.ts +0 -6
- package/src/components/AlphaToggleButtonGroup/ToggleButtonGroup.tsx +2 -0
- package/src/components/AlphaToggleEmojiButtonGroup/AlphaToggleEmojiButtonGroup.stories.tsx +66 -0
- package/src/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.module.scss +76 -0
- package/src/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.tsx +141 -0
- package/src/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.types.ts +62 -0
- package/src/components/AlphaToggleEmojiButtonGroup/index.ts +9 -0
- package/src/components/AlphaToggleEmojiButtonGroup/useToggleEmojiButtonSize.ts +62 -0
- package/src/components/AlphaTooltipPrimitive/TooltipPrimitive.tsx +2 -0
- package/src/components/AppProvider/AppProvider.tsx +2 -0
- package/src/components/AutoFocus/AutoFocus.tsx +2 -0
- package/src/components/Avatar/Avatar.tsx +2 -0
- package/src/components/AvatarGroup/AvatarGroup.tsx +2 -0
- package/src/components/Badge/Badge.tsx +2 -0
- package/src/components/Banner/Banner.tsx +2 -0
- package/src/components/BaseButton/BaseButton.tsx +2 -0
- package/src/components/BaseTagBadge/BaseTagBadge.tsx +2 -0
- package/src/components/Box/Box.tsx +2 -0
- package/src/components/Button/Button.tsx +2 -0
- package/src/components/ButtonGroup/ButtonGroup.tsx +2 -0
- package/src/components/Center/Center.tsx +2 -0
- package/src/components/CheckableAvatar/CheckableAvatar.tsx +2 -0
- package/src/components/Checkbox/Checkbox.tsx +2 -0
- package/src/components/ConfirmModal/ConfirmModal.tsx +2 -0
- package/src/components/Divider/Divider.tsx +2 -0
- package/src/components/Emoji/Emoji.tsx +2 -0
- package/src/components/FeatureProvider/FeatureProvider.tsx +2 -0
- package/src/components/FormControl/FormControl.tsx +2 -0
- package/src/components/FormGroup/FormGroup.tsx +2 -0
- package/src/components/FormHelperText/FormHelperText.tsx +2 -0
- package/src/components/FormLabel/FormLabel.tsx +2 -0
- package/src/components/Help/Help.tsx +2 -0
- package/src/components/Icon/Icon.tsx +2 -0
- package/src/components/KeyValueItem/KeyValueItem.tsx +2 -0
- package/src/components/LegacyIcon/LegacyIcon.tsx +2 -0
- package/src/components/LegacyIcon/utils.ts +3 -2
- package/src/components/LegacyStack/LegacyHStack/LegacyHStack.tsx +2 -0
- package/src/components/LegacyStack/LegacySpacer/LegacySpacer.tsx +2 -0
- package/src/components/LegacyStack/LegacyStack/LegacyStack.tsx +2 -0
- package/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx +2 -0
- package/src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx +2 -0
- package/src/components/LegacyTooltip/LegacyTooltip.tsx +2 -0
- package/src/components/LegacyTooltip/LegacyTooltipContent.tsx +2 -0
- package/src/components/ListItem/ListItem.tsx +2 -0
- package/src/components/Modal/Modal.tsx +2 -0
- package/src/components/NavGroup/NavGroup.tsx +2 -0
- package/src/components/NavItem/NavItem.tsx +2 -0
- package/src/components/OutlineItem/OutlineItem.tsx +2 -0
- package/src/components/Overlay/Overlay.tsx +2 -0
- package/src/components/ProgressBar/ProgressBar.tsx +2 -0
- package/src/components/RadioGroup/RadioGroup.tsx +2 -0
- package/src/components/SectionLabel/SectionLabel.tsx +2 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +2 -0
- package/src/components/Select/Select.tsx +2 -0
- package/src/components/Slider/Slider.tsx +2 -0
- package/src/components/SmoothCornersBox/SmoothCornersBox.tsx +2 -0
- package/src/components/Spinner/Spinner.tsx +2 -0
- package/src/components/Stack/Stack.tsx +2 -0
- package/src/components/Status/Status.tsx +2 -0
- package/src/components/Switch/Switch.tsx +2 -0
- package/src/components/Tabs/Tabs.tsx +2 -0
- package/src/components/Tag/Tag.tsx +2 -0
- package/src/components/Text/Text.tsx +2 -0
- package/src/components/TextArea/TextArea.tsx +2 -0
- package/src/components/TextField/TextField.tsx +2 -0
- package/src/components/ThemeProvider/ThemeProvider.tsx +2 -0
- package/src/components/Toast/Toast.tsx +2 -0
- package/src/components/TokenProvider/TokenProvider.tsx +2 -0
- package/src/components/Tooltip/Tooltip.tsx +2 -0
- package/src/components/VisuallyHidden/VisuallyHidden.tsx +2 -0
- package/src/components/WindowProvider/WindowProvider.tsx +2 -0
- package/src/index.ts +1 -0
- package/src/styles/components/layout.module.scss +4 -0
- package/src/types/props-helpers.ts +4 -0
- package/src/types/props.ts +7 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAA;AAqBd,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIjE,eAAO,MAAM,uBAAuB,2BAA2B,CAAA;AAE/D,eAAO,MAAM,MAAM,+EAsKjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAA;AASnE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAIjD,eAAO,MAAM,cAAc,kBAAkB,CAAA;AAkD7C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,qFAuEjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SmoothCornersBox.d.ts","sourceRoot":"","sources":["../../../../src/components/SmoothCornersBox/SmoothCornersBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SmoothCornersBox.d.ts","sourceRoot":"","sources":["../../../../src/components/SmoothCornersBox/SmoothCornersBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAQzC,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAIrE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,8FAsD3B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAMzC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAInD,eAAO,MAAM,eAAe,mBAAmB,CAAA;AAE/C,eAAO,MAAM,OAAO,qFAyBnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIzE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,oGAkDjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,qGAQlB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,qGAQlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../src/components/Status/Status.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAUnE,OAAO,EAAE,KAAK,WAAW,EAAmB,MAAM,gBAAgB,CAAA;AAkBlE;;GAEG;AACH,eAAO,MAAM,MAAM,+GA+BlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAQzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAIjD,eAAO,MAAM,cAAc,kBAAkB,CAAA;AAE7C;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,uFAyClB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAalD,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAElB,KAAK,YAAY,EAEjB,KAAK,SAAS,EACf,qBAAwC;AAKzC;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,eAAO,MAAM,IAAI,kFAef,CAAA;AAOF;;GAEG;AACH,eAAO,MAAM,OAAO,qFAyBnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,sFAYpB,CAAA;AAYD;;GAEG;AACH,eAAO,MAAM,OAAO,wFA8BnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,wFAYtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,wFActB,CAAA;AAsBD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAsDhB,CAAC,IAA+B,SAAlB,MAAM,GAAG,SAAS,EACpC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAA;CACjD,KACE,GAAG,CAAC,OAAO,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAS/C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAA;AAI3C,eAAO,MAAM,WAAW,eAAe,CAAA;AACvC,eAAO,MAAM,kBAAkB,2BAA2B,CAAA;AAE1D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,GAAG,4GAyCf,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAI7C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI,mGAgDhB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAcjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIrD,eAAO,MAAM,QAAQ,2FA4DpB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAA;AAoBd,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAA;AAI1B,eAAO,MAAM,kBAAkB,sBAAsB,CAAA;AACrD,eAAO,MAAM,6BAA6B,iCAAiC,CAAA;AAoH3E,eAAO,MAAM,SAAS,qFAwRrB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAMzC,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAA;AAE9B;;GAEG;AACH,wBAAgB,YAAY,8BAE3B;AAED;;GAEG;AACH,wBAAgB,SAAS,uEAExB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,wFAezB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,6FAa7B,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,6FAa5B,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,6FAahC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AA2BvE,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,eAAe,CAAA;AA8BtB,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,UAAU,EAAE,cAAc,EAC1B,MAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,MAAgB,EAChB,WAAkB,EAClB,kBAAkB,EAClB,OAAW,EACX,SAAS,GACV,EAAE,UAAU,qBAmGZ;AAkBD,wBAAgB,aAAa,CAAC,EAC5B,kBAAyB,EACzB,SAAS,EAAE,cAAc,EACzB,MAAgB,EAChB,MAAuB,EACvB,QAAa,GACd,EAAE,kBAAkB,qBAmDpB;AAED,wBAAgB,QAAQ;;;;;;;EAevB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenProvider/TokenProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TokenProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenProvider/TokenProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAA;AAE9B,QAAA,MAA6B,eAAe,6CACoB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,CAAA;AAa1B;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBAcxE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAA;AAkBd,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AA6EzE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO,qFAwKnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAEjE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,qBAM/D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WindowProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/WindowProvider/WindowProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WindowProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/WindowProvider/WindowProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACzB,MAAM,wBAAwB,CAAA;AAK/B;;GAEG;AACH,wBAAgB,SAAS,uBAExB;AAED;;GAEG;AACH,wBAAgB,cAAc,gBAE7B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,qBAevE"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export * from "./components/AlphaLoader";
|
|
|
11
11
|
export * from "./components/AlphaStatusBadge";
|
|
12
12
|
export * from "./components/AlphaToggleButton";
|
|
13
13
|
export * from "./components/AlphaToggleButtonGroup";
|
|
14
|
+
export * from "./components/AlphaToggleEmojiButtonGroup";
|
|
14
15
|
export * from "./components/AlphaTooltipPrimitive";
|
|
15
16
|
export * from "./components/AppProvider";
|
|
16
17
|
export * from "./components/AutoFocus";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAGlD,yCAA4C;AAC5C,8CAAiD;AACjD,yCAA4C;AAC5C,kDAAqD;AACrD,iDAAoD;AACpD,qDAAwD;AACxD,6CAAgD;AAChD,yCAA4C;AAC5C,8CAAiD;AACjD,+CAAkD;AAClD,oDAAuD;AACvD,mDAAsD;AACtD,yCAA4C;AAC5C,uCAA0C;AAC1C,oCAAuC;AACvC,yCAA4C;AAC5C,mCAAsC;AACtC,oCAAuC;AACvC,iCAAoC;AACpC,oCAAuC;AACvC,yCAA4C;AAC5C,oCAAuC;AACvC,6CAAgD;AAChD,sCAAyC;AACzC,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,6CAAgD;AAChD,yCAA4C;AAC5C,uCAA0C;AAC1C,4CAA+C;AAC/C,uCAA0C;AAC1C,kCAAqC;AACrC,kCAAqC;AACrC,0CAA6C;AAC7C,wCAA2C;AAC3C,yCAA4C;AAC5C,2CAA8C;AAC9C,sCAAyC;AACzC,mCAAsC;AACtC,sCAAyC;AACzC,qCAAwC;AACxC,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,wCAA2C;AAC3C,0CAA6C;AAC7C,8CAAiD;AACjD,oCAAuC;AACvC,oCAAuC;AACvC,8CAAiD;AACjD,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,oCAAuC;AACvC,kCAAqC;AACrC,iCAAoC;AACpC,kCAAqC;AACrC,sCAAyC;AACzC,uCAA0C;AAC1C,2CAA8C;AAC9C,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAC/C,4CAA+C;AAG/C,8DAAiE;AAGjE,8BAAiC;AACjC,+BAAkC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAGlD,yCAA4C;AAC5C,8CAAiD;AACjD,yCAA4C;AAC5C,kDAAqD;AACrD,iDAAoD;AACpD,qDAAwD;AACxD,6CAAgD;AAChD,yCAA4C;AAC5C,8CAAiD;AACjD,+CAAkD;AAClD,oDAAuD;AACvD,yDAA4D;AAC5D,mDAAsD;AACtD,yCAA4C;AAC5C,uCAA0C;AAC1C,oCAAuC;AACvC,yCAA4C;AAC5C,mCAAsC;AACtC,oCAAuC;AACvC,iCAAoC;AACpC,oCAAuC;AACvC,yCAA4C;AAC5C,oCAAuC;AACvC,6CAAgD;AAChD,sCAAyC;AACzC,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,6CAAgD;AAChD,yCAA4C;AAC5C,uCAA0C;AAC1C,4CAA+C;AAC/C,uCAA0C;AAC1C,kCAAqC;AACrC,kCAAqC;AACrC,0CAA6C;AAC7C,wCAA2C;AAC3C,yCAA4C;AAC5C,2CAA8C;AAC9C,sCAAyC;AACzC,mCAAsC;AACtC,sCAAyC;AACzC,qCAAwC;AACxC,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,wCAA2C;AAC3C,0CAA6C;AAC7C,8CAAiD;AACjD,oCAAuC;AACvC,oCAAuC;AACvC,8CAAiD;AACjD,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,oCAAuC;AACvC,kCAAqC;AACrC,iCAAoC;AACpC,kCAAqC;AACrC,sCAAyC;AACzC,uCAA0C;AAC1C,2CAA8C;AAC9C,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAC/C,4CAA+C;AAG/C,8DAAiE;AAGjE,8BAAiC;AACjC,+BAAkC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type FormFieldSize, type LayoutProps, type MarginProps } from "./props";
|
|
2
2
|
import { type ZIndex } from "./tokens";
|
|
3
3
|
export declare const splitByMarginProps: <Props extends MarginProps>({ margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, ...rest }: Props) => [MarginProps, Omit<Props, keyof MarginProps>];
|
|
4
|
-
export declare const splitByLayoutProps: <Props extends LayoutProps>({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, ...rest }: Props) => [LayoutProps, Omit<Props, keyof LayoutProps>];
|
|
4
|
+
export declare const splitByLayoutProps: <Props extends LayoutProps>({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, basis, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, ...rest }: Props) => [LayoutProps, Omit<Props, keyof LayoutProps>];
|
|
5
5
|
export declare function getZIndexClassName(zIndex: ZIndex): string;
|
|
6
6
|
export declare const getMarginStyles: ({ margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, }: MarginProps) => {
|
|
7
7
|
style: {
|
|
@@ -15,7 +15,7 @@ export declare const getMarginStyles: ({ margin, marginHorizontal, marginVertica
|
|
|
15
15
|
};
|
|
16
16
|
className: string;
|
|
17
17
|
};
|
|
18
|
-
export declare const getLayoutStyles: ({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, }: LayoutProps) => {
|
|
18
|
+
export declare const getLayoutStyles: ({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, basis, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, }: LayoutProps) => {
|
|
19
19
|
style: {
|
|
20
20
|
'--b-padding': string | 0 | undefined;
|
|
21
21
|
'--b-padding-horizontal': string | 0 | undefined;
|
|
@@ -35,6 +35,7 @@ export declare const getLayoutStyles: ({ padding, paddingHorizontal, paddingVert
|
|
|
35
35
|
'--b-right': string | 0 | undefined;
|
|
36
36
|
'--b-bottom': string | 0 | undefined;
|
|
37
37
|
'--b-left': string | 0 | undefined;
|
|
38
|
+
'--b-basis': string | 0 | undefined;
|
|
38
39
|
'--b-shrink': import("csstype").Property.FlexShrink | undefined;
|
|
39
40
|
'--b-grow': import("csstype").Property.FlexGrow | undefined;
|
|
40
41
|
'--b-background-color': "var(--undefined)" | "var(--bg-white-high)" | "var(--bg-white-normal)" | "var(--bg-white-low)" | "var(--bg-white-dim-dark)" | "var(--bg-white-dim-light)" | "var(--bg-gnb)" | "var(--bg-navi)" | "var(--bg-header)" | "var(--bg-header-float)" | "var(--bg-lounge)" | "var(--bg-black-darkest)" | "var(--bg-black-darker)" | "var(--bg-black-dark)" | "var(--bg-black-light)" | "var(--bg-black-lighter)" | "var(--bg-black-lightest)" | "var(--bg-grey-darkest)" | "var(--bg-grey-dark)" | "var(--bg-grey-dim-lightest)" | "var(--bg-grey-light)" | "var(--bg-grey-lighter)" | "var(--bg-grey-lightest)" | "var(--bgtxt-blue-dark)" | "var(--bgtxt-blue-normal)" | "var(--bgtxt-blue-light)" | "var(--bgtxt-blue-lighter)" | "var(--bgtxt-blue-lightest)" | "var(--bgtxt-cobalt-dark)" | "var(--bgtxt-cobalt-normal)" | "var(--bgtxt-cobalt-light)" | "var(--bgtxt-cobalt-lighter)" | "var(--bgtxt-cobalt-lightest)" | "var(--bgtxt-teal-dark)" | "var(--bgtxt-teal-normal)" | "var(--bgtxt-teal-light)" | "var(--bgtxt-teal-lighter)" | "var(--bgtxt-teal-lightest)" | "var(--bgtxt-green-dark)" | "var(--bgtxt-green-normal)" | "var(--bgtxt-green-light)" | "var(--bgtxt-green-lighter)" | "var(--bgtxt-green-lightest)" | "var(--bgtxt-olive-dark)" | "var(--bgtxt-olive-normal)" | "var(--bgtxt-olive-light)" | "var(--bgtxt-olive-lighter)" | "var(--bgtxt-olive-lightest)" | "var(--bgtxt-yellow-dark)" | "var(--bgtxt-yellow-normal)" | "var(--bgtxt-yellow-light)" | "var(--bgtxt-yellow-lighter)" | "var(--bgtxt-yellow-lightest)" | "var(--bgtxt-orange-dark)" | "var(--bgtxt-orange-normal)" | "var(--bgtxt-orange-light)" | "var(--bgtxt-orange-lighter)" | "var(--bgtxt-orange-lightest)" | "var(--bgtxt-red-dark)" | "var(--bgtxt-red-normal)" | "var(--bgtxt-red-light)" | "var(--bgtxt-red-lighter)" | "var(--bgtxt-red-lightest)" | "var(--bgtxt-pink-dark)" | "var(--bgtxt-pink-normal)" | "var(--bgtxt-pink-light)" | "var(--bgtxt-pink-lighter)" | "var(--bgtxt-pink-lightest)" | "var(--bgtxt-purple-dark)" | "var(--bgtxt-purple-normal)" | "var(--bgtxt-purple-light)" | "var(--bgtxt-purple-lighter)" | "var(--bgtxt-purple-lightest)" | "var(--bgtxt-navy-dark)" | "var(--bgtxt-navy-normal)" | "var(--bgtxt-navy-light)" | "var(--bgtxt-navy-lighter)" | "var(--bgtxt-navy-lightest)" | "var(--bgtxt-absolute-black-dark)" | "var(--bgtxt-absolute-black-normal)" | "var(--bgtxt-absolute-black-light)" | "var(--bgtxt-absolute-black-lighter)" | "var(--bgtxt-absolute-black-lightest)" | "var(--bgtxt-absolute-white-dark)" | "var(--bgtxt-absolute-white-normal)" | "var(--bgtxt-absolute-white-light)" | "var(--bgtxt-absolute-white-lighter)" | "var(--bgtxt-absolute-white-lightest)" | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props-helpers.d.ts","sourceRoot":"","sources":["../../../src/types/props-helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,gBAAyB;AAC1B,OAAO,EAA+B,KAAK,MAAM,EAAE,iBAA0B;AAa7E,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,2GASzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAWtD,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,
|
|
1
|
+
{"version":3,"file":"props-helpers.d.ts","sourceRoot":"","sources":["../../../src/types/props-helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,gBAAyB;AAC1B,OAAO,EAA+B,KAAK,MAAM,EAAE,iBAA0B;AAa7E,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,2GASzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAWtD,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,6ZAqCzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAuCtD,CAAA;AAUD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,UAEhD;AAED,eAAO,MAAM,eAAe,oGAQzB,WAAW;;;;;;;;;;;CAWZ,CAAA;AAEF,eAAO,MAAM,eAAe,sZAoCzB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCZ,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,aAAa,UAE5D"}
|
|
@@ -295,12 +295,17 @@ export interface LayoutProps {
|
|
|
295
295
|
*/
|
|
296
296
|
left?: React.CSSProperties['left'];
|
|
297
297
|
/**
|
|
298
|
-
* the flex-
|
|
298
|
+
* the flex-basis value of a flex item.
|
|
299
|
+
* @default initial
|
|
300
|
+
*/
|
|
301
|
+
basis?: React.CSSProperties['flexBasis'];
|
|
302
|
+
/**
|
|
303
|
+
* the flex-shrink value of a flex item.
|
|
299
304
|
* @default initial
|
|
300
305
|
*/
|
|
301
306
|
shrink?: React.CSSProperties['flexShrink'];
|
|
302
307
|
/**
|
|
303
|
-
* the flex-grow
|
|
308
|
+
* the flex-grow value of a flex item.
|
|
304
309
|
* @default initial
|
|
305
310
|
*/
|
|
306
311
|
grow?: React.CSSProperties['flexGrow'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,SAAS,EACT,MAAM,EACN,aAAa,EACb,MAAM,EACP,MAAM,UAAU,CAAA;AAEjB;;GAEG;AACH,UAAU,qBAAqB;IAC7B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;GAQG;AACH,KAAK,gBAAgB,CAAC,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,IAC3D,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAA;AAErC;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,CAC9B,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,IACnD,CAAC,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACxC,gBAAgB,CAAC,GAAG,CAAC,GACrB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,GACpC,qBAAqB,CAAA;AAEvB;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS;IACrD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS;IACvD;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,OAAO,SAAS,MAAM,GAAG,MAAM;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAC/B,WAAW,GAAG,KAAK,CAAC,SAAS,EAC7B,YAAY,GAAG,KAAK,CAAC,SAAS;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;CACX;AAED,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAErC;;GAEG;AACH,KAAK,eAAe,CAClB,QAAQ,SAAS,YAAY,EAC7B,MAAM,SAAS,MAAM,EACrB,QAAQ,IACN;KACD,GAAG,IAAI,GAAG,QAAQ,SAAS,MAAM,GAC9B,QAAQ,GACR,QAAQ,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ;CACxD,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,+BAA+B,CAAC,WAAW,SAAS,YAAY,IAC1E,eAAe,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,GACxD,eAAe,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,CAAA;AAErD;;GAEG;AACH,MAAM,MAAM,oBAAoB,CAAC,WAAW,SAAS,YAAY,IAC/D,eAAe,CAAC,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,CAAA;AAEtD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAChD;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;IAChD;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;IAClD;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;CAC/C;AAED,KAAK,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;AAC5D,KAAK,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAExD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;IAClD;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAA;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;IAC9C;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;IAClD;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;IACpD;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IACpC;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;IAC1C;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IACtC;;;OAGG;IACH,eAAe,CAAC,EAAE,uBAAuB,GAAG,2BAA2B,CAAA;IACvE;;;OAGG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAA;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;IAChD;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;IACtD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAA;IAC1D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAA;IAC5D;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;AAEnD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC;IAC5E;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@channel.io/bezier-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"description": "React components library that implements Bezier design system.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -48,7 +48,9 @@
|
|
|
48
48
|
"prebuild": "yarn clean:build",
|
|
49
49
|
"storybook": "storybook dev -p 4101",
|
|
50
50
|
"build-storybook": "storybook build",
|
|
51
|
-
"chromatic": "chromatic --project-token=06157a6fbe6f"
|
|
51
|
+
"chromatic": "chromatic --project-token=06157a6fbe6f",
|
|
52
|
+
"code-connect": "figma connect publish",
|
|
53
|
+
"code-connect:create": "figma connect"
|
|
52
54
|
},
|
|
53
55
|
"keywords": [
|
|
54
56
|
"design",
|
|
@@ -64,6 +66,7 @@
|
|
|
64
66
|
"@babel/preset-typescript": "^7.23.3",
|
|
65
67
|
"@channel.io/bezier-icons": "0.35.0",
|
|
66
68
|
"@chromatic-com/storybook": "^1",
|
|
69
|
+
"@figma/code-connect": "^1.2.2",
|
|
67
70
|
"@rollup/plugin-alias": "^5.1.0",
|
|
68
71
|
"@rollup/plugin-babel": "^6.0.4",
|
|
69
72
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
@@ -96,7 +99,7 @@
|
|
|
96
99
|
"eslint-config-bezier": "workspace:*",
|
|
97
100
|
"eslint-plugin-jsdoc": "^48.2.0",
|
|
98
101
|
"eslint-plugin-sort-export-all": "^1.4.1",
|
|
99
|
-
"eslint-plugin-storybook": "^0.
|
|
102
|
+
"eslint-plugin-storybook": "^0.10.0",
|
|
100
103
|
"identity-obj-proxy": "^3.0.0",
|
|
101
104
|
"lightningcss": "^1.24.0",
|
|
102
105
|
"minimatch": "^9.0.3",
|
|
@@ -129,7 +132,7 @@
|
|
|
129
132
|
}
|
|
130
133
|
},
|
|
131
134
|
"dependencies": {
|
|
132
|
-
"@channel.io/bezier-tokens": "0.2.
|
|
135
|
+
"@channel.io/bezier-tokens": "0.2.11",
|
|
133
136
|
"@radix-ui/react-checkbox": "^1.0.4",
|
|
134
137
|
"@radix-ui/react-dialog": "^1.0.5",
|
|
135
138
|
"@radix-ui/react-radio-group": "^1.1.3",
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect'
|
|
4
|
+
|
|
5
|
+
import { type StatusType } from '~/src/components/Status'
|
|
6
|
+
|
|
7
|
+
import { Avatar as AlphaAvatar } from './Avatar'
|
|
8
|
+
import { type AvatarProps } from './Avatar.types'
|
|
9
|
+
|
|
10
|
+
figma.connect<
|
|
11
|
+
Pick<AvatarProps, 'size' | 'showBorder'> & {
|
|
12
|
+
status: {
|
|
13
|
+
value?: StatusType
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
>(
|
|
17
|
+
AlphaAvatar,
|
|
18
|
+
'https://www.figma.com/design/aJJF4bU82uR0jAsmWp5wlE/Navigation?node-id=1%3A19155',
|
|
19
|
+
{
|
|
20
|
+
props: {
|
|
21
|
+
size: figma.enum('size', {
|
|
22
|
+
'16': '16',
|
|
23
|
+
'20': '20',
|
|
24
|
+
'24': '24',
|
|
25
|
+
'30': '30',
|
|
26
|
+
'36': '36',
|
|
27
|
+
'42': '42',
|
|
28
|
+
'48': '48',
|
|
29
|
+
'72': '72',
|
|
30
|
+
'90': '90',
|
|
31
|
+
'120': '120',
|
|
32
|
+
}),
|
|
33
|
+
status: figma.enum('badge', {
|
|
34
|
+
none: {
|
|
35
|
+
value: undefined,
|
|
36
|
+
},
|
|
37
|
+
chat: {
|
|
38
|
+
value: undefined,
|
|
39
|
+
},
|
|
40
|
+
status: figma.nestedProps('⛔️️ alpha/Common/StatusBadge', {
|
|
41
|
+
value: figma.boolean('online', {
|
|
42
|
+
true: figma.boolean('doNotDisturb', {
|
|
43
|
+
true: 'online-crescent',
|
|
44
|
+
false: 'online',
|
|
45
|
+
}),
|
|
46
|
+
false: figma.boolean('doNotDisturb', {
|
|
47
|
+
true: 'offline-crescent',
|
|
48
|
+
false: 'offline',
|
|
49
|
+
}),
|
|
50
|
+
}),
|
|
51
|
+
}),
|
|
52
|
+
}),
|
|
53
|
+
showBorder: figma.boolean('outlineBorder'),
|
|
54
|
+
},
|
|
55
|
+
example: (props) => (
|
|
56
|
+
<AlphaAvatar
|
|
57
|
+
size={props.size}
|
|
58
|
+
avatarUrl="/* TODO */"
|
|
59
|
+
name="/* TODO */"
|
|
60
|
+
showBorder={props.showBorder}
|
|
61
|
+
status={props.status.value}
|
|
62
|
+
/>
|
|
63
|
+
),
|
|
64
|
+
}
|
|
65
|
+
)
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect'
|
|
4
|
+
|
|
5
|
+
import { AvatarGroup as AlphaAvatarGroup } from './AvatarGroup'
|
|
6
|
+
|
|
7
|
+
figma.connect(
|
|
8
|
+
AlphaAvatarGroup,
|
|
9
|
+
'https://www.figma.com/design/aJJF4bU82uR0jAsmWp5wlE/Navigation?node-id=1%3A19451',
|
|
10
|
+
{
|
|
11
|
+
props: {
|
|
12
|
+
size: figma.enum('size', {
|
|
13
|
+
'20': '20',
|
|
14
|
+
'24': '24',
|
|
15
|
+
}),
|
|
16
|
+
ellipsisType: figma.enum('variants', {
|
|
17
|
+
'icon (default)': 'icon',
|
|
18
|
+
count: 'count',
|
|
19
|
+
}),
|
|
20
|
+
max: figma.nestedProps('⛔️️ alpha/Common/$AvatarGroupSource', {
|
|
21
|
+
value: figma.enum('itemCount', {
|
|
22
|
+
'2': 2,
|
|
23
|
+
'3': 3,
|
|
24
|
+
'4': 4,
|
|
25
|
+
'5': 5,
|
|
26
|
+
}),
|
|
27
|
+
}),
|
|
28
|
+
},
|
|
29
|
+
example: (props) => (
|
|
30
|
+
<AlphaAvatarGroup
|
|
31
|
+
max={props.max.value}
|
|
32
|
+
size={props.size}
|
|
33
|
+
ellipsisType={props.ellipsisType}
|
|
34
|
+
/>
|
|
35
|
+
),
|
|
36
|
+
}
|
|
37
|
+
)
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect'
|
|
4
|
+
|
|
5
|
+
import { Button as AlphaButton } from './Button'
|
|
6
|
+
|
|
7
|
+
figma.connect(
|
|
8
|
+
AlphaButton,
|
|
9
|
+
'https://www.figma.com/design/8J76noM3T1Sp5cNPhnYQiG/Action?node-id=112%3A5533',
|
|
10
|
+
{
|
|
11
|
+
props: {
|
|
12
|
+
size: figma.enum('size', {
|
|
13
|
+
small: 's',
|
|
14
|
+
xsmall: 'xs',
|
|
15
|
+
'medium (default)': 'm',
|
|
16
|
+
large: 'l',
|
|
17
|
+
xlarge: 'xl',
|
|
18
|
+
}),
|
|
19
|
+
text: figma.string('🔄 text'),
|
|
20
|
+
variant: figma.enum('variant', {
|
|
21
|
+
primary: 'primary',
|
|
22
|
+
secondary: 'secondary',
|
|
23
|
+
tertiary: 'tertiary',
|
|
24
|
+
}),
|
|
25
|
+
color: figma.enum('color', {
|
|
26
|
+
blue: 'blue',
|
|
27
|
+
cobalt: 'cobalt',
|
|
28
|
+
red: 'red',
|
|
29
|
+
orange: 'orange',
|
|
30
|
+
green: 'green',
|
|
31
|
+
pink: 'pink',
|
|
32
|
+
purple: 'purple',
|
|
33
|
+
darkGrey: 'dark-grey',
|
|
34
|
+
lightGrey: 'light-grey',
|
|
35
|
+
'white (absolute)': 'white-absolute',
|
|
36
|
+
}),
|
|
37
|
+
/**
|
|
38
|
+
* TODO: Add Code Connect for Icon component
|
|
39
|
+
* @see {@link https://github.com/figma/code-connect/blob/main/cli/scripts/README.md}
|
|
40
|
+
*/
|
|
41
|
+
prefixContent: figma.instance('↪ 🔄 prefixContent'),
|
|
42
|
+
suffixContent: figma.instance('↪ 🔄 suffixContent'),
|
|
43
|
+
},
|
|
44
|
+
example: (props) => (
|
|
45
|
+
<AlphaButton
|
|
46
|
+
size={props.size}
|
|
47
|
+
text={props.text}
|
|
48
|
+
variant={props.variant}
|
|
49
|
+
color={props.color}
|
|
50
|
+
prefixContent={props.prefixContent}
|
|
51
|
+
suffixContent={props.suffixContent}
|
|
52
|
+
/>
|
|
53
|
+
),
|
|
54
|
+
}
|
|
55
|
+
)
|
|
@@ -5,6 +5,31 @@
|
|
|
5
5
|
$chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
|
|
6
6
|
|
|
7
7
|
.Button {
|
|
8
|
+
$primary-color-map: (
|
|
9
|
+
blue: --alpha-color-primary-bg-normal,
|
|
10
|
+
cobalt: --alpha-color-accent-bg-normal,
|
|
11
|
+
red: --alpha-color-critical-bg-normal,
|
|
12
|
+
orange: --alpha-color-warning-bg-normal,
|
|
13
|
+
green: --alpha-color-success-bg-normal,
|
|
14
|
+
pink: --alpha-color-bg-pink-normal,
|
|
15
|
+
purple: --alpha-color-bg-purple-normal,
|
|
16
|
+
dark-grey: --alpha-color-bg-grey-darkest,
|
|
17
|
+
light-grey: --alpha-color-bg-black-dark,
|
|
18
|
+
white-absolute: --alpha-color-bg-absolute-white-dark,
|
|
19
|
+
);
|
|
20
|
+
$secondary-color-map: (
|
|
21
|
+
blue: --alpha-color-primary-bg-lightest,
|
|
22
|
+
cobalt: --alpha-color-accent-bg-lightest,
|
|
23
|
+
red: --alpha-color-critical-bg-lightest,
|
|
24
|
+
orange: --alpha-color-warning-bg-lightest,
|
|
25
|
+
green: --alpha-color-success-bg-lightest,
|
|
26
|
+
pink: --alpha-color-bg-pink-lightest,
|
|
27
|
+
purple: --alpha-color-bg-purple-lightest,
|
|
28
|
+
dark-grey: --alpha-color-bg-black-lighter,
|
|
29
|
+
light-grey: --alpha-color-bg-black-lighter,
|
|
30
|
+
white-absolute: --alpha-color-bg-absolute-white-lightest,
|
|
31
|
+
);
|
|
32
|
+
|
|
8
33
|
position: relative;
|
|
9
34
|
box-sizing: border-box;
|
|
10
35
|
transition: background-color var(--transition-s);
|
|
@@ -26,10 +51,6 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
|
|
|
26
51
|
& :where(.ButtonText) {
|
|
27
52
|
padding: 0 3px;
|
|
28
53
|
}
|
|
29
|
-
|
|
30
|
-
& :where(.ButtonContent) {
|
|
31
|
-
gap: 1px;
|
|
32
|
-
}
|
|
33
54
|
}
|
|
34
55
|
|
|
35
56
|
&:where(.size-m) {
|
|
@@ -61,43 +82,17 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
|
|
|
61
82
|
|
|
62
83
|
/* background-color */
|
|
63
84
|
&:where(.variant-primary) {
|
|
64
|
-
$background-color-
|
|
65
|
-
blue: var(--alpha-color-primary-bg-normal),
|
|
66
|
-
cobalt: var(--alpha-color-accent-bg-normal),
|
|
67
|
-
red: var(--alpha-color-critical-bg-normal),
|
|
68
|
-
orange: var(--alpha-color-warning-bg-normal),
|
|
69
|
-
green: var(--alpha-color-success-bg-normal),
|
|
70
|
-
pink: var(--alpha-color-bg-pink-normal),
|
|
71
|
-
purple: var(--alpha-color-bg-purple-normal),
|
|
72
|
-
dark-grey: var(--alpha-color-bg-grey-darkest),
|
|
73
|
-
light-grey: var(--alpha-color-bg-black-dark),
|
|
74
|
-
white-absolute: var(--alpha-color-bg-absolute-white-dark),
|
|
75
|
-
);
|
|
76
|
-
|
|
77
|
-
@each $color, $background-color in $background-color-by-color {
|
|
85
|
+
@each $color, $background-color in $primary-color-map {
|
|
78
86
|
&:where(.color-#{'' + $color}) {
|
|
79
|
-
background-color: $background-color;
|
|
87
|
+
background-color: var(#{$background-color});
|
|
80
88
|
}
|
|
81
89
|
}
|
|
82
90
|
}
|
|
83
91
|
|
|
84
92
|
&:where(.variant-secondary) {
|
|
85
|
-
$background-color-
|
|
86
|
-
blue: var(--alpha-color-primary-bg-lightest),
|
|
87
|
-
cobalt: var(--alpha-color-accent-bg-lightest),
|
|
88
|
-
red: var(--alpha-color-critical-bg-lightest),
|
|
89
|
-
orange: var(--alpha-color-warning-bg-lightest),
|
|
90
|
-
green: var(--alpha-color-success-bg-lightest),
|
|
91
|
-
pink: var(--alpha-color-bg-pink-lightest),
|
|
92
|
-
purple: var(--alpha-color-bg-purple-lightest),
|
|
93
|
-
dark-grey: var(--alpha-color-bg-black-lighter),
|
|
94
|
-
light-grey: var(--alpha-color-bg-black-lighter),
|
|
95
|
-
white-absolute: var(--alpha-color-bg-absolute-white-lightest),
|
|
96
|
-
);
|
|
97
|
-
|
|
98
|
-
@each $color, $background-color in $background-color-by-color {
|
|
93
|
+
@each $color, $background-color in $secondary-color-map {
|
|
99
94
|
&:where(.color-#{'' + $color}) {
|
|
100
|
-
background-color: $background-color;
|
|
95
|
+
background-color: var(#{$background-color});
|
|
101
96
|
}
|
|
102
97
|
}
|
|
103
98
|
}
|
|
@@ -201,45 +196,37 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
|
|
|
201
196
|
/* visual effect on interaction */
|
|
202
197
|
&:where(.active, :hover):where(:not(:disabled)) {
|
|
203
198
|
&:where(.variant-primary) {
|
|
204
|
-
@each $color in $
|
|
199
|
+
@each $color, $background-color in $primary-color-map {
|
|
205
200
|
&:where(.color-#{'' + $color}) {
|
|
206
|
-
|
|
207
|
-
background-color: var(--bgtxt-#{$color}-dark);
|
|
201
|
+
background-color: var(#{$background-color}-hovered);
|
|
208
202
|
}
|
|
209
203
|
}
|
|
210
|
-
|
|
211
|
-
&:where(.color-dark-grey) {
|
|
212
|
-
background-color: var(--bg-grey-darkest);
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
&:where(.color-light-grey) {
|
|
216
|
-
background-color: var(--bg-black-darker);
|
|
217
|
-
}
|
|
218
204
|
}
|
|
219
205
|
|
|
220
206
|
&:where(.variant-secondary) {
|
|
221
|
-
@each $color in $
|
|
207
|
+
@each $color, $background-color in $secondary-color-map {
|
|
222
208
|
&:where(.color-#{'' + $color}) {
|
|
223
|
-
|
|
224
|
-
background-color: var(--bgtxt-#{$color}-lighter);
|
|
209
|
+
background-color: var(#{$background-color}-hovered);
|
|
225
210
|
}
|
|
226
211
|
}
|
|
227
|
-
|
|
228
|
-
&:where(.color-dark-grey, .color-light-grey) {
|
|
229
|
-
background-color: var(--bg-black-light);
|
|
230
|
-
}
|
|
231
212
|
}
|
|
232
213
|
|
|
233
214
|
&:where(.variant-tertiary) {
|
|
234
215
|
@each $color in $chromatic-colors {
|
|
235
216
|
&:where(.color-#{'' + $color}) {
|
|
236
217
|
/* stylelint-disable-next-line bezier/validate-token */
|
|
237
|
-
background-color: var(--
|
|
218
|
+
background-color: var(--alpha-color-bg-#{$color}-transparent-hovered);
|
|
238
219
|
}
|
|
239
220
|
}
|
|
240
221
|
|
|
241
|
-
&:where(.color-dark-grey, .color-light-grey
|
|
242
|
-
background-color: var(--bg-black-
|
|
222
|
+
&:where(.color-dark-grey, .color-light-grey) {
|
|
223
|
+
background-color: var(--alpha-color-bg-black-transparent-hovered);
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
&:where(.color-white-absolute) {
|
|
227
|
+
background-color: var(
|
|
228
|
+
--alpha-color-bg-absolute-white-transparent-hovered
|
|
229
|
+
);
|
|
243
230
|
}
|
|
244
231
|
}
|
|
245
232
|
|