@plumile/ui 0.1.53 → 0.1.55
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/lib/esm/atomic/atoms/badge/Badge.js +16 -11
- package/lib/esm/atomic/atoms/badge/Badge.js.map +1 -0
- package/lib/esm/atomic/atoms/badge/badge.css.js +8 -85
- package/lib/esm/atomic/atoms/badge/badge.css.js.map +1 -0
- package/lib/esm/atomic/atoms/badge/badge.css.ts.vanilla-BxMgYgcH.css +1 -0
- package/lib/esm/atomic/atoms/button/Button.js +55 -23
- package/lib/esm/atomic/atoms/button/Button.js.map +1 -0
- package/lib/esm/atomic/atoms/button/LinkButton.js +60 -33
- package/lib/esm/atomic/atoms/button/LinkButton.js.map +1 -0
- package/lib/esm/atomic/atoms/button/button.css.js +16 -350
- package/lib/esm/atomic/atoms/button/button.css.js.map +1 -0
- package/lib/esm/atomic/atoms/button/button.css.ts.vanilla-BYFxDZro.css +1 -0
- package/lib/esm/atomic/atoms/checkbox/Checkbox.js +40 -12
- package/lib/esm/atomic/atoms/checkbox/Checkbox.js.map +1 -0
- package/lib/esm/atomic/atoms/checkbox/checkbox.css.js +11 -98
- package/lib/esm/atomic/atoms/checkbox/checkbox.css.js.map +1 -0
- package/lib/esm/atomic/atoms/checkbox/checkbox.css.ts.vanilla-D6TvWxlo.css +1 -0
- package/lib/esm/atomic/atoms/input/Input.js +40 -44
- package/lib/esm/atomic/atoms/input/Input.js.map +1 -0
- package/lib/esm/atomic/atoms/input/input.css.js +14 -114
- package/lib/esm/atomic/atoms/input/input.css.js.map +1 -0
- package/lib/esm/atomic/atoms/input/input.css.ts.vanilla-D_X5_tcn.css +1 -0
- package/lib/esm/atomic/atoms/label/Label.js +16 -21
- package/lib/esm/atomic/atoms/label/Label.js.map +1 -0
- package/lib/esm/atomic/atoms/label/label.css.js +9 -29
- package/lib/esm/atomic/atoms/label/label.css.js.map +1 -0
- package/lib/esm/atomic/atoms/textarea/Textarea.js +17 -17
- package/lib/esm/atomic/atoms/textarea/Textarea.js.map +1 -0
- package/lib/esm/atomic/atoms/textarea/textarea.css.js +8 -101
- package/lib/esm/atomic/atoms/textarea/textarea.css.js.map +1 -0
- package/lib/esm/atomic/atoms/textarea/textarea.css.ts.vanilla-IrvNTQEt.css +1 -0
- package/lib/esm/atomic/molecules/card/Card.css.js +10 -21
- package/lib/esm/atomic/molecules/card/Card.css.js.map +1 -0
- package/lib/esm/atomic/molecules/card/Card.js +17 -16
- package/lib/esm/atomic/molecules/card/Card.js.map +1 -0
- package/lib/esm/atomic/molecules/tabs/Tabs.js +33 -31
- package/lib/esm/atomic/molecules/tabs/Tabs.js.map +1 -0
- package/lib/esm/atomic/molecules/tabs/tabs.css.js +9 -73
- package/lib/esm/atomic/molecules/tabs/tabs.css.js.map +1 -0
- package/lib/esm/atomic/molecules/tabs/tabs.css.ts.vanilla-DQm5wO0K.css +1 -0
- package/lib/esm/components/charts/BillingUsageLineChart.js +169 -162
- package/lib/esm/components/charts/BillingUsageLineChart.js.map +1 -0
- package/lib/esm/components/charts/billingUsageLineChart.css.js +12 -62
- package/lib/esm/components/charts/billingUsageLineChart.css.js.map +1 -0
- package/lib/esm/components/charts/billingUsageLineChart.css.ts.vanilla-7e3dy1Dj.css +1 -0
- package/lib/esm/components/layout/ContentLayout.css.js +18 -71
- package/lib/esm/components/layout/ContentLayout.css.js.map +1 -0
- package/lib/esm/components/layout/ContentLayout.js +75 -60
- package/lib/esm/components/layout/ContentLayout.js.map +1 -0
- package/lib/esm/components/layout/TabsContentLayout.css.js +11 -24
- package/lib/esm/components/layout/TabsContentLayout.css.js.map +1 -0
- package/lib/esm/components/layout/TabsContentLayout.css.ts.vanilla-tn0RQdqM.css +0 -0
- package/lib/esm/components/layout/TabsContentLayout.js +13 -7
- package/lib/esm/components/layout/TabsContentLayout.js.map +1 -0
- package/lib/esm/components/tile/InfoTile.css.js +18 -103
- package/lib/esm/components/tile/InfoTile.css.js.map +1 -0
- package/lib/esm/components/tile/InfoTile.css.ts.vanilla-ByCg4UKz.css +1 -0
- package/lib/esm/components/tile/InfoTile.js +63 -43
- package/lib/esm/components/tile/InfoTile.js.map +1 -0
- package/lib/esm/icons/BanSvg.js +43 -4
- package/lib/esm/icons/BanSvg.js.map +1 -0
- package/lib/esm/icons/ButtonLoadingSpinnerSvg.js +40 -4
- package/lib/esm/icons/ButtonLoadingSpinnerSvg.js.map +1 -0
- package/lib/esm/icons/ChatCheckSvg.js +41 -4
- package/lib/esm/icons/ChatCheckSvg.js.map +1 -0
- package/lib/esm/icons/ChatSizeLargeSvg.js +69 -4
- package/lib/esm/icons/ChatSizeLargeSvg.js.map +1 -0
- package/lib/esm/icons/ChatSizeMediumSvg.js +60 -4
- package/lib/esm/icons/ChatSizeMediumSvg.js.map +1 -0
- package/lib/esm/icons/ChatSizeSmallSvg.js +51 -4
- package/lib/esm/icons/ChatSizeSmallSvg.js.map +1 -0
- package/lib/esm/icons/ChatXSvg.js +41 -4
- package/lib/esm/icons/ChatXSvg.js.map +1 -0
- package/lib/esm/icons/CheckSvg.js +29 -4
- package/lib/esm/icons/CheckSvg.js.map +1 -0
- package/lib/esm/icons/ChevronDownSvg.js +29 -4
- package/lib/esm/icons/ChevronDownSvg.js.map +1 -0
- package/lib/esm/icons/ChevronLeftSvg.js +29 -4
- package/lib/esm/icons/ChevronLeftSvg.js.map +1 -0
- package/lib/esm/icons/ChevronRightSvg.js +29 -4
- package/lib/esm/icons/ChevronRightSvg.js.map +1 -0
- package/lib/esm/icons/ClockSvg.js +43 -4
- package/lib/esm/icons/ClockSvg.js.map +1 -0
- package/lib/esm/icons/CoinOffSvg.js +64 -4
- package/lib/esm/icons/CoinOffSvg.js.map +1 -0
- package/lib/esm/icons/CoinSvg.js +54 -4
- package/lib/esm/icons/CoinSvg.js.map +1 -0
- package/lib/esm/icons/DatabaseCheckSvg.js +64 -4
- package/lib/esm/icons/DatabaseCheckSvg.js.map +1 -0
- package/lib/esm/icons/DatabaseXSvg.js +64 -4
- package/lib/esm/icons/DatabaseXSvg.js.map +1 -0
- package/lib/esm/icons/DevModeSvg.js +29 -4
- package/lib/esm/icons/DevModeSvg.js.map +1 -0
- package/lib/esm/icons/EyeSvg.js +32 -4
- package/lib/esm/icons/EyeSvg.js.map +1 -0
- package/lib/esm/icons/FormErrorAlertSvg.js +28 -4
- package/lib/esm/icons/FormErrorAlertSvg.js.map +1 -0
- package/lib/esm/icons/GlobeSvg.js +26 -4
- package/lib/esm/icons/GlobeSvg.js.map +1 -0
- package/lib/esm/icons/GripDotsSvg.js +28 -5
- package/lib/esm/icons/GripDotsSvg.js.map +1 -0
- package/lib/esm/icons/HomeActivityAssignUserSvg.js +61 -4
- package/lib/esm/icons/HomeActivityAssignUserSvg.js.map +1 -0
- package/lib/esm/icons/HomeStatsCheckBadgeSvg.js +41 -4
- package/lib/esm/icons/HomeStatsCheckBadgeSvg.js.map +1 -0
- package/lib/esm/icons/HomeStatsClipboardSvg.js +41 -4
- package/lib/esm/icons/HomeStatsClipboardSvg.js.map +1 -0
- package/lib/esm/icons/HomeStatsClockSvg.js +41 -4
- package/lib/esm/icons/HomeStatsClockSvg.js.map +1 -0
- package/lib/esm/icons/KeyOffSvg.js +53 -4
- package/lib/esm/icons/KeyOffSvg.js.map +1 -0
- package/lib/esm/icons/KeySvg.js +53 -4
- package/lib/esm/icons/KeySvg.js.map +1 -0
- package/lib/esm/icons/KronexSvg.js +42 -4
- package/lib/esm/icons/KronexSvg.js.map +1 -0
- package/lib/esm/icons/LinkCheckSvg.js +51 -4
- package/lib/esm/icons/LinkCheckSvg.js.map +1 -0
- package/lib/esm/icons/LinkSvg.js +41 -4
- package/lib/esm/icons/LinkSvg.js.map +1 -0
- package/lib/esm/icons/LinkXSvg.js +51 -4
- package/lib/esm/icons/LinkXSvg.js.map +1 -0
- package/lib/esm/icons/LockOpenSvg.js +45 -4
- package/lib/esm/icons/LockOpenSvg.js.map +1 -0
- package/lib/esm/icons/LockSvg.js +45 -4
- package/lib/esm/icons/LockSvg.js.map +1 -0
- package/lib/esm/icons/MailCheckSvg.js +55 -4
- package/lib/esm/icons/MailCheckSvg.js.map +1 -0
- package/lib/esm/icons/MailSvg.js +45 -4
- package/lib/esm/icons/MailSvg.js.map +1 -0
- package/lib/esm/icons/MailXSvg.js +55 -4
- package/lib/esm/icons/MailXSvg.js.map +1 -0
- package/lib/esm/icons/ModalCloseSvg.js +41 -4
- package/lib/esm/icons/ModalCloseSvg.js.map +1 -0
- package/lib/esm/icons/PencilSvg.js +19 -4
- package/lib/esm/icons/PencilSvg.js.map +1 -0
- package/lib/esm/icons/PinFilledSvg.js +39 -5
- package/lib/esm/icons/PinFilledSvg.js.map +1 -0
- package/lib/esm/icons/PinSvg.js +42 -5
- package/lib/esm/icons/PinSvg.js.map +1 -0
- package/lib/esm/icons/ProfileDropdownLogoutSvg.js +51 -4
- package/lib/esm/icons/ProfileDropdownLogoutSvg.js.map +1 -0
- package/lib/esm/icons/ProfileDropdownOrganizationSvg.js +41 -4
- package/lib/esm/icons/ProfileDropdownOrganizationSvg.js.map +1 -0
- package/lib/esm/icons/ProjectsFolderSvg.js +29 -4
- package/lib/esm/icons/ProjectsFolderSvg.js.map +1 -0
- package/lib/esm/icons/RobotCheckSvg.js +67 -4
- package/lib/esm/icons/RobotCheckSvg.js.map +1 -0
- package/lib/esm/icons/RobotSvg.js +57 -4
- package/lib/esm/icons/RobotSvg.js.map +1 -0
- package/lib/esm/icons/RobotXSvg.js +67 -4
- package/lib/esm/icons/RobotXSvg.js.map +1 -0
- package/lib/esm/icons/RocketOffSvg.js +82 -5
- package/lib/esm/icons/RocketOffSvg.js.map +1 -0
- package/lib/esm/icons/RocketSvg.js +72 -5
- package/lib/esm/icons/RocketSvg.js.map +1 -0
- package/lib/esm/icons/SendCheckSvg.js +54 -4
- package/lib/esm/icons/SendCheckSvg.js.map +1 -0
- package/lib/esm/icons/SendMessageSvg.js +44 -4
- package/lib/esm/icons/SendMessageSvg.js.map +1 -0
- package/lib/esm/icons/SendXSvg.js +54 -4
- package/lib/esm/icons/SendXSvg.js.map +1 -0
- package/lib/esm/icons/SettingsCheckSvg.js +51 -4
- package/lib/esm/icons/SettingsCheckSvg.js.map +1 -0
- package/lib/esm/icons/SettingsXSvg.js +51 -4
- package/lib/esm/icons/SettingsXSvg.js.map +1 -0
- package/lib/esm/icons/ShieldLockSvg.js +55 -4
- package/lib/esm/icons/ShieldLockSvg.js.map +1 -0
- package/lib/esm/icons/ShieldOffSvg.js +41 -4
- package/lib/esm/icons/ShieldOffSvg.js.map +1 -0
- package/lib/esm/icons/SidebarHomeSvg.js +41 -4
- package/lib/esm/icons/SidebarHomeSvg.js.map +1 -0
- package/lib/esm/icons/SidebarInitiativesSvg.js +51 -4
- package/lib/esm/icons/SidebarInitiativesSvg.js.map +1 -0
- package/lib/esm/icons/SidebarPlusSvg.js +41 -4
- package/lib/esm/icons/SidebarPlusSvg.js.map +1 -0
- package/lib/esm/icons/SidebarSearchSvg.js +41 -4
- package/lib/esm/icons/SidebarSearchSvg.js.map +1 -0
- package/lib/esm/icons/SidebarSettingsSvg.js +41 -4
- package/lib/esm/icons/SidebarSettingsSvg.js.map +1 -0
- package/lib/esm/icons/SidebarTasksSvg.js +41 -4
- package/lib/esm/icons/SidebarTasksSvg.js.map +1 -0
- package/lib/esm/icons/SidebarTeamSvg.js +61 -4
- package/lib/esm/icons/SidebarTeamSvg.js.map +1 -0
- package/lib/esm/icons/TaskAttachmentSvg.js +29 -4
- package/lib/esm/icons/TaskAttachmentSvg.js.map +1 -0
- package/lib/esm/icons/TaskCalendarSvg.js +61 -4
- package/lib/esm/icons/TaskCalendarSvg.js.map +1 -0
- package/lib/esm/icons/TaskCommentBubbleSvg.js +29 -4
- package/lib/esm/icons/TaskCommentBubbleSvg.js.map +1 -0
- package/lib/esm/icons/TaskDeleteSvg.js +41 -4
- package/lib/esm/icons/TaskDeleteSvg.js.map +1 -0
- package/lib/esm/icons/TaskDependencyBlockedSvg.js +42 -5
- package/lib/esm/icons/TaskDependencyBlockedSvg.js.map +1 -0
- package/lib/esm/icons/TaskDependencyReadySvg.js +42 -5
- package/lib/esm/icons/TaskDependencyReadySvg.js.map +1 -0
- package/lib/esm/icons/TaskMenuDotsSvg.js +51 -4
- package/lib/esm/icons/TaskMenuDotsSvg.js.map +1 -0
- package/lib/esm/icons/TaskTagSvg.js +41 -4
- package/lib/esm/icons/TaskTagSvg.js.map +1 -0
- package/lib/esm/icons/TeamMemberEmailSvg.js +41 -4
- package/lib/esm/icons/TeamMemberEmailSvg.js.map +1 -0
- package/lib/esm/icons/TeamMemberLocationSvg.js +41 -4
- package/lib/esm/icons/TeamMemberLocationSvg.js.map +1 -0
- package/lib/esm/icons/WrenchSvg.js +29 -4
- package/lib/esm/icons/WrenchSvg.js.map +1 -0
- package/lib/esm/icons/XBadgeSvg.js +41 -4
- package/lib/esm/icons/XBadgeSvg.js.map +1 -0
- package/lib/esm/icons/markdown/MarkdownCheckboxCheckedSvg.js +41 -5
- package/lib/esm/icons/markdown/MarkdownCheckboxCheckedSvg.js.map +1 -0
- package/lib/esm/icons/markdown/MarkdownCheckboxUncheckedSvg.js +28 -5
- package/lib/esm/icons/markdown/MarkdownCheckboxUncheckedSvg.js.map +1 -0
- package/lib/esm/icons/markdown/MarkdownCopySuccessSvg.js +52 -5
- package/lib/esm/icons/markdown/MarkdownCopySuccessSvg.js.map +1 -0
- package/lib/esm/icons/markdown/MarkdownCopySvg.js +41 -5
- package/lib/esm/icons/markdown/MarkdownCopySvg.js.map +1 -0
- package/lib/esm/icons/markdown/MarkdownExternalLinkSvg.js +50 -5
- package/lib/esm/icons/markdown/MarkdownExternalLinkSvg.js.map +1 -0
- package/lib/esm/index.js +56 -16
- package/lib/esm/index.js.map +1 -0
- package/lib/esm/svg/ChevronDownIcon.js +10 -6
- package/lib/esm/svg/ChevronDownIcon.js.map +1 -0
- package/lib/esm/svg/ChevronRightIcon.js +9 -5
- package/lib/esm/svg/ChevronRightIcon.js.map +1 -0
- package/lib/esm/svg/GlobeIcon.js +6 -5
- package/lib/esm/svg/GlobeIcon.js.map +1 -0
- package/lib/esm/theme/ThemeProvider.js +36 -45
- package/lib/esm/theme/ThemeProvider.js.map +1 -0
- package/lib/esm/theme/VisuallyHidden.js +7 -6
- package/lib/esm/theme/VisuallyHidden.js.map +1 -0
- package/lib/esm/theme/accessibility.css.js +9 -21
- package/lib/esm/theme/accessibility.css.js.map +1 -0
- package/lib/esm/theme/accessibility.css.ts.vanilla-D6gfeWvf.css +1 -0
- package/lib/esm/theme/colors.js +100 -97
- package/lib/esm/theme/colors.js.map +1 -0
- package/lib/esm/theme/common.js +122 -119
- package/lib/esm/theme/common.js.map +1 -0
- package/lib/esm/theme/containerQueries.js +13 -10
- package/lib/esm/theme/containerQueries.js.map +1 -0
- package/lib/esm/theme/global.css.js +2 -112
- package/lib/esm/theme/global.css.js.map +1 -0
- package/lib/esm/theme/global.css.ts.vanilla-ClXnHnoy.css +1 -0
- package/lib/esm/theme/index.js +28 -9
- package/lib/esm/theme/index.js.map +1 -0
- package/lib/esm/theme/sprinkles.css.js +9 -413
- package/lib/esm/theme/sprinkles.css.js.map +1 -0
- package/lib/esm/theme/sprinkles.css.ts.vanilla-DOI5FNoi.css +1 -0
- package/lib/esm/theme/theme.css.js +2 -757
- package/lib/esm/theme/theme.css.js.map +1 -0
- package/lib/esm/theme/theme.css.ts.vanilla-a3SsXff5.css +1 -0
- package/lib/esm/theme/themeContract.js +914 -914
- package/lib/esm/theme/themeContract.js.map +1 -0
- package/lib/esm/theme/tools.js +19 -29
- package/lib/esm/theme/tools.js.map +1 -0
- package/package.json +3 -3
- package/lib/esm/atomic/atoms/badge/Badge.d.ts +0 -11
- package/lib/esm/atomic/atoms/badge/Badge.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/badge/badge.css.d.ts +0 -17
- package/lib/esm/atomic/atoms/badge/badge.css.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/button/Button.d.ts +0 -18
- package/lib/esm/atomic/atoms/button/Button.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/button/LinkButton.d.ts +0 -19
- package/lib/esm/atomic/atoms/button/LinkButton.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/button/button.css.d.ts +0 -54
- package/lib/esm/atomic/atoms/button/button.css.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/checkbox/Checkbox.d.ts +0 -9
- package/lib/esm/atomic/atoms/checkbox/Checkbox.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/checkbox/checkbox.css.d.ts +0 -16
- package/lib/esm/atomic/atoms/checkbox/checkbox.css.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/input/Input.d.ts +0 -14
- package/lib/esm/atomic/atoms/input/Input.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/input/input.css.d.ts +0 -24
- package/lib/esm/atomic/atoms/input/input.css.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/label/Label.d.ts +0 -10
- package/lib/esm/atomic/atoms/label/Label.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/label/label.css.d.ts +0 -15
- package/lib/esm/atomic/atoms/label/label.css.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/textarea/Textarea.d.ts +0 -14
- package/lib/esm/atomic/atoms/textarea/Textarea.d.ts.map +0 -1
- package/lib/esm/atomic/atoms/textarea/textarea.css.d.ts +0 -18
- package/lib/esm/atomic/atoms/textarea/textarea.css.d.ts.map +0 -1
- package/lib/esm/atomic/molecules/card/Card.css.d.ts +0 -5
- package/lib/esm/atomic/molecules/card/Card.css.d.ts.map +0 -1
- package/lib/esm/atomic/molecules/card/Card.d.ts +0 -11
- package/lib/esm/atomic/molecules/card/Card.d.ts.map +0 -1
- package/lib/esm/atomic/molecules/tabs/Tabs.d.ts +0 -20
- package/lib/esm/atomic/molecules/tabs/Tabs.d.ts.map +0 -1
- package/lib/esm/atomic/molecules/tabs/tabs.css.d.ts +0 -11
- package/lib/esm/atomic/molecules/tabs/tabs.css.d.ts.map +0 -1
- package/lib/esm/components/charts/BillingUsageLineChart.d.ts +0 -19
- package/lib/esm/components/charts/BillingUsageLineChart.d.ts.map +0 -1
- package/lib/esm/components/charts/billingUsageLineChart.css.d.ts +0 -7
- package/lib/esm/components/charts/billingUsageLineChart.css.d.ts.map +0 -1
- package/lib/esm/components/layout/ContentLayout.css.d.ts +0 -13
- package/lib/esm/components/layout/ContentLayout.css.d.ts.map +0 -1
- package/lib/esm/components/layout/ContentLayout.d.ts +0 -22
- package/lib/esm/components/layout/ContentLayout.d.ts.map +0 -1
- package/lib/esm/components/layout/TabsContentLayout.css.d.ts +0 -6
- package/lib/esm/components/layout/TabsContentLayout.css.d.ts.map +0 -1
- package/lib/esm/components/layout/TabsContentLayout.d.ts +0 -9
- package/lib/esm/components/layout/TabsContentLayout.d.ts.map +0 -1
- package/lib/esm/components/tile/InfoTile.css.d.ts +0 -13
- package/lib/esm/components/tile/InfoTile.css.d.ts.map +0 -1
- package/lib/esm/components/tile/InfoTile.d.ts +0 -23
- package/lib/esm/components/tile/InfoTile.d.ts.map +0 -1
- package/lib/esm/icons/BanSvg.d.ts +0 -5
- package/lib/esm/icons/BanSvg.d.ts.map +0 -1
- package/lib/esm/icons/ButtonLoadingSpinnerSvg.d.ts +0 -5
- package/lib/esm/icons/ButtonLoadingSpinnerSvg.d.ts.map +0 -1
- package/lib/esm/icons/ChatCheckSvg.d.ts +0 -5
- package/lib/esm/icons/ChatCheckSvg.d.ts.map +0 -1
- package/lib/esm/icons/ChatSizeLargeSvg.d.ts +0 -5
- package/lib/esm/icons/ChatSizeLargeSvg.d.ts.map +0 -1
- package/lib/esm/icons/ChatSizeMediumSvg.d.ts +0 -5
- package/lib/esm/icons/ChatSizeMediumSvg.d.ts.map +0 -1
- package/lib/esm/icons/ChatSizeSmallSvg.d.ts +0 -5
- package/lib/esm/icons/ChatSizeSmallSvg.d.ts.map +0 -1
- package/lib/esm/icons/ChatXSvg.d.ts +0 -5
- package/lib/esm/icons/ChatXSvg.d.ts.map +0 -1
- package/lib/esm/icons/CheckSvg.d.ts +0 -5
- package/lib/esm/icons/CheckSvg.d.ts.map +0 -1
- package/lib/esm/icons/ChevronDownSvg.d.ts +0 -5
- package/lib/esm/icons/ChevronDownSvg.d.ts.map +0 -1
- package/lib/esm/icons/ChevronLeftSvg.d.ts +0 -5
- package/lib/esm/icons/ChevronLeftSvg.d.ts.map +0 -1
- package/lib/esm/icons/ChevronRightSvg.d.ts +0 -5
- package/lib/esm/icons/ChevronRightSvg.d.ts.map +0 -1
- package/lib/esm/icons/ClockSvg.d.ts +0 -5
- package/lib/esm/icons/ClockSvg.d.ts.map +0 -1
- package/lib/esm/icons/CoinOffSvg.d.ts +0 -5
- package/lib/esm/icons/CoinOffSvg.d.ts.map +0 -1
- package/lib/esm/icons/CoinSvg.d.ts +0 -5
- package/lib/esm/icons/CoinSvg.d.ts.map +0 -1
- package/lib/esm/icons/DatabaseCheckSvg.d.ts +0 -5
- package/lib/esm/icons/DatabaseCheckSvg.d.ts.map +0 -1
- package/lib/esm/icons/DatabaseXSvg.d.ts +0 -5
- package/lib/esm/icons/DatabaseXSvg.d.ts.map +0 -1
- package/lib/esm/icons/DevModeSvg.d.ts +0 -5
- package/lib/esm/icons/DevModeSvg.d.ts.map +0 -1
- package/lib/esm/icons/EyeSvg.d.ts +0 -5
- package/lib/esm/icons/EyeSvg.d.ts.map +0 -1
- package/lib/esm/icons/FormErrorAlertSvg.d.ts +0 -5
- package/lib/esm/icons/FormErrorAlertSvg.d.ts.map +0 -1
- package/lib/esm/icons/GlobeSvg.d.ts +0 -5
- package/lib/esm/icons/GlobeSvg.d.ts.map +0 -1
- package/lib/esm/icons/GripDotsSvg.d.ts +0 -5
- package/lib/esm/icons/GripDotsSvg.d.ts.map +0 -1
- package/lib/esm/icons/HomeActivityAssignUserSvg.d.ts +0 -5
- package/lib/esm/icons/HomeActivityAssignUserSvg.d.ts.map +0 -1
- package/lib/esm/icons/HomeStatsCheckBadgeSvg.d.ts +0 -5
- package/lib/esm/icons/HomeStatsCheckBadgeSvg.d.ts.map +0 -1
- package/lib/esm/icons/HomeStatsClipboardSvg.d.ts +0 -5
- package/lib/esm/icons/HomeStatsClipboardSvg.d.ts.map +0 -1
- package/lib/esm/icons/HomeStatsClockSvg.d.ts +0 -5
- package/lib/esm/icons/HomeStatsClockSvg.d.ts.map +0 -1
- package/lib/esm/icons/KeyOffSvg.d.ts +0 -5
- package/lib/esm/icons/KeyOffSvg.d.ts.map +0 -1
- package/lib/esm/icons/KeySvg.d.ts +0 -5
- package/lib/esm/icons/KeySvg.d.ts.map +0 -1
- package/lib/esm/icons/KronexSvg.d.ts +0 -5
- package/lib/esm/icons/KronexSvg.d.ts.map +0 -1
- package/lib/esm/icons/LinkCheckSvg.d.ts +0 -5
- package/lib/esm/icons/LinkCheckSvg.d.ts.map +0 -1
- package/lib/esm/icons/LinkSvg.d.ts +0 -5
- package/lib/esm/icons/LinkSvg.d.ts.map +0 -1
- package/lib/esm/icons/LinkXSvg.d.ts +0 -5
- package/lib/esm/icons/LinkXSvg.d.ts.map +0 -1
- package/lib/esm/icons/LockOpenSvg.d.ts +0 -5
- package/lib/esm/icons/LockOpenSvg.d.ts.map +0 -1
- package/lib/esm/icons/LockSvg.d.ts +0 -5
- package/lib/esm/icons/LockSvg.d.ts.map +0 -1
- package/lib/esm/icons/MailCheckSvg.d.ts +0 -5
- package/lib/esm/icons/MailCheckSvg.d.ts.map +0 -1
- package/lib/esm/icons/MailSvg.d.ts +0 -5
- package/lib/esm/icons/MailSvg.d.ts.map +0 -1
- package/lib/esm/icons/MailXSvg.d.ts +0 -5
- package/lib/esm/icons/MailXSvg.d.ts.map +0 -1
- package/lib/esm/icons/ModalCloseSvg.d.ts +0 -5
- package/lib/esm/icons/ModalCloseSvg.d.ts.map +0 -1
- package/lib/esm/icons/PencilSvg.d.ts +0 -5
- package/lib/esm/icons/PencilSvg.d.ts.map +0 -1
- package/lib/esm/icons/PinFilledSvg.d.ts +0 -5
- package/lib/esm/icons/PinFilledSvg.d.ts.map +0 -1
- package/lib/esm/icons/PinSvg.d.ts +0 -5
- package/lib/esm/icons/PinSvg.d.ts.map +0 -1
- package/lib/esm/icons/ProfileDropdownLogoutSvg.d.ts +0 -5
- package/lib/esm/icons/ProfileDropdownLogoutSvg.d.ts.map +0 -1
- package/lib/esm/icons/ProfileDropdownOrganizationSvg.d.ts +0 -5
- package/lib/esm/icons/ProfileDropdownOrganizationSvg.d.ts.map +0 -1
- package/lib/esm/icons/ProjectsFolderSvg.d.ts +0 -5
- package/lib/esm/icons/ProjectsFolderSvg.d.ts.map +0 -1
- package/lib/esm/icons/RobotCheckSvg.d.ts +0 -5
- package/lib/esm/icons/RobotCheckSvg.d.ts.map +0 -1
- package/lib/esm/icons/RobotSvg.d.ts +0 -5
- package/lib/esm/icons/RobotSvg.d.ts.map +0 -1
- package/lib/esm/icons/RobotXSvg.d.ts +0 -5
- package/lib/esm/icons/RobotXSvg.d.ts.map +0 -1
- package/lib/esm/icons/RocketOffSvg.d.ts +0 -5
- package/lib/esm/icons/RocketOffSvg.d.ts.map +0 -1
- package/lib/esm/icons/RocketSvg.d.ts +0 -5
- package/lib/esm/icons/RocketSvg.d.ts.map +0 -1
- package/lib/esm/icons/SendCheckSvg.d.ts +0 -5
- package/lib/esm/icons/SendCheckSvg.d.ts.map +0 -1
- package/lib/esm/icons/SendMessageSvg.d.ts +0 -5
- package/lib/esm/icons/SendMessageSvg.d.ts.map +0 -1
- package/lib/esm/icons/SendXSvg.d.ts +0 -5
- package/lib/esm/icons/SendXSvg.d.ts.map +0 -1
- package/lib/esm/icons/SettingsCheckSvg.d.ts +0 -5
- package/lib/esm/icons/SettingsCheckSvg.d.ts.map +0 -1
- package/lib/esm/icons/SettingsXSvg.d.ts +0 -5
- package/lib/esm/icons/SettingsXSvg.d.ts.map +0 -1
- package/lib/esm/icons/ShieldLockSvg.d.ts +0 -5
- package/lib/esm/icons/ShieldLockSvg.d.ts.map +0 -1
- package/lib/esm/icons/ShieldOffSvg.d.ts +0 -5
- package/lib/esm/icons/ShieldOffSvg.d.ts.map +0 -1
- package/lib/esm/icons/SidebarHomeSvg.d.ts +0 -5
- package/lib/esm/icons/SidebarHomeSvg.d.ts.map +0 -1
- package/lib/esm/icons/SidebarInitiativesSvg.d.ts +0 -5
- package/lib/esm/icons/SidebarInitiativesSvg.d.ts.map +0 -1
- package/lib/esm/icons/SidebarPlusSvg.d.ts +0 -5
- package/lib/esm/icons/SidebarPlusSvg.d.ts.map +0 -1
- package/lib/esm/icons/SidebarSearchSvg.d.ts +0 -5
- package/lib/esm/icons/SidebarSearchSvg.d.ts.map +0 -1
- package/lib/esm/icons/SidebarSettingsSvg.d.ts +0 -5
- package/lib/esm/icons/SidebarSettingsSvg.d.ts.map +0 -1
- package/lib/esm/icons/SidebarTasksSvg.d.ts +0 -5
- package/lib/esm/icons/SidebarTasksSvg.d.ts.map +0 -1
- package/lib/esm/icons/SidebarTeamSvg.d.ts +0 -5
- package/lib/esm/icons/SidebarTeamSvg.d.ts.map +0 -1
- package/lib/esm/icons/TaskAttachmentSvg.d.ts +0 -5
- package/lib/esm/icons/TaskAttachmentSvg.d.ts.map +0 -1
- package/lib/esm/icons/TaskCalendarSvg.d.ts +0 -5
- package/lib/esm/icons/TaskCalendarSvg.d.ts.map +0 -1
- package/lib/esm/icons/TaskCommentBubbleSvg.d.ts +0 -5
- package/lib/esm/icons/TaskCommentBubbleSvg.d.ts.map +0 -1
- package/lib/esm/icons/TaskDeleteSvg.d.ts +0 -5
- package/lib/esm/icons/TaskDeleteSvg.d.ts.map +0 -1
- package/lib/esm/icons/TaskDependencyBlockedSvg.d.ts +0 -5
- package/lib/esm/icons/TaskDependencyBlockedSvg.d.ts.map +0 -1
- package/lib/esm/icons/TaskDependencyReadySvg.d.ts +0 -5
- package/lib/esm/icons/TaskDependencyReadySvg.d.ts.map +0 -1
- package/lib/esm/icons/TaskMenuDotsSvg.d.ts +0 -5
- package/lib/esm/icons/TaskMenuDotsSvg.d.ts.map +0 -1
- package/lib/esm/icons/TaskTagSvg.d.ts +0 -5
- package/lib/esm/icons/TaskTagSvg.d.ts.map +0 -1
- package/lib/esm/icons/TeamMemberEmailSvg.d.ts +0 -5
- package/lib/esm/icons/TeamMemberEmailSvg.d.ts.map +0 -1
- package/lib/esm/icons/TeamMemberLocationSvg.d.ts +0 -5
- package/lib/esm/icons/TeamMemberLocationSvg.d.ts.map +0 -1
- package/lib/esm/icons/WrenchSvg.d.ts +0 -5
- package/lib/esm/icons/WrenchSvg.d.ts.map +0 -1
- package/lib/esm/icons/XBadgeSvg.d.ts +0 -5
- package/lib/esm/icons/XBadgeSvg.d.ts.map +0 -1
- package/lib/esm/icons/markdown/MarkdownCheckboxCheckedSvg.d.ts +0 -4
- package/lib/esm/icons/markdown/MarkdownCheckboxCheckedSvg.d.ts.map +0 -1
- package/lib/esm/icons/markdown/MarkdownCheckboxUncheckedSvg.d.ts +0 -4
- package/lib/esm/icons/markdown/MarkdownCheckboxUncheckedSvg.d.ts.map +0 -1
- package/lib/esm/icons/markdown/MarkdownCopySuccessSvg.d.ts +0 -4
- package/lib/esm/icons/markdown/MarkdownCopySuccessSvg.d.ts.map +0 -1
- package/lib/esm/icons/markdown/MarkdownCopySvg.d.ts +0 -4
- package/lib/esm/icons/markdown/MarkdownCopySvg.d.ts.map +0 -1
- package/lib/esm/icons/markdown/MarkdownExternalLinkSvg.d.ts +0 -4
- package/lib/esm/icons/markdown/MarkdownExternalLinkSvg.d.ts.map +0 -1
- package/lib/esm/index.d.ts +0 -16
- package/lib/esm/index.d.ts.map +0 -1
- package/lib/esm/svg/ChevronDownIcon.d.ts +0 -8
- package/lib/esm/svg/ChevronDownIcon.d.ts.map +0 -1
- package/lib/esm/svg/ChevronRightIcon.d.ts +0 -8
- package/lib/esm/svg/ChevronRightIcon.d.ts.map +0 -1
- package/lib/esm/svg/GlobeIcon.d.ts +0 -8
- package/lib/esm/svg/GlobeIcon.d.ts.map +0 -1
- package/lib/esm/theme/ThemeProvider.d.ts +0 -15
- package/lib/esm/theme/ThemeProvider.d.ts.map +0 -1
- package/lib/esm/theme/VisuallyHidden.d.ts +0 -5
- package/lib/esm/theme/VisuallyHidden.d.ts.map +0 -1
- package/lib/esm/theme/accessibility.css.d.ts +0 -4
- package/lib/esm/theme/accessibility.css.d.ts.map +0 -1
- package/lib/esm/theme/colors.d.ts +0 -98
- package/lib/esm/theme/colors.d.ts.map +0 -1
- package/lib/esm/theme/common.d.ts +0 -121
- package/lib/esm/theme/common.d.ts.map +0 -1
- package/lib/esm/theme/containerQueries.d.ts +0 -12
- package/lib/esm/theme/containerQueries.d.ts.map +0 -1
- package/lib/esm/theme/global.css.d.ts +0 -2
- package/lib/esm/theme/global.css.d.ts.map +0 -1
- package/lib/esm/theme/index.d.ts +0 -9
- package/lib/esm/theme/index.d.ts.map +0 -1
- package/lib/esm/theme/sprinkles.css.d.ts +0 -1300
- package/lib/esm/theme/sprinkles.css.d.ts.map +0 -1
- package/lib/esm/theme/theme.css.d.ts +0 -2
- package/lib/esm/theme/theme.css.d.ts.map +0 -1
- package/lib/esm/theme/themeContract.d.ts +0 -2311
- package/lib/esm/theme/themeContract.d.ts.map +0 -1
- package/lib/esm/theme/tools.d.ts +0 -3
- package/lib/esm/theme/tools.d.ts.map +0 -1
- package/lib/tsconfig.esm.tsbuildinfo +0 -1
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { badge } from
|
|
3
|
-
import { cx } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import { badge as i } from "./badge.css.js";
|
|
3
|
+
import { cx as m } from "../../../theme/tools.js";
|
|
4
|
+
const d = ({
|
|
5
|
+
children: o,
|
|
6
|
+
tone: r,
|
|
7
|
+
className: t,
|
|
8
|
+
loading: e = !1
|
|
9
|
+
}) => {
|
|
10
|
+
let a = "off";
|
|
11
|
+
return e && (a = "on"), /* @__PURE__ */ f("span", { className: m(i({ tone: r, loading: a }), t), children: o });
|
|
10
12
|
};
|
|
11
|
-
export
|
|
12
|
-
|
|
13
|
+
export {
|
|
14
|
+
d as Badge,
|
|
15
|
+
d as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../../../src/atomic/atoms/badge/Badge.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { badge } from './badge.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype Props = {\n children: ReactNode;\n tone?: BadgeTone;\n className?: string;\n loading?: boolean;\n};\n\ntype BadgeTone =\n | 'neutral'\n | 'info'\n | 'success'\n | 'warning'\n | 'danger'\n | 'accent';\n\nexport const Badge = ({\n children,\n tone,\n className,\n loading = false,\n}: Props): JSX.Element => {\n let loadingVariant: 'on' | 'off' = 'off';\n if (loading) {\n loadingVariant = 'on';\n }\n\n return (\n <span className={cx(badge({ tone, loading: loadingVariant }), className)}>\n {children}\n </span>\n );\n};\n\nexport default Badge;\n"],"names":["Badge","children","tone","className","loading","loadingVariant","jsx","cx","badge"],"mappings":";;;AAoBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA0B;AACxB,MAAIC,IAA+B;AACnC,SAAID,MACFC,IAAiB,OAIjB,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAM,EAAE,MAAAN,GAAM,SAASG,EAAA,CAAgB,GAAGF,CAAS,GACpE,UAAAF,EAAA,CACH;AAEJ;"}
|
|
@@ -1,85 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
paddingY: 2,
|
|
10
|
-
paddingX: 3,
|
|
11
|
-
borderRadius: 'md',
|
|
12
|
-
fontSize: 'xs',
|
|
13
|
-
fontWeight: 'medium',
|
|
14
|
-
gap: 1,
|
|
15
|
-
});
|
|
16
|
-
const baseTypography = sprinkles({
|
|
17
|
-
lineHeight: 1,
|
|
18
|
-
});
|
|
19
|
-
const shimmerAnimation = keyframes({
|
|
20
|
-
'0%': {
|
|
21
|
-
transform: 'translateX(-120%)',
|
|
22
|
-
},
|
|
23
|
-
'50%': {
|
|
24
|
-
transform: 'translateX(0%)',
|
|
25
|
-
},
|
|
26
|
-
'100%': {
|
|
27
|
-
transform: 'translateX(120%)',
|
|
28
|
-
},
|
|
29
|
-
});
|
|
30
|
-
const loadingBase = style({
|
|
31
|
-
position: 'relative',
|
|
32
|
-
overflow: 'hidden',
|
|
33
|
-
selectors: {
|
|
34
|
-
'&::after': {
|
|
35
|
-
content: '',
|
|
36
|
-
position: 'absolute',
|
|
37
|
-
inset: 0,
|
|
38
|
-
background: `linear-gradient(
|
|
39
|
-
100deg,
|
|
40
|
-
${vars.colors.transparent} 0%,
|
|
41
|
-
color-mix(in srgb, ${vars.colors.white} 20%, transparent) 25%,
|
|
42
|
-
color-mix(in srgb, ${vars.colors.white} 90%, transparent) 50%,
|
|
43
|
-
color-mix(in srgb, ${vars.colors.white} 20%, transparent) 75%,
|
|
44
|
-
${vars.colors.transparent} 100%
|
|
45
|
-
)`,
|
|
46
|
-
transform: 'translateX(-120%)',
|
|
47
|
-
animation: `${shimmerAnimation} 1.1s ease-in-out infinite`,
|
|
48
|
-
opacity: 0.9,
|
|
49
|
-
pointerEvents: 'none',
|
|
50
|
-
willChange: 'transform',
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
|
-
});
|
|
54
|
-
export const badge = recipe({
|
|
55
|
-
base: [baseSprinkles, baseTypography],
|
|
56
|
-
variants: {
|
|
57
|
-
tone: {
|
|
58
|
-
neutral: sprinkles({
|
|
59
|
-
backgroundColor: 'brandLightGray',
|
|
60
|
-
color: 'brandDarkGray',
|
|
61
|
-
}),
|
|
62
|
-
info: sprinkles({
|
|
63
|
-
backgroundColor: 'primaryLight',
|
|
64
|
-
color: 'brandPrimaryRed',
|
|
65
|
-
}),
|
|
66
|
-
success: sprinkles({ backgroundColor: 'green-100', color: 'green-700' }),
|
|
67
|
-
warning: sprinkles({ backgroundColor: 'amber-100', color: 'amber-700' }),
|
|
68
|
-
danger: sprinkles({ backgroundColor: 'red-100', color: 'red-700' }),
|
|
69
|
-
accent: sprinkles({
|
|
70
|
-
backgroundColor: 'brandSecondaryOrange',
|
|
71
|
-
color: 'brandWhite',
|
|
72
|
-
}),
|
|
73
|
-
},
|
|
74
|
-
loading: {
|
|
75
|
-
on: loadingBase,
|
|
76
|
-
off: '',
|
|
77
|
-
},
|
|
78
|
-
},
|
|
79
|
-
defaultVariants: {
|
|
80
|
-
tone: 'neutral',
|
|
81
|
-
loading: 'off',
|
|
82
|
-
},
|
|
83
|
-
compoundVariants: [],
|
|
84
|
-
});
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9hdG9tcy9iYWRnZS9iYWRnZS5jc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsTUFBTSxFQUF1QixNQUFNLDBCQUEwQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFdkQsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDO0lBQzlCLE9BQU8sRUFBRSxhQUFhO0lBQ3RCLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLGNBQWMsRUFBRSxRQUFRO0lBQ3hCLFFBQVEsRUFBRSxDQUFDO0lBQ1gsUUFBUSxFQUFFLENBQUM7SUFDWCxZQUFZLEVBQUUsSUFBSTtJQUNsQixRQUFRLEVBQUUsSUFBSTtJQUNkLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLEdBQUcsRUFBRSxDQUFDO0NBQ1AsQ0FBQyxDQUFDO0FBRUgsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDO0lBQy9CLFVBQVUsRUFBRSxDQUFDO0NBQ2QsQ0FBQyxDQUFDO0FBRUgsTUFBTSxnQkFBZ0IsR0FBRyxTQUFTLENBQUM7SUFDakMsSUFBSSxFQUFFO1FBQ0osU0FBUyxFQUFFLG1CQUFtQjtLQUMvQjtJQUNELEtBQUssRUFBRTtRQUNMLFNBQVMsRUFBRSxnQkFBZ0I7S0FDNUI7SUFDRCxNQUFNLEVBQUU7UUFDTixTQUFTLEVBQUUsa0JBQWtCO0tBQzlCO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFNBQVMsRUFBRTtRQUNULFVBQVUsRUFBRTtZQUNWLE9BQU8sRUFBRSxFQUFFO1lBQ1gsUUFBUSxFQUFFLFVBQVU7WUFDcEIsS0FBSyxFQUFFLENBQUM7WUFDUixVQUFVLEVBQUU7O1VBRVIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzZCQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSzs2QkFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLOzZCQUNqQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUs7VUFDcEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXO1FBQ3pCO1lBQ0YsU0FBUyxFQUFFLG1CQUFtQjtZQUM5QixTQUFTLEVBQUUsR0FBRyxnQkFBZ0IsNEJBQTRCO1lBQzFELE9BQU8sRUFBRSxHQUFHO1lBQ1osYUFBYSxFQUFFLE1BQU07WUFDckIsVUFBVSxFQUFFLFdBQVc7U0FDeEI7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUM7SUFDMUIsSUFBSSxFQUFFLENBQUMsYUFBYSxFQUFFLGNBQWMsQ0FBQztJQUNyQyxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsU0FBUyxDQUFDO2dCQUNqQixlQUFlLEVBQUUsZ0JBQWdCO2dCQUNqQyxLQUFLLEVBQUUsZUFBZTthQUN2QixDQUFDO1lBQ0YsSUFBSSxFQUFFLFNBQVMsQ0FBQztnQkFDZCxlQUFlLEVBQUUsY0FBYztnQkFDL0IsS0FBSyxFQUFFLGlCQUFpQjthQUN6QixDQUFDO1lBQ0YsT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxDQUFDO1lBQ3hFLE9BQU8sRUFBRSxTQUFTLENBQUMsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsQ0FBQztZQUN4RSxNQUFNLEVBQUUsU0FBUyxDQUFDLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7WUFDbkUsTUFBTSxFQUFFLFNBQVMsQ0FBQztnQkFDaEIsZUFBZSxFQUFFLHNCQUFzQjtnQkFDdkMsS0FBSyxFQUFFLFlBQVk7YUFDcEIsQ0FBQztTQUNIO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsRUFBRSxFQUFFLFdBQVc7WUFDZixHQUFHLEVBQUUsRUFBRTtTQUNSO0tBQ0Y7SUFDRCxlQUFlLEVBQUU7UUFDZixJQUFJLEVBQUUsU0FBUztRQUNmLE9BQU8sRUFBRSxLQUFLO0tBQ2Y7SUFDRCxnQkFBZ0IsRUFBRSxFQUFFO0NBQ3JCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcywgc3R5bGUgfSBmcm9tICdAdmFuaWxsYS1leHRyYWN0L2Nzcyc7XG5pbXBvcnQgeyByZWNpcGUsIHR5cGUgUmVjaXBlVmFyaWFudHMgfSBmcm9tICdAdmFuaWxsYS1leHRyYWN0L3JlY2lwZXMnO1xuXG5pbXBvcnQgeyBzcHJpbmtsZXMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS9zcHJpbmtsZXMuY3NzLmpzJztcbmltcG9ydCB7IHZhcnMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS90aGVtZUNvbnRyYWN0LmpzJztcblxuY29uc3QgYmFzZVNwcmlua2xlcyA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIHBhZGRpbmdZOiAyLFxuICBwYWRkaW5nWDogMyxcbiAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICBmb250U2l6ZTogJ3hzJyxcbiAgZm9udFdlaWdodDogJ21lZGl1bScsXG4gIGdhcDogMSxcbn0pO1xuXG5jb25zdCBiYXNlVHlwb2dyYXBoeSA9IHNwcmlua2xlcyh7XG4gIGxpbmVIZWlnaHQ6IDEsXG59KTtcblxuY29uc3Qgc2hpbW1lckFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMjAlKScsXG4gIH0sXG4gICc1MCUnOiB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknLFxuICB9LFxuICAnMTAwJSc6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEyMCUpJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBsb2FkaW5nQmFzZSA9IHN0eWxlKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgc2VsZWN0b3JzOiB7XG4gICAgJyY6OmFmdGVyJzoge1xuICAgICAgY29udGVudDogJycsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIGluc2V0OiAwLFxuICAgICAgYmFja2dyb3VuZDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMTAwZGVnLFxuICAgICAgICAke3ZhcnMuY29sb3JzLnRyYW5zcGFyZW50fSAwJSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDIwJSwgdHJhbnNwYXJlbnQpIDI1JSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDkwJSwgdHJhbnNwYXJlbnQpIDUwJSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDIwJSwgdHJhbnNwYXJlbnQpIDc1JSxcbiAgICAgICAgJHt2YXJzLmNvbG9ycy50cmFuc3BhcmVudH0gMTAwJVxuICAgICAgKWAsXG4gICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMjAlKScsXG4gICAgICBhbmltYXRpb246IGAke3NoaW1tZXJBbmltYXRpb259IDEuMXMgZWFzZS1pbi1vdXQgaW5maW5pdGVgLFxuICAgICAgb3BhY2l0eTogMC45LFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgd2lsbENoYW5nZTogJ3RyYW5zZm9ybScsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgYmFkZ2UgPSByZWNpcGUoe1xuICBiYXNlOiBbYmFzZVNwcmlua2xlcywgYmFzZVR5cG9ncmFwaHldLFxuICB2YXJpYW50czoge1xuICAgIHRvbmU6IHtcbiAgICAgIG5ldXRyYWw6IHNwcmlua2xlcyh7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ2JyYW5kTGlnaHRHcmF5JyxcbiAgICAgICAgY29sb3I6ICdicmFuZERhcmtHcmF5JyxcbiAgICAgIH0pLFxuICAgICAgaW5mbzogc3ByaW5rbGVzKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncHJpbWFyeUxpZ2h0JyxcbiAgICAgICAgY29sb3I6ICdicmFuZFByaW1hcnlSZWQnLFxuICAgICAgfSksXG4gICAgICBzdWNjZXNzOiBzcHJpbmtsZXMoeyBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbi0xMDAnLCBjb2xvcjogJ2dyZWVuLTcwMCcgfSksXG4gICAgICB3YXJuaW5nOiBzcHJpbmtsZXMoeyBiYWNrZ3JvdW5kQ29sb3I6ICdhbWJlci0xMDAnLCBjb2xvcjogJ2FtYmVyLTcwMCcgfSksXG4gICAgICBkYW5nZXI6IHNwcmlua2xlcyh7IGJhY2tncm91bmRDb2xvcjogJ3JlZC0xMDAnLCBjb2xvcjogJ3JlZC03MDAnIH0pLFxuICAgICAgYWNjZW50OiBzcHJpbmtsZXMoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdicmFuZFNlY29uZGFyeU9yYW5nZScsXG4gICAgICAgIGNvbG9yOiAnYnJhbmRXaGl0ZScsXG4gICAgICB9KSxcbiAgICB9LFxuICAgIGxvYWRpbmc6IHtcbiAgICAgIG9uOiBsb2FkaW5nQmFzZSxcbiAgICAgIG9mZjogJycsXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAgdG9uZTogJ25ldXRyYWwnLFxuICAgIGxvYWRpbmc6ICdvZmYnLFxuICB9LFxuICBjb21wb3VuZFZhcmlhbnRzOiBbXSxcbn0pO1xuXG5leHBvcnQgdHlwZSBCYWRnZVZhcmlhbnRzID0gUmVjaXBlVmFyaWFudHM8dHlwZW9mIGJhZGdlPjtcbiJdfQ==
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { createRuntimeFn as v } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
4
|
+
var x = v({ defaultClassName: "_1v7kjrra _1v7kjrr0 txvbqbnv6 txvbqboif txvbqbp5f txvbqblx6 txvbqb9jf txvbqbco txvbqbdnx txvbqb1rf txvbqb8o txvbqbamf txvbqbanx _1v7kjrr1 txvbqbegx", variantClassNames: { tone: { neutral: "_1v7kjrrb _1v7kjrr4 txvbqbv4j txvbqbva3", info: "_1v7kjrrc _1v7kjrr5 txvbqbv2j txvbqbv9p", success: "_1v7kjrrd _1v7kjrr6 txvbqbv0v txvbqbv6p", warning: "_1v7kjrre _1v7kjrr7 txvbqbv0b txvbqbv65", danger: "_1v7kjrrf _1v7kjrr8 txvbqbuzr txvbqbv5l", accent: "_1v7kjrrg _1v7kjrr9 txvbqbv49 txvbqbv9z" }, loading: { on: "_1v7kjrrh _1v7kjrr3", off: "_1v7kjrri " } }, defaultVariants: { tone: "neutral", loading: "off" }, compoundVariants: [] });
|
|
5
|
+
export {
|
|
6
|
+
x as badge
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=badge.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes _1v7kjrr2{0%{transform:translate(-120%)}50%{transform:translate(0)}to{transform:translate(120%)}}._1v7kjrr3{position:relative;overflow:hidden}._1v7kjrr3:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--kronex-colors-transparent) 0%,color-mix(in srgb,var(--kronex-colors-white) 20%,transparent) 25%,color-mix(in srgb,var(--kronex-colors-white) 90%,transparent) 50%,color-mix(in srgb,var(--kronex-colors-white) 20%,transparent) 75%,var(--kronex-colors-transparent) 100%);transform:translate(-120%);animation:_1v7kjrr2 1.1s ease-in-out infinite;opacity:.9;pointer-events:none;will-change:transform}
|
|
@@ -1,26 +1,58 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ButtonLoadingSpinnerSvg } from
|
|
3
|
-
import { button,
|
|
4
|
-
import { cx } from
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
import { jsxs as L, jsx as n, Fragment as x } from "react/jsx-runtime";
|
|
2
|
+
import { ButtonLoadingSpinnerSvg as B } from "../../../icons/ButtonLoadingSpinnerSvg.js";
|
|
3
|
+
import { button as v, spinnerIcon as j, loadingIndicator as w, iconLeft as C, content as R, iconRight as S } from "./button.css.js";
|
|
4
|
+
import { cx as e } from "../../../theme/tools.js";
|
|
5
|
+
const k = (l) => {
|
|
6
|
+
const {
|
|
7
|
+
children: r,
|
|
8
|
+
className: d,
|
|
9
|
+
disabled: m,
|
|
10
|
+
isLoading: i = !1,
|
|
11
|
+
loadingLabel: h,
|
|
12
|
+
classes: s,
|
|
13
|
+
leftIcon: a,
|
|
14
|
+
rightIcon: c,
|
|
15
|
+
size: p,
|
|
16
|
+
variant: f,
|
|
17
|
+
width: g,
|
|
18
|
+
ref: u,
|
|
19
|
+
...N
|
|
20
|
+
} = l, b = e(v({ variant: f, size: p, width: g }), d), I = !!i || !!m;
|
|
21
|
+
let t;
|
|
22
|
+
if (i)
|
|
23
|
+
t = /* @__PURE__ */ L("span", { className: e(w, s?.loadingIndicator), children: [
|
|
24
|
+
/* @__PURE__ */ n(
|
|
25
|
+
B,
|
|
26
|
+
{
|
|
27
|
+
className: e(j, s?.spinnerIcon),
|
|
28
|
+
width: 20,
|
|
29
|
+
height: 20
|
|
21
30
|
}
|
|
22
|
-
|
|
31
|
+
),
|
|
32
|
+
h
|
|
33
|
+
] });
|
|
34
|
+
else {
|
|
35
|
+
const o = [];
|
|
36
|
+
a != null && o.push(
|
|
37
|
+
/* @__PURE__ */ n("span", { className: e(C, s?.iconLeft), children: a }, "left-icon")
|
|
38
|
+
), o.push(
|
|
39
|
+
/* @__PURE__ */ n("span", { className: e(R, s?.content), children: r }, "content")
|
|
40
|
+
), c != null && o.push(
|
|
41
|
+
/* @__PURE__ */ n("span", { className: e(S, s?.iconRight), children: c }, "right-icon")
|
|
42
|
+
), t = /* @__PURE__ */ n(x, { children: o });
|
|
43
|
+
}
|
|
44
|
+
return /* @__PURE__ */ n(
|
|
45
|
+
"button",
|
|
46
|
+
{
|
|
47
|
+
ref: u,
|
|
48
|
+
className: b,
|
|
49
|
+
disabled: I,
|
|
50
|
+
...N,
|
|
51
|
+
children: t
|
|
23
52
|
}
|
|
24
|
-
|
|
53
|
+
);
|
|
54
|
+
};
|
|
55
|
+
export {
|
|
56
|
+
k as Button
|
|
25
57
|
};
|
|
26
|
-
//# sourceMappingURL=
|
|
58
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../src/atomic/atoms/button/Button.tsx"],"sourcesContent":["import React, { type Ref, type JSX } from 'react';\n\nimport { ButtonLoadingSpinnerSvg } from '../../../icons/ButtonLoadingSpinnerSvg.js';\n\nimport {\n button,\n content as contentClass,\n iconLeft,\n iconRight,\n loadingIndicator,\n spinnerIcon,\n type ButtonVariants,\n} from './button.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype ButtonSlot =\n | 'loadingIndicator'\n | 'spinnerIcon'\n | 'content'\n | 'iconLeft'\n | 'iconRight';\n\ntype SlotClasses<T extends string> = Partial<Record<T, string>>;\n\n// Omit the conflicting 'size' property from HTML button attributes\ntype Props = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & {\n variant?: NonNullable<ButtonVariants>['variant'];\n size?: NonNullable<ButtonVariants>['size'];\n width?: NonNullable<ButtonVariants>['width'];\n isLoading?: boolean;\n loadingLabel?: React.ReactNode;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n ref?: Ref<HTMLButtonElement>;\n classes?: SlotClasses<ButtonSlot>;\n};\n\nexport const Button = (props: Props): JSX.Element => {\n const {\n children,\n className,\n disabled,\n isLoading = false,\n loadingLabel,\n classes,\n leftIcon,\n rightIcon,\n size,\n variant,\n width,\n ref,\n ...rest\n } = props;\n\n const resolvedClassName = cx(button({ variant, size, width }), className);\n const isDisabled = Boolean(isLoading) || Boolean(disabled);\n\n let renderedContent: JSX.Element;\n\n if (isLoading) {\n renderedContent = (\n <span className={cx(loadingIndicator, classes?.loadingIndicator)}>\n <ButtonLoadingSpinnerSvg\n className={cx(spinnerIcon, classes?.spinnerIcon)}\n width={20}\n height={20}\n />\n {loadingLabel}\n </span>\n );\n } else {\n const iconElements: JSX.Element[] = [];\n\n if (leftIcon != null) {\n iconElements.push(\n <span className={cx(iconLeft, classes?.iconLeft)} key=\"left-icon\">\n {leftIcon}\n </span>,\n );\n }\n\n iconElements.push(\n <span className={cx(contentClass, classes?.content)} key=\"content\">\n {children}\n </span>,\n );\n\n if (rightIcon != null) {\n iconElements.push(\n <span className={cx(iconRight, classes?.iconRight)} key=\"right-icon\">\n {rightIcon}\n </span>,\n );\n }\n\n renderedContent = <>{iconElements}</>;\n }\n\n return (\n <button\n ref={ref}\n className={resolvedClassName}\n disabled={isDisabled}\n {...rest}\n >\n {renderedContent}\n </button>\n );\n};\n"],"names":["Button","props","children","className","disabled","isLoading","loadingLabel","classes","leftIcon","rightIcon","size","variant","width","ref","rest","resolvedClassName","cx","button","isDisabled","renderedContent","loadingIndicator","jsx","ButtonLoadingSpinnerSvg","spinnerIcon","iconElements","iconLeft","contentClass","iconRight"],"mappings":";;;;AAqCO,MAAMA,IAAS,CAACC,MAA8B;AACnD,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GAEEc,IAAoBC,EAAGC,EAAO,EAAE,SAAAN,GAAS,MAAAD,GAAM,OAAAE,GAAO,GAAGT,CAAS,GAClEe,IAAa,EAAQb,KAAc,EAAQD;AAEjD,MAAIe;AAEJ,MAAId;AACF,IAAAc,sBACG,QAAA,EAAK,WAAWH,EAAGI,GAAkBb,GAAS,gBAAgB,GAC7D,UAAA;AAAA,MAAA,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWN,EAAGO,GAAahB,GAAS,WAAW;AAAA,UAC/C,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAETD;AAAA,IAAA,GACH;AAAA,OAEG;AACL,UAAMkB,IAA8B,CAAA;AAEpC,IAAIhB,KAAY,QACdgB,EAAa;AAAA,MACX,gBAAAH,EAAC,UAAK,WAAWL,EAAGS,GAAUlB,GAAS,QAAQ,GAC5C,UAAAC,EAAA,GADmD,WAEtD;AAAA,IAAA,GAIJgB,EAAa;AAAA,MACX,gBAAAH,EAAC,UAAK,WAAWL,EAAGU,GAAcnB,GAAS,OAAO,GAC/C,UAAAL,EAAA,GADsD,SAEzD;AAAA,IAAA,GAGEO,KAAa,QACfe,EAAa;AAAA,MACX,gBAAAH,EAAC,UAAK,WAAWL,EAAGW,GAAWpB,GAAS,SAAS,GAC9C,UAAAE,EAAA,GADqD,YAExD;AAAA,IAAA,GAIJU,2BAAqB,UAAAK,EAAA,CAAa;AAAA,EACpC;AAEA,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAWE;AAAA,MACX,UAAUG;AAAA,MACT,GAAGJ;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1,36 +1,63 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Link } from
|
|
3
|
-
import { ButtonLoadingSpinnerSvg } from
|
|
4
|
-
import { cx } from
|
|
5
|
-
import { activeButton,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
import { jsx as n, jsxs as v, Fragment as B } from "react/jsx-runtime";
|
|
2
|
+
import { Link as C } from "@plumile/router";
|
|
3
|
+
import { ButtonLoadingSpinnerSvg as I } from "../../../icons/ButtonLoadingSpinnerSvg.js";
|
|
4
|
+
import { cx as x } from "../../../theme/tools.js";
|
|
5
|
+
import { button as D, activeButton as j, loadingIndicator as k, spinnerIcon as w, iconLeft as S, content as z, iconRight as E } from "./button.css.js";
|
|
6
|
+
const A = (d) => {
|
|
7
|
+
const {
|
|
8
|
+
children: a,
|
|
9
|
+
className: m,
|
|
10
|
+
isDisabled: h,
|
|
11
|
+
isLoading: l = !1,
|
|
12
|
+
leftIcon: s,
|
|
13
|
+
loadingLabel: p,
|
|
14
|
+
ref: f,
|
|
15
|
+
rightIcon: t,
|
|
16
|
+
size: u,
|
|
17
|
+
variant: o,
|
|
18
|
+
width: g,
|
|
19
|
+
...N
|
|
20
|
+
} = d, b = x(D({ variant: o, size: u, width: g }), m), c = !!l || !!h, L = o === "icon";
|
|
21
|
+
let i;
|
|
22
|
+
if (l)
|
|
23
|
+
i = /* @__PURE__ */ v("span", { className: k, children: [
|
|
24
|
+
/* @__PURE__ */ n(
|
|
25
|
+
I,
|
|
26
|
+
{
|
|
27
|
+
className: w,
|
|
28
|
+
width: 20,
|
|
29
|
+
height: 20
|
|
27
30
|
}
|
|
28
|
-
|
|
31
|
+
),
|
|
32
|
+
p
|
|
33
|
+
] });
|
|
34
|
+
else if (L)
|
|
35
|
+
i = /* @__PURE__ */ n("span", { children: s ?? t ?? a ?? null });
|
|
36
|
+
else {
|
|
37
|
+
const e = [];
|
|
38
|
+
s != null && e.push(
|
|
39
|
+
/* @__PURE__ */ n("span", { className: S, children: s }, "left-icon")
|
|
40
|
+
), e.push(
|
|
41
|
+
/* @__PURE__ */ n("span", { className: z, children: a }, "content")
|
|
42
|
+
), t != null && e.push(
|
|
43
|
+
/* @__PURE__ */ n("span", { className: E, children: t }, "right-icon")
|
|
44
|
+
), i = /* @__PURE__ */ n(B, { children: e });
|
|
45
|
+
}
|
|
46
|
+
let r;
|
|
47
|
+
return c && (r = !0), /* @__PURE__ */ n(
|
|
48
|
+
C,
|
|
49
|
+
{
|
|
50
|
+
...N,
|
|
51
|
+
ref: f,
|
|
52
|
+
className: b,
|
|
53
|
+
activeClassName: j({ variant: o }),
|
|
54
|
+
isDisabled: c,
|
|
55
|
+
"aria-disabled": r,
|
|
56
|
+
children: i
|
|
29
57
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
return (_jsx(Link, { ...rest, ref: ref, className: resolvedClassName, activeClassName: activeButton({ variant }), isDisabled: disabled, "aria-disabled": ariaDisabled, children: renderedContent }));
|
|
58
|
+
);
|
|
59
|
+
};
|
|
60
|
+
export {
|
|
61
|
+
A as LinkButton
|
|
35
62
|
};
|
|
36
|
-
//# sourceMappingURL=
|
|
63
|
+
//# sourceMappingURL=LinkButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkButton.js","sources":["../../../../../src/atomic/atoms/button/LinkButton.tsx"],"sourcesContent":["import {\n type ComponentPropsWithoutRef,\n type JSX,\n type ReactNode,\n type Ref,\n} from 'react';\nimport { Link } from '@plumile/router';\n\nimport { ButtonLoadingSpinnerSvg } from '../../../icons/ButtonLoadingSpinnerSvg.js';\nimport { cx } from '../../../theme/tools.js';\nimport {\n activeButton,\n button,\n content as contentClass,\n iconLeft,\n iconRight,\n loadingIndicator,\n spinnerIcon,\n type ButtonVariants,\n} from './button.css.js';\n\ntype LinkProps = ComponentPropsWithoutRef<typeof Link>;\n\ntype Props = Omit<LinkProps, 'children' | 'className'> & {\n children: ReactNode;\n className?: string;\n variant?: NonNullable<ButtonVariants>['variant'];\n size?: NonNullable<ButtonVariants>['size'];\n width?: NonNullable<ButtonVariants>['width'];\n isLoading?: boolean;\n loadingLabel?: ReactNode;\n leftIcon?: ReactNode;\n rightIcon?: ReactNode;\n ref?: Ref<HTMLAnchorElement>;\n};\n\nexport const LinkButton = (props: Props): JSX.Element => {\n const {\n children,\n className,\n isDisabled,\n isLoading = false,\n leftIcon,\n loadingLabel,\n ref,\n rightIcon,\n size,\n variant,\n width,\n ...rest\n } = props;\n\n const resolvedClassName = cx(button({ variant, size, width }), className);\n const disabled = Boolean(isLoading) || Boolean(isDisabled);\n const isIconVariant = variant === 'icon';\n\n let renderedContent: JSX.Element;\n\n if (isLoading) {\n renderedContent = (\n <span className={loadingIndicator}>\n <ButtonLoadingSpinnerSvg\n className={spinnerIcon}\n width={20}\n height={20}\n />\n {loadingLabel}\n </span>\n );\n } else if (isIconVariant) {\n const iconContent = leftIcon ?? rightIcon ?? children ?? null;\n\n renderedContent = <span>{iconContent}</span>;\n } else {\n const iconElements: JSX.Element[] = [];\n\n if (leftIcon != null) {\n iconElements.push(\n <span className={iconLeft} key=\"left-icon\">\n {leftIcon}\n </span>,\n );\n }\n\n iconElements.push(\n <span className={contentClass} key=\"content\">\n {children}\n </span>,\n );\n\n if (rightIcon != null) {\n iconElements.push(\n <span className={iconRight} key=\"right-icon\">\n {rightIcon}\n </span>,\n );\n }\n\n renderedContent = <>{iconElements}</>;\n }\n\n let ariaDisabled: true | undefined;\n if (disabled) {\n ariaDisabled = true;\n }\n\n return (\n <Link\n {...rest}\n ref={ref}\n className={resolvedClassName}\n activeClassName={activeButton({ variant })}\n isDisabled={disabled}\n aria-disabled={ariaDisabled}\n >\n {renderedContent}\n </Link>\n );\n};\n"],"names":["LinkButton","props","children","className","isDisabled","isLoading","leftIcon","loadingLabel","ref","rightIcon","size","variant","width","rest","resolvedClassName","cx","button","disabled","isIconVariant","renderedContent","jsxs","loadingIndicator","jsx","ButtonLoadingSpinnerSvg","spinnerIcon","iconElements","iconLeft","contentClass","iconRight","ariaDisabled","Link","activeButton"],"mappings":";;;;;AAoCO,MAAMA,IAAa,CAACC,MAA8B;AACvD,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDZ,GAEEa,IAAoBC,EAAGC,EAAO,EAAE,SAAAL,GAAS,MAAAD,GAAM,OAAAE,GAAO,GAAGT,CAAS,GAClEc,IAAW,EAAQZ,KAAc,EAAQD,GACzCc,IAAgBP,MAAY;AAElC,MAAIQ;AAEJ,MAAId;AACF,IAAAc,IACE,gBAAAC,EAAC,QAAA,EAAK,WAAWC,GACf,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,UACX,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAETjB;AAAA,IAAA,GACH;AAAA,WAEOW;AAGT,IAAAC,IAAkB,gBAAAG,EAAC,UAAM,UAFLhB,KAAYG,KAAaP,KAAY,KAEhC,CAAY;AAAA,OAChC;AACL,UAAMuB,IAA8B,CAAA;AAEpC,IAAInB,KAAY,QACdmB,EAAa;AAAA,MACX,gBAAAH,EAAC,QAAA,EAAK,WAAWI,GACd,eAD4B,WAE/B;AAAA,IAAA,GAIJD,EAAa;AAAA,MACX,gBAAAH,EAAC,QAAA,EAAK,WAAWK,GACd,UAAAzB,KADgC,SAEnC;AAAA,IAAA,GAGEO,KAAa,QACfgB,EAAa;AAAA,MACX,gBAAAH,EAAC,QAAA,EAAK,WAAWM,GACd,eAD6B,YAEhC;AAAA,IAAA,GAIJT,2BAAqB,UAAAM,EAAA,CAAa;AAAA,EACpC;AAEA,MAAII;AACJ,SAAIZ,MACFY,IAAe,KAIf,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACE,GAAGjB;AAAA,MACJ,KAAAL;AAAA,MACA,WAAWM;AAAA,MACX,iBAAiBiB,EAAa,EAAE,SAAApB,GAAS;AAAA,MACzC,YAAYM;AAAA,MACZ,iBAAeY;AAAA,MAEd,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|