@blockscout/ui-toolkit 0.0.1-alpha.1 → 0.0.1-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -0
- package/dist/chakra/accordion.d.ts +1 -1
- package/dist/chakra/drawer.d.ts +1 -1
- package/dist/chakra/popover.d.ts +1 -2
- package/dist/chakra/select.d.ts +4 -1
- package/dist/components/AdaptiveTabs/index.d.ts +3 -0
- package/dist/components/Hint/Hint.d.ts +11 -0
- package/dist/components/RoutedTabs/index.d.ts +3 -0
- package/dist/components/buttons/BackToButton.d.ts +7 -0
- package/dist/components/buttons/ClearButton.d.ts +6 -0
- package/dist/components/{Filter → filters}/FilterInput.d.ts +2 -3
- package/dist/components/forms/components/FormFieldError.d.ts +7 -0
- package/dist/components/forms/components/index.d.ts +1 -0
- package/dist/components/forms/fields/FormFieldAddress.d.ts +5 -0
- package/dist/components/forms/fields/FormFieldCheckbox.d.ts +9 -0
- package/dist/components/forms/fields/FormFieldColor.d.ts +9 -0
- package/dist/components/forms/fields/FormFieldEmail.d.ts +5 -0
- package/dist/components/forms/fields/FormFieldSelect.d.ts +7 -0
- package/dist/components/forms/fields/FormFieldSelectAsync.d.ts +7 -0
- package/dist/components/forms/fields/FormFieldText.d.ts +8 -0
- package/dist/components/forms/fields/FormFieldUrl.d.ts +4 -0
- package/dist/components/forms/fields/image/FormFieldImagePreview.d.ts +13 -0
- package/dist/components/forms/fields/image/useImageField.d.ts +25 -0
- package/dist/components/forms/fields/index.d.ts +10 -0
- package/dist/components/forms/fields/types.d.ts +19 -0
- package/dist/components/forms/inputs/file/DragAndDropArea.d.ts +11 -0
- package/dist/components/forms/inputs/file/FileInput.d.ts +13 -0
- package/dist/components/forms/inputs/file/FileSnippet.d.ts +11 -0
- package/dist/components/forms/inputs/file/utils.d.ts +2 -0
- package/dist/components/forms/inputs/index.d.ts +3 -0
- package/dist/components/forms/utils/getFormFieldErrorText.d.ts +2 -0
- package/dist/components/forms/utils/index.d.ts +1 -0
- package/dist/components/forms/validators/address.d.ts +3 -0
- package/dist/components/forms/validators/color.d.ts +2 -0
- package/dist/components/forms/validators/email.d.ts +2 -0
- package/dist/components/forms/validators/index.d.ts +7 -0
- package/dist/components/forms/validators/signature.d.ts +1 -0
- package/dist/components/forms/validators/text.d.ts +1 -0
- package/dist/components/forms/validators/transaction.d.ts +2 -0
- package/dist/components/forms/validators/url.d.ts +3 -0
- package/dist/components/truncation/TruncatedTextTooltip.d.ts +8 -0
- package/dist/hooks/useClipboard.d.ts +1 -1
- package/dist/hooks/useFirstMountState.d.ts +1 -0
- package/dist/hooks/useIsSticky.d.ts +2 -0
- package/dist/hooks/useUpdateEffect.d.ts +2 -0
- package/dist/hooks/useViewportSize.d.ts +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +10479 -0
- package/dist/package/src/index.d.ts +29 -11
- package/dist/theme/recipes/alert.recipe.d.ts +6 -46
- package/dist/theme/recipes/badge.recipe.d.ts +11 -44
- package/dist/theme/recipes/button.recipe.d.ts +17 -20
- package/dist/theme/recipes/close-button.recipe.d.ts +0 -3
- package/dist/theme/recipes/dialog.recipe.d.ts +1 -1
- package/dist/theme/recipes/drawer.recipe.d.ts +1 -1
- package/dist/theme/recipes/index.d.ts +47 -147
- package/dist/theme/recipes/link.recipe.d.ts +1 -9
- package/dist/theme/recipes/list.recipe.d.ts +1 -1
- package/dist/theme/recipes/menu.recipe.d.ts +1 -1
- package/dist/theme/recipes/select.recipe.d.ts +1 -1
- package/dist/theme/recipes/skeleton.recipe.d.ts +5 -6
- package/dist/theme/recipes/table.recipe.d.ts +1 -1
- package/dist/theme/recipes/tag.recipe.d.ts +0 -12
- package/dist/theme/recipes/toast.recipe.d.ts +1 -1
- package/dist/theme/theme.d.ts +1 -0
- package/dist/utils/consts.d.ts +15 -0
- package/dist/utils/guards.d.ts +2 -0
- package/dist/utils/htmlEntities.d.ts +26 -0
- package/dist/utils/isBrowser.d.ts +1 -0
- package/dist/utils/regexp.d.ts +6 -0
- package/dist/utils/url.d.ts +6 -0
- package/package.json +17 -28
- package/dist/_virtual/Button.js +0 -4
- package/dist/_virtual/Element.js +0 -4
- package/dist/_virtual/Link.js +0 -4
- package/dist/_virtual/_commonjsHelpers.js +0 -4
- package/dist/_virtual/animate-scroll.js +0 -4
- package/dist/_virtual/cancel-events.js +0 -4
- package/dist/_virtual/index.js +0 -5
- package/dist/_virtual/index2.js +0 -4
- package/dist/_virtual/index3.js +0 -4
- package/dist/_virtual/index4.js +0 -4
- package/dist/_virtual/jsx-runtime.js +0 -5
- package/dist/_virtual/jsx-runtime2.js +0 -4
- package/dist/_virtual/passive-event-listeners.js +0 -4
- package/dist/_virtual/react-is.development.js +0 -4
- package/dist/_virtual/react-is.production.min.js +0 -4
- package/dist/_virtual/react-jsx-runtime.development.js +0 -4
- package/dist/_virtual/react-jsx-runtime.production.min.js +0 -4
- package/dist/_virtual/scroll-element.js +0 -4
- package/dist/_virtual/scroll-events.js +0 -4
- package/dist/_virtual/scroll-hash.js +0 -4
- package/dist/_virtual/scroll-link.js +0 -4
- package/dist/_virtual/scroll-spy.js +0 -4
- package/dist/_virtual/scroller.js +0 -4
- package/dist/_virtual/smooth.js +0 -4
- package/dist/_virtual/utils.js +0 -4
- package/dist/chakra/accordion.js +0 -61
- package/dist/chakra/alert.js +0 -45
- package/dist/chakra/avatar.js +0 -36
- package/dist/chakra/badge.js +0 -18
- package/dist/chakra/button.js +0 -65
- package/dist/chakra/checkbox.js +0 -33
- package/dist/chakra/close-button.js +0 -13
- package/dist/chakra/collapsible.js +0 -58
- package/dist/chakra/color-mode.js +0 -35
- package/dist/chakra/dialog.js +0 -47
- package/dist/chakra/drawer.js +0 -39
- package/dist/chakra/field.js +0 -65
- package/dist/chakra/heading.js +0 -12
- package/dist/chakra/icon-button.js +0 -44
- package/dist/chakra/image.js +0 -30
- package/dist/chakra/input-group.js +0 -47
- package/dist/chakra/input.js +0 -5
- package/dist/chakra/link.js +0 -68
- package/dist/chakra/menu.js +0 -63
- package/dist/chakra/pin-input.js +0 -15
- package/dist/chakra/popover.js +0 -69
- package/dist/chakra/progress-circle.js +0 -17
- package/dist/chakra/provider.js +0 -10
- package/dist/chakra/radio.js +0 -17
- package/dist/chakra/rating.js +0 -21
- package/dist/chakra/select.js +0 -185
- package/dist/chakra/skeleton.js +0 -40
- package/dist/chakra/slider.js +0 -39
- package/dist/chakra/switch.js +0 -19
- package/dist/chakra/table.js +0 -66
- package/dist/chakra/tabs.js +0 -29
- package/dist/chakra/tag.js +0 -51
- package/dist/chakra/textarea.js +0 -5
- package/dist/chakra/toaster.js +0 -31
- package/dist/chakra/tooltip.js +0 -85
- package/dist/chakra.d.ts +0 -1
- package/dist/chakra.js +0 -155
- package/dist/components/ButtonBackTo.d.ts +0 -8
- package/dist/components/ButtonBackTo.js +0 -22
- package/dist/components/Filter/FilterInput.js +0 -48
- package/dist/components/TruncatedTextTooltip.d.ts +0 -9
- package/dist/components/TruncatedTextTooltip.js +0 -49
- package/dist/components/index.d.ts +0 -1
- package/dist/components.d.ts +0 -2
- package/dist/components.js +0 -1
- package/dist/configs/app/api.js +0 -23
- package/dist/configs/app/app.js +0 -19
- package/dist/configs/app/chain.js +0 -30
- package/dist/configs/app/features/account.js +0 -13
- package/dist/configs/app/features/addressMetadata.js +0 -15
- package/dist/configs/app/features/addressProfileAPI.js +0 -25
- package/dist/configs/app/features/addressVerification.js +0 -17
- package/dist/configs/app/features/adsBanner.js +0 -50
- package/dist/configs/app/features/adsText.js +0 -16
- package/dist/configs/app/features/advancedFilter.js +0 -11
- package/dist/configs/app/features/beaconChain.js +0 -15
- package/dist/configs/app/features/blockchainInteraction.js +0 -15
- package/dist/configs/app/features/bridgedTokens.js +0 -16
- package/dist/configs/app/features/celo.js +0 -13
- package/dist/configs/app/features/csvExport.js +0 -14
- package/dist/configs/app/features/dataAvailability.js +0 -11
- package/dist/configs/app/features/deFiDropdown.js +0 -12
- package/dist/configs/app/features/easterEggBadge.js +0 -12
- package/dist/configs/app/features/externalTxs.js +0 -14
- package/dist/configs/app/features/faultProofSystem.js +0 -12
- package/dist/configs/app/features/gasTracker.js +0 -17
- package/dist/configs/app/features/getGasButton.js +0 -17
- package/dist/configs/app/features/googleAnalytics.js +0 -12
- package/dist/configs/app/features/graphqlApiDocs.js +0 -12
- package/dist/configs/app/features/growthBook.js +0 -12
- package/dist/configs/app/features/index.js +0 -92
- package/dist/configs/app/features/marketplace.js +0 -46
- package/dist/configs/app/features/metasuites.js +0 -11
- package/dist/configs/app/features/mixpanel.js +0 -12
- package/dist/configs/app/features/mudFramework.js +0 -12
- package/dist/configs/app/features/multichainButton.js +0 -18
- package/dist/configs/app/features/nameService.js +0 -15
- package/dist/configs/app/features/pools.js +0 -15
- package/dist/configs/app/features/publicTagsSubmission.js +0 -17
- package/dist/configs/app/features/restApiDocs.js +0 -12
- package/dist/configs/app/features/rewards.js +0 -17
- package/dist/configs/app/features/rollbar.js +0 -20
- package/dist/configs/app/features/rollup.js +0 -37
- package/dist/configs/app/features/safe.js +0 -23
- package/dist/configs/app/features/saveOnGas.js +0 -13
- package/dist/configs/app/features/sol2uml.js +0 -16
- package/dist/configs/app/features/stats.js +0 -16
- package/dist/configs/app/features/suave.js +0 -11
- package/dist/configs/app/features/txInterpretation.js +0 -16
- package/dist/configs/app/features/userOps.js +0 -11
- package/dist/configs/app/features/validators.js +0 -16
- package/dist/configs/app/features/verifiedTokens.js +0 -15
- package/dist/configs/app/features/web3Wallet.js +0 -24
- package/dist/configs/app/features/xStarScore.js +0 -12
- package/dist/configs/app/index.js +0 -19
- package/dist/configs/app/meta.js +0 -16
- package/dist/configs/app/services.js +0 -9
- package/dist/configs/app/ui/views/address.js +0 -36
- package/dist/configs/app/ui/views/block.js +0 -11
- package/dist/configs/app/ui/views/index.js +0 -12
- package/dist/configs/app/ui/views/nft.js +0 -10
- package/dist/configs/app/ui/views/token.js +0 -7
- package/dist/configs/app/ui/views/tx.js +0 -15
- package/dist/configs/app/ui.js +0 -128
- package/dist/configs/app/utils.js +0 -45
- package/dist/hooks/useClipboard.js +0 -27
- package/dist/hooks/useDisclosure.js +0 -17
- package/dist/hooks/useViewportSize.js +0 -17
- package/dist/hooks.d.ts +0 -1
- package/dist/hooks.js +0 -8
- package/dist/icons/arrows/east-mini.svg.js +0 -4
- package/dist/icons/arrows/east.svg.js +0 -4
- package/dist/icons/check.svg.js +0 -4
- package/dist/icons/close.svg.js +0 -4
- package/dist/icons/info_filled.svg.js +0 -4
- package/dist/icons/link_external.svg.js +0 -4
- package/dist/icons/star_filled.svg.js +0 -4
- package/dist/icons/star_outline.svg.js +0 -4
- package/dist/lib/consts.js +0 -10
- package/dist/lib/hooks/useFirstMountState.js +0 -8
- package/dist/lib/hooks/useIsMobile.js +0 -7
- package/dist/lib/hooks/useUpdateEffect.js +0 -12
- package/dist/lib/html-entities.js +0 -5
- package/dist/lib/isBrowser.js +0 -6
- package/dist/lib/regexp.js +0 -4
- package/dist/lib/settings/colorTheme.js +0 -33
- package/dist/lib/stripTrailingSlash.js +0 -4
- package/dist/node_modules/@uidotdev/usehooks/index.js +0 -51
- package/dist/node_modules/bignumber.js/bignumber.js +0 -627
- package/dist/node_modules/es-toolkit/dist/function/debounce.js +0 -30
- package/dist/node_modules/es-toolkit/dist/function/throttle.js +0 -11
- package/dist/node_modules/lodash.throttle/index.js +0 -95
- package/dist/node_modules/object-assign/index.js +0 -54
- package/dist/node_modules/prop-types/checkPropTypes.js +0 -54
- package/dist/node_modules/prop-types/factoryWithThrowingShims.js +0 -52
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.js +0 -329
- package/dist/node_modules/prop-types/index.js +0 -17
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -10
- package/dist/node_modules/prop-types/lib/has.js +0 -7
- package/dist/node_modules/react-icons/lib/iconBase.js +0 -108
- package/dist/node_modules/react-icons/lib/iconContext.js +0 -12
- package/dist/node_modules/react-icons/lu/index.js +0 -12
- package/dist/node_modules/react-is/cjs/react-is.development.js +0 -95
- package/dist/node_modules/react-is/cjs/react-is.production.min.js +0 -78
- package/dist/node_modules/react-is/index.js +0 -10
- package/dist/node_modules/react-scroll/modules/components/Button.js +0 -58
- package/dist/node_modules/react-scroll/modules/components/Element.js +0 -72
- package/dist/node_modules/react-scroll/modules/components/Link.js +0 -49
- package/dist/node_modules/react-scroll/modules/index.js +0 -26
- package/dist/node_modules/react-scroll/modules/mixins/Helpers.js +0 -192
- package/dist/node_modules/react-scroll/modules/mixins/animate-scroll.js +0 -132
- package/dist/node_modules/react-scroll/modules/mixins/cancel-events.js +0 -20
- package/dist/node_modules/react-scroll/modules/mixins/passive-event-listeners.js +0 -27
- package/dist/node_modules/react-scroll/modules/mixins/scroll-element.js +0 -98
- package/dist/node_modules/react-scroll/modules/mixins/scroll-events.js +0 -23
- package/dist/node_modules/react-scroll/modules/mixins/scroll-hash.js +0 -61
- package/dist/node_modules/react-scroll/modules/mixins/scroll-link.js +0 -171
- package/dist/node_modules/react-scroll/modules/mixins/scroll-spy.js +0 -79
- package/dist/node_modules/react-scroll/modules/mixins/scroller.js +0 -62
- package/dist/node_modules/react-scroll/modules/mixins/smooth.js +0 -72
- package/dist/node_modules/react-scroll/modules/mixins/utils.js +0 -55
- package/dist/package/node_modules/react/cjs/react-jsx-runtime.development.js +0 -604
- package/dist/package/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -28
- package/dist/package/node_modules/react/jsx-runtime.js +0 -10
- package/dist/theme/foundations/animations.js +0 -15
- package/dist/theme/foundations/animations.ts +0 -12
- package/dist/theme/foundations/borders.js +0 -12
- package/dist/theme/foundations/borders.ts +0 -13
- package/dist/theme/foundations/breakpoints.js +0 -11
- package/dist/theme/foundations/breakpoints.ts +0 -10
- package/dist/theme/foundations/colors.js +0 -163
- package/dist/theme/foundations/colors.ts +0 -162
- package/dist/theme/foundations/durations.js +0 -12
- package/dist/theme/foundations/durations.ts +0 -15
- package/dist/theme/foundations/semanticTokens.js +0 -474
- package/dist/theme/foundations/semanticTokens.ts +0 -475
- package/dist/theme/foundations/shadows.js +0 -16
- package/dist/theme/foundations/shadows.ts +0 -19
- package/dist/theme/foundations/typography.js +0 -92
- package/dist/theme/foundations/typography.ts +0 -93
- package/dist/theme/foundations/zIndex.js +0 -24
- package/dist/theme/foundations/zIndex.ts +0 -20
- package/dist/theme/globalCss.js +0 -51
- package/dist/theme/globalCss.ts +0 -57
- package/dist/theme/globals/address-entity.js +0 -34
- package/dist/theme/globals/address-entity.ts +0 -33
- package/dist/theme/globals/recaptcha.js +0 -21
- package/dist/theme/globals/recaptcha.ts +0 -20
- package/dist/theme/globals/scrollbar.js +0 -33
- package/dist/theme/globals/scrollbar.ts +0 -32
- package/dist/theme/index.d.ts +0 -1
- package/dist/theme/index.ts +0 -1
- package/dist/theme/recipes/accordion.recipe.js +0 -143
- package/dist/theme/recipes/accordion.recipe.ts +0 -145
- package/dist/theme/recipes/alert.recipe.js +0 -134
- package/dist/theme/recipes/alert.recipe.ts +0 -138
- package/dist/theme/recipes/badge.recipe.js +0 -119
- package/dist/theme/recipes/badge.recipe.ts +0 -117
- package/dist/theme/recipes/button.recipe.js +0 -272
- package/dist/theme/recipes/button.recipe.ts +0 -270
- package/dist/theme/recipes/checkbox.recipe.js +0 -53
- package/dist/theme/recipes/checkbox.recipe.ts +0 -56
- package/dist/theme/recipes/checkmark.recipe.js +0 -73
- package/dist/theme/recipes/checkmark.recipe.ts +0 -73
- package/dist/theme/recipes/close-button.recipe.js +0 -39
- package/dist/theme/recipes/close-button.recipe.ts +0 -37
- package/dist/theme/recipes/dialog.recipe.js +0 -210
- package/dist/theme/recipes/dialog.recipe.ts +0 -213
- package/dist/theme/recipes/drawer.recipe.js +0 -168
- package/dist/theme/recipes/drawer.recipe.ts +0 -173
- package/dist/theme/recipes/field.recipe.js +0 -174
- package/dist/theme/recipes/field.recipe.ts +0 -175
- package/dist/theme/recipes/index.js +0 -69
- package/dist/theme/recipes/index.ts +0 -68
- package/dist/theme/recipes/input.recipe.js +0 -116
- package/dist/theme/recipes/input.recipe.ts +0 -119
- package/dist/theme/recipes/link.recipe.js +0 -88
- package/dist/theme/recipes/link.recipe.ts +0 -86
- package/dist/theme/recipes/list.recipe.js +0 -65
- package/dist/theme/recipes/list.recipe.ts +0 -67
- package/dist/theme/recipes/menu.recipe.js +0 -104
- package/dist/theme/recipes/menu.recipe.ts +0 -105
- package/dist/theme/recipes/pin-input.recipe.js +0 -34
- package/dist/theme/recipes/pin-input.recipe.ts +0 -35
- package/dist/theme/recipes/popover.recipe.js +0 -72
- package/dist/theme/recipes/popover.recipe.ts +0 -70
- package/dist/theme/recipes/progress-circle.recipe.js +0 -74
- package/dist/theme/recipes/progress-circle.recipe.ts +0 -74
- package/dist/theme/recipes/radio-group.recipe.js +0 -69
- package/dist/theme/recipes/radio-group.recipe.ts +0 -73
- package/dist/theme/recipes/radiomark.recipe.js +0 -87
- package/dist/theme/recipes/radiomark.recipe.ts +0 -91
- package/dist/theme/recipes/rating-group.recipe.js +0 -84
- package/dist/theme/recipes/rating-group.recipe.ts +0 -93
- package/dist/theme/recipes/select.recipe.js +0 -275
- package/dist/theme/recipes/select.recipe.ts +0 -277
- package/dist/theme/recipes/skeleton.recipe.js +0 -54
- package/dist/theme/recipes/skeleton.recipe.ts +0 -55
- package/dist/theme/recipes/spinner.recipe.js +0 -33
- package/dist/theme/recipes/spinner.recipe.ts +0 -31
- package/dist/theme/recipes/stat.recipe.js +0 -101
- package/dist/theme/recipes/stat.recipe.ts +0 -101
- package/dist/theme/recipes/switch.recipe.js +0 -125
- package/dist/theme/recipes/switch.recipe.ts +0 -130
- package/dist/theme/recipes/table.recipe.js +0 -83
- package/dist/theme/recipes/table.recipe.ts +0 -84
- package/dist/theme/recipes/tabs.recipe.js +0 -216
- package/dist/theme/recipes/tabs.recipe.ts +0 -219
- package/dist/theme/recipes/tag.recipe.js +0 -157
- package/dist/theme/recipes/tag.recipe.ts +0 -158
- package/dist/theme/recipes/textarea.recipe.js +0 -86
- package/dist/theme/recipes/textarea.recipe.ts +0 -86
- package/dist/theme/recipes/toast.recipe.js +0 -98
- package/dist/theme/recipes/toast.recipe.ts +0 -97
- package/dist/theme/recipes/tooltip.recipe.js +0 -87
- package/dist/theme/recipes/tooltip.recipe.ts +0 -85
- package/dist/theme/theme.js +0 -40
- package/dist/theme/theme.ts +0 -41
- package/dist/theme/utils/entries.js +0 -11
- package/dist/theme/utils/entries.ts +0 -12
- package/dist/theme.d.ts +0 -2
- package/dist/theme.js +0 -4
- package/dist/types/client/adProviders.js +0 -12
- package/dist/types/client/contract.js +0 -13
- package/dist/types/client/gasTracker.js +0 -7
- package/dist/types/client/navigation.js +0 -4
- package/dist/types/client/rollup.js +0 -11
- package/dist/types/client/txInterpretation.js +0 -8
- package/dist/types/client/validators.js +0 -8
- package/dist/types/client/wallets.js +0 -8
- package/dist/types/homepage.js +0 -15
- package/dist/types/views/address.js +0 -14
- package/dist/types/views/block.js +0 -12
- package/dist/types/views/tx.js +0 -16
- package/dist/ui/shared/forms/validators/url.js +0 -12
- package/dist/utils/getComponentDisplayName.js +0 -7
- package/dist/utils/index.d.ts +0 -1
- package/dist/utils.d.ts +0 -2
- package/dist/utils.js +0 -4
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
import { defineSlotRecipe as t } from "@chakra-ui/react";
|
|
2
|
-
const r = t({
|
|
3
|
-
slots: ["root", "title", "description", "indicator", "content"],
|
|
4
|
-
base: {
|
|
5
|
-
root: {
|
|
6
|
-
width: "full",
|
|
7
|
-
display: "flex",
|
|
8
|
-
alignItems: "flex-start",
|
|
9
|
-
position: "relative",
|
|
10
|
-
borderRadius: "base",
|
|
11
|
-
color: "alert.fg",
|
|
12
|
-
_loading: {
|
|
13
|
-
bgColor: "unset"
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
title: {
|
|
17
|
-
fontWeight: "600"
|
|
18
|
-
},
|
|
19
|
-
description: {
|
|
20
|
-
display: "inline"
|
|
21
|
-
},
|
|
22
|
-
indicator: {
|
|
23
|
-
display: "inline-flex",
|
|
24
|
-
alignItems: "center",
|
|
25
|
-
justifyContent: "center",
|
|
26
|
-
flexShrink: "0",
|
|
27
|
-
width: "5",
|
|
28
|
-
height: "5",
|
|
29
|
-
_icon: { boxSize: "full" },
|
|
30
|
-
color: "alert.fg"
|
|
31
|
-
},
|
|
32
|
-
content: {
|
|
33
|
-
display: "flex",
|
|
34
|
-
flex: "1"
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
variants: {
|
|
38
|
-
status: {
|
|
39
|
-
info: {
|
|
40
|
-
root: {
|
|
41
|
-
bgColor: "alert.bg.info",
|
|
42
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
43
|
-
bgColor: "alert.bg.info"
|
|
44
|
-
},
|
|
45
|
-
color: "alert.fg"
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
warning: {
|
|
49
|
-
root: {
|
|
50
|
-
bgColor: "alert.bg.warning",
|
|
51
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
52
|
-
bgColor: "alert.bg.warning"
|
|
53
|
-
},
|
|
54
|
-
color: "alert.fg"
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
warning_table: {
|
|
58
|
-
root: {
|
|
59
|
-
bgColor: "alert.bg.warning_table",
|
|
60
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
61
|
-
bgColor: "alert.bg.warning_table"
|
|
62
|
-
},
|
|
63
|
-
color: "alert.fg"
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
success: {
|
|
67
|
-
root: {
|
|
68
|
-
bgColor: "alert.bg.success",
|
|
69
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
70
|
-
bgColor: "alert.bg.success"
|
|
71
|
-
},
|
|
72
|
-
color: "alert.fg"
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
error: {
|
|
76
|
-
root: {
|
|
77
|
-
bgColor: "alert.bg.error",
|
|
78
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
79
|
-
bgColor: "alert.bg.error"
|
|
80
|
-
},
|
|
81
|
-
color: "alert.fg"
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
variant: {
|
|
86
|
-
subtle: {
|
|
87
|
-
root: {
|
|
88
|
-
color: "alert.fg"
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
},
|
|
92
|
-
inline: {
|
|
93
|
-
true: {
|
|
94
|
-
root: {
|
|
95
|
-
alignItems: "flex-start"
|
|
96
|
-
},
|
|
97
|
-
content: {
|
|
98
|
-
display: "inline-flex",
|
|
99
|
-
flexDirection: "row",
|
|
100
|
-
alignItems: "center"
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
false: {
|
|
104
|
-
content: {
|
|
105
|
-
display: "flex",
|
|
106
|
-
flexDirection: "column"
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
size: {
|
|
111
|
-
md: {
|
|
112
|
-
root: {
|
|
113
|
-
gap: "2",
|
|
114
|
-
px: "3",
|
|
115
|
-
py: "2",
|
|
116
|
-
textStyle: "md"
|
|
117
|
-
},
|
|
118
|
-
indicator: {
|
|
119
|
-
boxSize: "5",
|
|
120
|
-
my: "2px"
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
},
|
|
125
|
-
defaultVariants: {
|
|
126
|
-
status: "info",
|
|
127
|
-
size: "md",
|
|
128
|
-
inline: !0,
|
|
129
|
-
variant: "subtle"
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
export {
|
|
133
|
-
r as recipe
|
|
134
|
-
};
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import { defineSlotRecipe } from '@chakra-ui/react';
|
|
2
|
-
|
|
3
|
-
export const recipe = defineSlotRecipe({
|
|
4
|
-
slots: [ 'root', 'title', 'description', 'indicator', 'content' ],
|
|
5
|
-
|
|
6
|
-
base: {
|
|
7
|
-
root: {
|
|
8
|
-
width: 'full',
|
|
9
|
-
display: 'flex',
|
|
10
|
-
alignItems: 'flex-start',
|
|
11
|
-
position: 'relative',
|
|
12
|
-
borderRadius: 'base',
|
|
13
|
-
color: 'alert.fg',
|
|
14
|
-
_loading: {
|
|
15
|
-
bgColor: 'unset',
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
title: {
|
|
19
|
-
fontWeight: '600',
|
|
20
|
-
},
|
|
21
|
-
description: {
|
|
22
|
-
display: 'inline',
|
|
23
|
-
},
|
|
24
|
-
indicator: {
|
|
25
|
-
display: 'inline-flex',
|
|
26
|
-
alignItems: 'center',
|
|
27
|
-
justifyContent: 'center',
|
|
28
|
-
flexShrink: '0',
|
|
29
|
-
width: '5',
|
|
30
|
-
height: '5',
|
|
31
|
-
_icon: { boxSize: 'full' },
|
|
32
|
-
color: 'alert.fg',
|
|
33
|
-
},
|
|
34
|
-
content: {
|
|
35
|
-
display: 'flex',
|
|
36
|
-
flex: '1',
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
|
|
40
|
-
variants: {
|
|
41
|
-
status: {
|
|
42
|
-
info: {
|
|
43
|
-
root: {
|
|
44
|
-
bgColor: 'alert.bg.info',
|
|
45
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
46
|
-
bgColor: 'alert.bg.info',
|
|
47
|
-
},
|
|
48
|
-
color: 'alert.fg',
|
|
49
|
-
},
|
|
50
|
-
},
|
|
51
|
-
warning: {
|
|
52
|
-
root: {
|
|
53
|
-
bgColor: 'alert.bg.warning',
|
|
54
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
55
|
-
bgColor: 'alert.bg.warning',
|
|
56
|
-
},
|
|
57
|
-
color: 'alert.fg',
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
|
-
warning_table: {
|
|
61
|
-
root: {
|
|
62
|
-
bgColor: 'alert.bg.warning_table',
|
|
63
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
64
|
-
bgColor: 'alert.bg.warning_table',
|
|
65
|
-
},
|
|
66
|
-
color: 'alert.fg',
|
|
67
|
-
},
|
|
68
|
-
},
|
|
69
|
-
success: {
|
|
70
|
-
root: {
|
|
71
|
-
bgColor: 'alert.bg.success',
|
|
72
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
73
|
-
bgColor: 'alert.bg.success',
|
|
74
|
-
},
|
|
75
|
-
color: 'alert.fg',
|
|
76
|
-
},
|
|
77
|
-
},
|
|
78
|
-
error: {
|
|
79
|
-
root: {
|
|
80
|
-
bgColor: 'alert.bg.error',
|
|
81
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
82
|
-
bgColor: 'alert.bg.error',
|
|
83
|
-
},
|
|
84
|
-
color: 'alert.fg',
|
|
85
|
-
},
|
|
86
|
-
},
|
|
87
|
-
},
|
|
88
|
-
|
|
89
|
-
variant: {
|
|
90
|
-
subtle: {
|
|
91
|
-
root: {
|
|
92
|
-
color: 'alert.fg',
|
|
93
|
-
},
|
|
94
|
-
},
|
|
95
|
-
},
|
|
96
|
-
|
|
97
|
-
inline: {
|
|
98
|
-
'true': {
|
|
99
|
-
root: {
|
|
100
|
-
alignItems: 'flex-start',
|
|
101
|
-
},
|
|
102
|
-
content: {
|
|
103
|
-
display: 'inline-flex',
|
|
104
|
-
flexDirection: 'row',
|
|
105
|
-
alignItems: 'center',
|
|
106
|
-
},
|
|
107
|
-
},
|
|
108
|
-
'false': {
|
|
109
|
-
content: {
|
|
110
|
-
display: 'flex',
|
|
111
|
-
flexDirection: 'column',
|
|
112
|
-
},
|
|
113
|
-
},
|
|
114
|
-
},
|
|
115
|
-
|
|
116
|
-
size: {
|
|
117
|
-
md: {
|
|
118
|
-
root: {
|
|
119
|
-
gap: '2',
|
|
120
|
-
px: '3',
|
|
121
|
-
py: '2',
|
|
122
|
-
textStyle: 'md',
|
|
123
|
-
},
|
|
124
|
-
indicator: {
|
|
125
|
-
boxSize: '5',
|
|
126
|
-
my: '2px',
|
|
127
|
-
},
|
|
128
|
-
},
|
|
129
|
-
},
|
|
130
|
-
},
|
|
131
|
-
|
|
132
|
-
defaultVariants: {
|
|
133
|
-
status: 'info',
|
|
134
|
-
size: 'md',
|
|
135
|
-
inline: true,
|
|
136
|
-
variant: 'subtle',
|
|
137
|
-
},
|
|
138
|
-
});
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { defineRecipe as a } from "@chakra-ui/react";
|
|
2
|
-
const g = a({
|
|
3
|
-
base: {
|
|
4
|
-
display: "inline-flex",
|
|
5
|
-
alignItems: "center",
|
|
6
|
-
borderRadius: "sm",
|
|
7
|
-
gap: "1",
|
|
8
|
-
fontWeight: "500",
|
|
9
|
-
width: "fit-content",
|
|
10
|
-
maxWidth: "100%",
|
|
11
|
-
whiteSpace: "nowrap",
|
|
12
|
-
fontVariantNumeric: "normal",
|
|
13
|
-
userSelect: "none",
|
|
14
|
-
_loading: {
|
|
15
|
-
borderRadius: "sm",
|
|
16
|
-
bgColor: "unset"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
variants: {
|
|
20
|
-
variant: {
|
|
21
|
-
subtle: {}
|
|
22
|
-
},
|
|
23
|
-
colorPalette: {
|
|
24
|
-
gray: {
|
|
25
|
-
bgColor: "badge.gray.bg",
|
|
26
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
27
|
-
bgColor: "badge.gray.bg"
|
|
28
|
-
},
|
|
29
|
-
color: "badge.gray.fg"
|
|
30
|
-
},
|
|
31
|
-
green: {
|
|
32
|
-
bgColor: "badge.green.bg",
|
|
33
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
34
|
-
bgColor: "badge.green.bg"
|
|
35
|
-
},
|
|
36
|
-
color: "badge.green.fg"
|
|
37
|
-
},
|
|
38
|
-
red: {
|
|
39
|
-
bgColor: "badge.red.bg",
|
|
40
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
41
|
-
bgColor: "badge.red.bg"
|
|
42
|
-
},
|
|
43
|
-
color: "badge.red.fg"
|
|
44
|
-
},
|
|
45
|
-
purple: {
|
|
46
|
-
bgColor: "badge.purple.bg",
|
|
47
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
48
|
-
bgColor: "badge.purple.bg"
|
|
49
|
-
},
|
|
50
|
-
color: "badge.purple.fg"
|
|
51
|
-
},
|
|
52
|
-
orange: {
|
|
53
|
-
bgColor: "badge.orange.bg",
|
|
54
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
55
|
-
bgColor: "badge.orange.bg"
|
|
56
|
-
},
|
|
57
|
-
color: "badge.orange.fg"
|
|
58
|
-
},
|
|
59
|
-
blue: {
|
|
60
|
-
bgColor: "badge.blue.bg",
|
|
61
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
62
|
-
bgColor: "badge.blue.bg"
|
|
63
|
-
},
|
|
64
|
-
color: "badge.blue.fg"
|
|
65
|
-
},
|
|
66
|
-
yellow: {
|
|
67
|
-
bgColor: "badge.yellow.bg",
|
|
68
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
69
|
-
bgColor: "badge.yellow.bg"
|
|
70
|
-
},
|
|
71
|
-
color: "badge.yellow.fg"
|
|
72
|
-
},
|
|
73
|
-
teal: {
|
|
74
|
-
bgColor: "badge.teal.bg",
|
|
75
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
76
|
-
bgColor: "badge.teal.bg"
|
|
77
|
-
},
|
|
78
|
-
color: "badge.teal.fg"
|
|
79
|
-
},
|
|
80
|
-
cyan: {
|
|
81
|
-
bgColor: "badge.cyan.bg",
|
|
82
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
83
|
-
bgColor: "badge.cyan.bg"
|
|
84
|
-
},
|
|
85
|
-
color: "badge.cyan.fg"
|
|
86
|
-
},
|
|
87
|
-
purple_alt: {
|
|
88
|
-
bgColor: "badge.purple_alt.bg",
|
|
89
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
90
|
-
bgColor: "badge.purple_alt.bg"
|
|
91
|
-
},
|
|
92
|
-
color: "badge.purple_alt.fg"
|
|
93
|
-
},
|
|
94
|
-
blue_alt: {
|
|
95
|
-
bgColor: "badge.blue_alt.bg",
|
|
96
|
-
"&:not([data-loading], [aria-busy=true])": {
|
|
97
|
-
bgColor: "badge.blue_alt.bg"
|
|
98
|
-
},
|
|
99
|
-
color: "badge.blue_alt.fg"
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
size: {
|
|
103
|
-
md: {
|
|
104
|
-
textStyle: "sm",
|
|
105
|
-
px: "1",
|
|
106
|
-
py: "0.5",
|
|
107
|
-
minH: "6"
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
defaultVariants: {
|
|
112
|
-
variant: "subtle",
|
|
113
|
-
colorPalette: "gray",
|
|
114
|
-
size: "md"
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
export {
|
|
118
|
-
g as recipe
|
|
119
|
-
};
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { defineRecipe } from '@chakra-ui/react';
|
|
2
|
-
|
|
3
|
-
export const recipe = defineRecipe({
|
|
4
|
-
base: {
|
|
5
|
-
display: 'inline-flex',
|
|
6
|
-
alignItems: 'center',
|
|
7
|
-
borderRadius: 'sm',
|
|
8
|
-
gap: '1',
|
|
9
|
-
fontWeight: '500',
|
|
10
|
-
width: 'fit-content',
|
|
11
|
-
maxWidth: '100%',
|
|
12
|
-
whiteSpace: 'nowrap',
|
|
13
|
-
fontVariantNumeric: 'normal',
|
|
14
|
-
userSelect: 'none',
|
|
15
|
-
_loading: {
|
|
16
|
-
borderRadius: 'sm',
|
|
17
|
-
bgColor: 'unset',
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
variants: {
|
|
21
|
-
variant: {
|
|
22
|
-
subtle: {},
|
|
23
|
-
},
|
|
24
|
-
colorPalette: {
|
|
25
|
-
gray: {
|
|
26
|
-
bgColor: 'badge.gray.bg',
|
|
27
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
28
|
-
bgColor: 'badge.gray.bg',
|
|
29
|
-
},
|
|
30
|
-
color: 'badge.gray.fg',
|
|
31
|
-
},
|
|
32
|
-
green: {
|
|
33
|
-
bgColor: 'badge.green.bg',
|
|
34
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
35
|
-
bgColor: 'badge.green.bg',
|
|
36
|
-
},
|
|
37
|
-
color: 'badge.green.fg',
|
|
38
|
-
},
|
|
39
|
-
red: {
|
|
40
|
-
bgColor: 'badge.red.bg',
|
|
41
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
42
|
-
bgColor: 'badge.red.bg',
|
|
43
|
-
},
|
|
44
|
-
color: 'badge.red.fg',
|
|
45
|
-
},
|
|
46
|
-
purple: {
|
|
47
|
-
bgColor: 'badge.purple.bg',
|
|
48
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
49
|
-
bgColor: 'badge.purple.bg',
|
|
50
|
-
},
|
|
51
|
-
color: 'badge.purple.fg',
|
|
52
|
-
},
|
|
53
|
-
orange: {
|
|
54
|
-
bgColor: 'badge.orange.bg',
|
|
55
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
56
|
-
bgColor: 'badge.orange.bg',
|
|
57
|
-
},
|
|
58
|
-
color: 'badge.orange.fg',
|
|
59
|
-
},
|
|
60
|
-
blue: {
|
|
61
|
-
bgColor: 'badge.blue.bg',
|
|
62
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
63
|
-
bgColor: 'badge.blue.bg',
|
|
64
|
-
},
|
|
65
|
-
color: 'badge.blue.fg',
|
|
66
|
-
},
|
|
67
|
-
yellow: {
|
|
68
|
-
bgColor: 'badge.yellow.bg',
|
|
69
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
70
|
-
bgColor: 'badge.yellow.bg',
|
|
71
|
-
},
|
|
72
|
-
color: 'badge.yellow.fg',
|
|
73
|
-
},
|
|
74
|
-
teal: {
|
|
75
|
-
bgColor: 'badge.teal.bg',
|
|
76
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
77
|
-
bgColor: 'badge.teal.bg',
|
|
78
|
-
},
|
|
79
|
-
color: 'badge.teal.fg',
|
|
80
|
-
},
|
|
81
|
-
cyan: {
|
|
82
|
-
bgColor: 'badge.cyan.bg',
|
|
83
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
84
|
-
bgColor: 'badge.cyan.bg',
|
|
85
|
-
},
|
|
86
|
-
color: 'badge.cyan.fg',
|
|
87
|
-
},
|
|
88
|
-
purple_alt: {
|
|
89
|
-
bgColor: 'badge.purple_alt.bg',
|
|
90
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
91
|
-
bgColor: 'badge.purple_alt.bg',
|
|
92
|
-
},
|
|
93
|
-
color: 'badge.purple_alt.fg',
|
|
94
|
-
},
|
|
95
|
-
blue_alt: {
|
|
96
|
-
bgColor: 'badge.blue_alt.bg',
|
|
97
|
-
'&:not([data-loading], [aria-busy=true])': {
|
|
98
|
-
bgColor: 'badge.blue_alt.bg',
|
|
99
|
-
},
|
|
100
|
-
color: 'badge.blue_alt.fg',
|
|
101
|
-
},
|
|
102
|
-
},
|
|
103
|
-
size: {
|
|
104
|
-
md: {
|
|
105
|
-
textStyle: 'sm',
|
|
106
|
-
px: '1',
|
|
107
|
-
py: '0.5',
|
|
108
|
-
minH: '6',
|
|
109
|
-
},
|
|
110
|
-
},
|
|
111
|
-
},
|
|
112
|
-
defaultVariants: {
|
|
113
|
-
variant: 'subtle',
|
|
114
|
-
colorPalette: 'gray',
|
|
115
|
-
size: 'md',
|
|
116
|
-
},
|
|
117
|
-
});
|