@bitrise/bitkit-v2 0.3.280-beta.1866 → 0.3.280

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.
@@ -1,5 +1,6 @@
1
+ import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
1
2
  import { rem } from "../../theme/themeUtils.js";
2
- import { NotificationActionButton, NotificationCloseButton } from "../common/NotificationButtons.js";
3
+ import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
3
4
  import { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP } from "../common/notificationMaps.js";
4
5
  import { Box } from "@chakra-ui/react/box";
5
6
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -28,14 +29,27 @@ var BitkitAlert = (props) => {
28
29
  minWidth: "0",
29
30
  flex: `1 1 ${rem(240)}`,
30
31
  children: [titleText && /* @__PURE__ */ jsx(Alert.Title, { children: titleText }), /* @__PURE__ */ jsx(Alert.Description, { children: messageText })]
31
- }), !!action && /* @__PURE__ */ jsx(NotificationActionButton, {
32
- action,
33
- colorVariant: BUTTON_COLORS_MAP[variant]
32
+ }), !!action && /* @__PURE__ */ jsx(BitkitColorButton, {
33
+ as: action.href ? "a" : "button",
34
+ colorVariant: BUTTON_COLORS_MAP[variant],
35
+ ...action.href && {
36
+ href: action.href,
37
+ target: action.target,
38
+ rel: action.target === "_blank" ? "noopener noreferrer" : void 0
39
+ },
40
+ onClick: action.onClick,
41
+ marginBlock: rem(-4),
42
+ marginInlineEnd: "12",
43
+ whiteSpace: "nowrap",
44
+ children: action.label
34
45
  })]
35
46
  }),
36
- !!dismissible && /* @__PURE__ */ jsx(NotificationCloseButton, {
37
- colorVariant: BUTTON_COLORS_MAP[variant],
38
- onClose
47
+ !!dismissible && /* @__PURE__ */ jsx(BitkitCloseButton, {
48
+ alignSelf: "flex-start",
49
+ marginBlock: rem(-4),
50
+ size: "sm",
51
+ onClick: onClose,
52
+ colorVariant: BUTTON_COLORS_MAP[variant]
39
53
  })
40
54
  ]
41
55
  });
@@ -1 +1 @@
1
- {"version":3,"file":"BitkitAlert.js","names":[],"sources":["../../../lib/components/BitkitAlert/BitkitAlert.tsx"],"sourcesContent":["import { Alert, type AlertRootProps } from '@chakra-ui/react/alert';\nimport { Box } from '@chakra-ui/react/box';\nimport { type ReactNode } from 'react';\n\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\nimport { rem } from '../../theme/themeUtils';\nimport { NotificationActionButton, NotificationCloseButton } from '../common/NotificationButtons';\nimport { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP, type NotificationAction } from '../common/notificationMaps';\n\nexport type AlertVariants = NotificationVariant;\nexport type ActionProps = NotificationAction;\n\nexport interface BitkitAlertProps extends AlertRootProps {\n action?: ActionProps;\n dismissible?: boolean;\n messageText: ReactNode;\n onClose?: () => void;\n titleText?: ReactNode;\n variant: AlertVariants;\n}\n\nconst BitkitAlert = (props: BitkitAlertProps) => {\n const { action, dismissible, messageText, onClose, titleText, variant, ...rest } = props;\n const IconComponent = ICON_COMPONENTS_MAP[variant];\n\n return (\n <Alert.Root variant={variant} {...rest}>\n <Alert.Indicator asChild={variant !== 'progress'}>\n <IconComponent />\n </Alert.Indicator>\n {/* content + action share a wrapping row so the action drops below the text on narrow widths */}\n <Box display=\"flex\" flex=\"1\" minWidth=\"0\" flexWrap=\"wrap\" alignItems=\"center\" columnGap=\"16\" rowGap={rem(11)}>\n <Alert.Content minWidth=\"0\" flex={`1 1 ${rem(240)}`}>\n {titleText && <Alert.Title>{titleText}</Alert.Title>}\n <Alert.Description>{messageText}</Alert.Description>\n </Alert.Content>\n {!!action && <NotificationActionButton action={action} colorVariant={BUTTON_COLORS_MAP[variant]} />}\n </Box>\n {!!dismissible && <NotificationCloseButton colorVariant={BUTTON_COLORS_MAP[variant]} onClose={onClose} />}\n </Alert.Root>\n );\n};\n\nexport default BitkitAlert;\n"],"mappings":";;;;;;;AAqBA,IAAM,eAAe,UAA4B;CAC/C,MAAM,EAAE,QAAQ,aAAa,aAAa,SAAS,WAAW,SAAS,GAAG,SAAS;CACnF,MAAM,gBAAgB,oBAAoB;CAE1C,OACE,qBAAC,MAAM,MAAP;EAAqB;EAAS,GAAI;YAAlC;GACE,oBAAC,MAAM,WAAP;IAAiB,SAAS,YAAY;cACpC,oBAAC,eAAD,CAAgB,CAAA;GACD,CAAA;GAEjB,qBAAC,KAAD;IAAK,SAAQ;IAAO,MAAK;IAAI,UAAS;IAAI,UAAS;IAAO,YAAW;IAAS,WAAU;IAAK,QAAQ,IAAI,EAAE;cAA3G,CACE,qBAAC,MAAM,SAAP;KAAe,UAAS;KAAI,MAAM,OAAO,IAAI,GAAG;eAAhD,CACG,aAAa,oBAAC,MAAM,OAAP,EAAA,UAAc,UAAuB,CAAA,GACnD,oBAAC,MAAM,aAAP,EAAA,UAAoB,YAA+B,CAAA,CACtC;QACd,CAAC,CAAC,UAAU,oBAAC,0BAAD;KAAkC;KAAQ,cAAc,kBAAkB;IAAW,CAAA,CAC/F;;GACJ,CAAC,CAAC,eAAe,oBAAC,yBAAD;IAAyB,cAAc,kBAAkB;IAAmB;GAAU,CAAA;EAC9F;;AAEhB"}
1
+ {"version":3,"file":"BitkitAlert.js","names":[],"sources":["../../../lib/components/BitkitAlert/BitkitAlert.tsx"],"sourcesContent":["import { Alert, type AlertRootProps } from '@chakra-ui/react/alert';\nimport { Box } from '@chakra-ui/react/box';\nimport { type ReactNode } from 'react';\n\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP, type NotificationAction } from '../common/notificationMaps';\n\nexport type AlertVariants = NotificationVariant;\nexport type ActionProps = NotificationAction;\n\nexport interface BitkitAlertProps extends AlertRootProps {\n action?: ActionProps;\n dismissible?: boolean;\n messageText: ReactNode;\n onClose?: () => void;\n titleText?: ReactNode;\n variant: AlertVariants;\n}\n\nconst BitkitAlert = (props: BitkitAlertProps) => {\n const { action, dismissible, messageText, onClose, titleText, variant, ...rest } = props;\n const IconComponent = ICON_COMPONENTS_MAP[variant];\n\n return (\n <Alert.Root variant={variant} {...rest}>\n <Alert.Indicator asChild={variant !== 'progress'}>\n <IconComponent />\n </Alert.Indicator>\n {/* content + action share a wrapping row so the action drops below the text on narrow widths */}\n <Box display=\"flex\" flex=\"1\" minWidth=\"0\" flexWrap=\"wrap\" alignItems=\"center\" columnGap=\"16\" rowGap={rem(11)}>\n <Alert.Content minWidth=\"0\" flex={`1 1 ${rem(240)}`}>\n {titleText && <Alert.Title>{titleText}</Alert.Title>}\n <Alert.Description>{messageText}</Alert.Description>\n </Alert.Content>\n {!!action && (\n <BitkitColorButton\n as={action.href ? 'a' : 'button'}\n colorVariant={BUTTON_COLORS_MAP[variant]}\n {...(action.href && {\n href: action.href,\n target: action.target,\n rel: action.target === '_blank' ? 'noopener noreferrer' : undefined,\n })}\n onClick={action.onClick}\n // 32px button rides the ~24px text line without growing the row, so `align-items:\n // center` lines it up with the icon/text on a single line and centers it on multi-line.\n marginBlock={rem(-4)}\n marginInlineEnd=\"12\"\n whiteSpace=\"nowrap\"\n >\n {action.label}\n </BitkitColorButton>\n )}\n </Box>\n {!!dismissible && (\n <BitkitCloseButton\n // same trick as the action button: negative block margin keeps the 32px button from\n // inflating a single-line row, while `flex-start` pins it to the first line.\n alignSelf=\"flex-start\"\n marginBlock={rem(-4)}\n size=\"sm\"\n onClick={onClose}\n colorVariant={BUTTON_COLORS_MAP[variant]}\n />\n )}\n </Alert.Root>\n );\n};\n\nexport default BitkitAlert;\n"],"mappings":";;;;;;;;AAsBA,IAAM,eAAe,UAA4B;CAC/C,MAAM,EAAE,QAAQ,aAAa,aAAa,SAAS,WAAW,SAAS,GAAG,SAAS;CACnF,MAAM,gBAAgB,oBAAoB;CAE1C,OACE,qBAAC,MAAM,MAAP;EAAqB;EAAS,GAAI;YAAlC;GACE,oBAAC,MAAM,WAAP;IAAiB,SAAS,YAAY;cACpC,oBAAC,eAAD,CAAgB,CAAA;GACD,CAAA;GAEjB,qBAAC,KAAD;IAAK,SAAQ;IAAO,MAAK;IAAI,UAAS;IAAI,UAAS;IAAO,YAAW;IAAS,WAAU;IAAK,QAAQ,IAAI,EAAE;cAA3G,CACE,qBAAC,MAAM,SAAP;KAAe,UAAS;KAAI,MAAM,OAAO,IAAI,GAAG;eAAhD,CACG,aAAa,oBAAC,MAAM,OAAP,EAAA,UAAc,UAAuB,CAAA,GACnD,oBAAC,MAAM,aAAP,EAAA,UAAoB,YAA+B,CAAA,CACtC;QACd,CAAC,CAAC,UACD,oBAAC,mBAAD;KACE,IAAI,OAAO,OAAO,MAAM;KACxB,cAAc,kBAAkB;KAChC,GAAK,OAAO,QAAQ;MAClB,MAAM,OAAO;MACb,QAAQ,OAAO;MACf,KAAK,OAAO,WAAW,WAAW,wBAAwB,KAAA;KAC5D;KACA,SAAS,OAAO;KAGhB,aAAa,IAAI,EAAE;KACnB,iBAAgB;KAChB,YAAW;eAEV,OAAO;IACS,CAAA,CAElB;;GACJ,CAAC,CAAC,eACD,oBAAC,mBAAD;IAGE,WAAU;IACV,aAAa,IAAI,EAAE;IACnB,MAAK;IACL,SAAS;IACT,cAAc,kBAAkB;GACjC,CAAA;EAEO;;AAEhB"}
@@ -49,7 +49,6 @@ export { default as BitkitPageFooter, type BitkitPageFooterItemProps, type Bitki
49
49
  export { default as BitkitPagination, type BitkitPaginationLabels, type BitkitPaginationProps, } from './BitkitPagination/BitkitPagination';
50
50
  export { default as BitkitPaginationLoadMore, type BitkitPaginationLoadMoreProps, } from './BitkitPaginationLoadMore/BitkitPaginationLoadMore';
51
51
  export { default as BitkitPopover, type BitkitPopoverProps } from './BitkitPopover/BitkitPopover';
52
- export { default as BitkitPromoBanner, type BitkitPromoBannerProps } from './BitkitPromoBanner/BitkitPromoBanner';
53
52
  export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
54
53
  export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
55
54
  export { default as BitkitRibbon, type BitkitRibbonProps } from './BitkitRibbon/BitkitRibbon';
package/dist/main.js CHANGED
@@ -339,7 +339,6 @@ import BitkitPageFooter_default from "./components/BitkitPageFooter/BitkitPageFo
339
339
  import BitkitPagination from "./components/BitkitPagination/BitkitPagination.js";
340
340
  import BitkitPaginationLoadMore from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
341
341
  import BitkitPopover from "./components/BitkitPopover/BitkitPopover.js";
342
- import BitkitPromoBanner from "./components/BitkitPromoBanner/BitkitPromoBanner.js";
343
342
  import BitkitRadio from "./components/BitkitRadio/BitkitRadio.js";
344
343
  import BitkitRadioGroup from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
345
344
  import BitkitRibbon from "./components/BitkitRibbon/BitkitRibbon.js";
@@ -368,4 +367,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
368
367
  import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
369
368
  import bitkitTheme from "./theme/index.js";
370
369
  import Provider from "./providers/BitkitProvider.js";
371
- export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive, useStepperDialog };
370
+ export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive, useStepperDialog };
@@ -0,0 +1,15 @@
1
+ declare const qrCodeSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"overlay" | "pattern" | "root" | "frame" | "downloadTrigger", {
2
+ size: {
3
+ '104': {
4
+ root: {
5
+ '--qr-code-size': "104px";
6
+ };
7
+ };
8
+ '240': {
9
+ root: {
10
+ '--qr-code-size': "240px";
11
+ };
12
+ };
13
+ };
14
+ }>;
15
+ export default qrCodeSlotRecipe;
@@ -0,0 +1,38 @@
1
+ import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
2
+ import { qrCodeAnatomy } from "@chakra-ui/react/anatomy";
3
+ //#region lib/theme/slot-recipes/QrCode.recipe.ts
4
+ var qrCodeSlotRecipe = defineSlotRecipe({
5
+ slots: qrCodeAnatomy.keys(),
6
+ className: "chakra-qr-code",
7
+ base: {
8
+ root: {
9
+ position: "relative",
10
+ width: "fit-content",
11
+ "--qr-code-overlay-size": "calc(var(--qr-code-size) / 3)"
12
+ },
13
+ frame: {
14
+ width: "var(--qr-code-size)",
15
+ height: "var(--qr-code-size)",
16
+ fill: "currentColor"
17
+ },
18
+ overlay: {
19
+ display: "flex",
20
+ alignItems: "center",
21
+ justifyContent: "center",
22
+ width: "var(--qr-code-overlay-size)",
23
+ height: "var(--qr-code-overlay-size)",
24
+ padding: "1",
25
+ backgroundColor: "background/primary",
26
+ borderRadius: "4"
27
+ }
28
+ },
29
+ variants: { size: {
30
+ "104": { root: { "--qr-code-size": "104px" } },
31
+ "240": { root: { "--qr-code-size": "240px" } }
32
+ } },
33
+ defaultVariants: { size: "104" }
34
+ });
35
+ //#endregion
36
+ export { qrCodeSlotRecipe as default };
37
+
38
+ //# sourceMappingURL=QrCode.recipe.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QrCode.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/QrCode.recipe.ts"],"sourcesContent":["import { qrCodeAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\n// The size is driven by the `--qr-code-size` CSS variable that the `frame` slot\n// sizes off. The `size` variant sets that variable to a preset, and\n// `defaultVariants` guarantees a value so the component is never broken when no\n// size is passed. Consumers who need an arbitrary size can still override the\n// variable directly (`<QrCode.Root css={{ '--qr-code-size': '160px' }} />`) —\n// the `css` prop wins over the variant.\nconst qrCodeSlotRecipe = defineSlotRecipe({\n slots: qrCodeAnatomy.keys(),\n className: 'chakra-qr-code',\n base: {\n root: {\n position: 'relative',\n width: 'fit-content',\n '--qr-code-overlay-size': 'calc(var(--qr-code-size) / 3)',\n },\n frame: {\n // The pattern draws with `currentColor` and the frame has no background of\n // its own. A QR needs dark modules on a light background (a quiet zone) to\n // scan reliably, so the foreground color and the surface behind it are the\n // consumer's responsibility — this mirrors upstream Chakra, which also\n // leaves the frame transparent.\n width: 'var(--qr-code-size)',\n height: 'var(--qr-code-size)',\n fill: 'currentColor',\n },\n overlay: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 'var(--qr-code-overlay-size)',\n height: 'var(--qr-code-overlay-size)',\n padding: '1',\n backgroundColor: 'background/primary',\n borderRadius: '4',\n },\n },\n variants: {\n size: {\n '104': { root: { '--qr-code-size': '104px' } },\n '240': { root: { '--qr-code-size': '240px' } },\n },\n },\n defaultVariants: {\n size: '104',\n },\n});\n\nexport default qrCodeSlotRecipe;\n"],"mappings":";;;AASA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,KAAK;CAC1B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,OAAO;GACP,0BAA0B;EAC5B;EACA,OAAO;GAML,OAAO;GACP,QAAQ;GACR,MAAM;EACR;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,SAAS;GACT,iBAAiB;GACjB,cAAc;EAChB;CACF;CACA,UAAU,EACR,MAAM;EACJ,OAAO,EAAE,MAAM,EAAE,kBAAkB,QAAQ,EAAE;EAC7C,OAAO,EAAE,MAAM,EAAE,kBAAkB,QAAQ,EAAE;CAC/C,EACF;CACA,iBAAiB,EACf,MAAM,MACR;AACF,CAAC"}
@@ -1482,6 +1482,20 @@ declare const slotRecipes: {
1482
1482
  };
1483
1483
  }>;
1484
1484
  popover: import('@chakra-ui/react').SlotRecipeDefinition<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description" | "scrollBody" | "scrollGradient" | "scrollButton", import('@chakra-ui/react').SlotRecipeVariantRecord<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description" | "scrollBody" | "scrollGradient" | "scrollButton">>;
1485
+ qrCode: import('@chakra-ui/react').SlotRecipeDefinition<"overlay" | "pattern" | "root" | "frame" | "downloadTrigger", {
1486
+ size: {
1487
+ '104': {
1488
+ root: {
1489
+ '--qr-code-size': "104px";
1490
+ };
1491
+ };
1492
+ '240': {
1493
+ root: {
1494
+ '--qr-code-size': "240px";
1495
+ };
1496
+ };
1497
+ };
1498
+ }>;
1485
1499
  radioGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
1486
1500
  orientation: {
1487
1501
  horizontal: {
@@ -37,6 +37,7 @@ import pageFooterSlotRecipe from "./PageFooter.recipe.js";
37
37
  import paginationSlotRecipe from "./Pagination.recipe.js";
38
38
  import paginationLoadMoreRecipe from "./PaginationLoadMore.recipe.js";
39
39
  import popoverSlotRecipe from "./Popover.recipe.js";
40
+ import qrCodeSlotRecipe from "./QrCode.recipe.js";
40
41
  import radioGroupSlotRecipe from "./RadioGroup.recipe.js";
41
42
  import ribbonSlotRecipe from "./Ribbon.recipe.js";
42
43
  import sectionHeadingRecipe from "./SectionHeading.recipe.js";
@@ -95,6 +96,7 @@ var slotRecipes = {
95
96
  pagination: paginationSlotRecipe,
96
97
  paginationLoadMore: paginationLoadMoreRecipe,
97
98
  popover: popoverSlotRecipe,
99
+ qrCode: qrCodeSlotRecipe,
98
100
  radioGroup: radioGroupSlotRecipe,
99
101
  ribbon: ribbonSlotRecipe,
100
102
  sectionHeading: sectionHeadingRecipe,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n accordion: accordionSlotRecipe,\n actionBar: actionBarSlotRecipe,\n alert: alertSlotRecipe,\n avatar: avatarSlotRecipe,\n breadcrumb: breadcrumbSlotRecipe,\n card: cardSlotRecipe,\n checkbox: checkboxSlotRecipe,\n codeSnippet: codeSnippetSlotRecipe,\n collapsible: collapsibleSlotRecipe,\n combobox: comboboxSlotRecipe,\n dataWidget: dataWidgetSlotRecipe,\n datePicker: datePickerSlotRecipe,\n datePickerSelect: datePickerSelectSlotRecipe,\n dialog: dialogSlotRecipe,\n draggableCard: draggableCardSlotRecipe,\n drawer: drawerSlotRecipe,\n emptyState: emptyStateSlotRecipe,\n expandableCard: expandableCardSlotRecipe,\n field: fieldSlotRecipe,\n groupHeading: groupHeadingSlotRecipe,\n fieldset: fieldsetSlotRecipe,\n fileUpload: fileUploadSlotRecipe,\n imageCropper: imageCropperSlotRecipe,\n inlineLoading: inlineLoadingSlotRecipe,\n list: listSlotRecipe,\n markdown: markdownSlotRecipe,\n markdownCard: markdownCardSlotRecipe,\n menu: menuSlotRecipe,\n multiselect: multiselectSlotRecipe,\n noteCard: noteCardSlotRecipe,\n nativeSelect: nativeSelectSlotRecipe,\n numberInput: numberInputSlotRecipe,\n overflowContent: overflowContentSlotRecipe,\n pageFooter: pageFooterSlotRecipe,\n pagination: paginationSlotRecipe,\n paginationLoadMore: paginationLoadMoreSlotRecipe,\n popover: popoverSlotRecipe,\n radioGroup: radioGroupSlotRecipe,\n ribbon: ribbonSlotRecipe,\n sectionHeading: sectionHeadingSlotRecipe,\n labeledData: labeledDataSlotRecipe,\n segmentGroup: segmentGroupSlotRecipe,\n sidebar: sidebarSlotRecipe,\n select: selectSlotRecipe,\n settingsCard: settingsCardSlotRecipe,\n splitButton: splitButtonSlotRecipe,\n stat: statSlotRecipe,\n stepsCard: stepCardSlotRecipe,\n steps: stepsSlotRecipe,\n switch: switchSlotRecipe,\n table: tableSlotRecipe,\n tabs: tabsSlotRecipe,\n tag: tagSlotRecipe,\n tagsInput: tagsInputSlotRecipe,\n textInput: textInputSlotRecipe,\n toast: toastSlotRecipe,\n tooltip: tooltipSlotRecipe,\n treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,UAAU;AACZ"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n accordion: accordionSlotRecipe,\n actionBar: actionBarSlotRecipe,\n alert: alertSlotRecipe,\n avatar: avatarSlotRecipe,\n breadcrumb: breadcrumbSlotRecipe,\n card: cardSlotRecipe,\n checkbox: checkboxSlotRecipe,\n codeSnippet: codeSnippetSlotRecipe,\n collapsible: collapsibleSlotRecipe,\n combobox: comboboxSlotRecipe,\n dataWidget: dataWidgetSlotRecipe,\n datePicker: datePickerSlotRecipe,\n datePickerSelect: datePickerSelectSlotRecipe,\n dialog: dialogSlotRecipe,\n draggableCard: draggableCardSlotRecipe,\n drawer: drawerSlotRecipe,\n emptyState: emptyStateSlotRecipe,\n expandableCard: expandableCardSlotRecipe,\n field: fieldSlotRecipe,\n groupHeading: groupHeadingSlotRecipe,\n fieldset: fieldsetSlotRecipe,\n fileUpload: fileUploadSlotRecipe,\n imageCropper: imageCropperSlotRecipe,\n inlineLoading: inlineLoadingSlotRecipe,\n list: listSlotRecipe,\n markdown: markdownSlotRecipe,\n markdownCard: markdownCardSlotRecipe,\n menu: menuSlotRecipe,\n multiselect: multiselectSlotRecipe,\n noteCard: noteCardSlotRecipe,\n nativeSelect: nativeSelectSlotRecipe,\n numberInput: numberInputSlotRecipe,\n overflowContent: overflowContentSlotRecipe,\n pageFooter: pageFooterSlotRecipe,\n pagination: paginationSlotRecipe,\n paginationLoadMore: paginationLoadMoreSlotRecipe,\n popover: popoverSlotRecipe,\n qrCode: qrCodeSlotRecipe,\n radioGroup: radioGroupSlotRecipe,\n ribbon: ribbonSlotRecipe,\n sectionHeading: sectionHeadingSlotRecipe,\n labeledData: labeledDataSlotRecipe,\n segmentGroup: segmentGroupSlotRecipe,\n sidebar: sidebarSlotRecipe,\n select: selectSlotRecipe,\n settingsCard: settingsCardSlotRecipe,\n splitButton: splitButtonSlotRecipe,\n stat: statSlotRecipe,\n stepsCard: stepCardSlotRecipe,\n steps: stepsSlotRecipe,\n switch: switchSlotRecipe,\n table: tableSlotRecipe,\n tabs: tabsSlotRecipe,\n tag: tagSlotRecipe,\n tagsInput: tagsInputSlotRecipe,\n textInput: textInputSlotRecipe,\n toast: toastSlotRecipe,\n tooltip: tooltipSlotRecipe,\n treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,UAAU;AACZ"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.280-beta.1866",
4
+ "version": "0.3.280",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",
@@ -1,18 +0,0 @@
1
- import { AlertRootProps } from '@chakra-ui/react/alert';
2
- import { ReactNode } from 'react';
3
- import { NotificationAction } from '../common/notificationMaps';
4
- export type PromoBannerAction = NotificationAction;
5
- export interface BitkitPromoBannerProps extends Omit<AlertRootProps, 'title' | 'variant'> {
6
- actionable?: PromoBannerAction;
7
- dismissible?: boolean;
8
- /** Custom leading illustration (an SVG element). Defaults to the built-in mascot. */
9
- illustration?: ReactNode;
10
- message: ReactNode;
11
- onClose?: () => void;
12
- title: ReactNode;
13
- }
14
- declare const BitkitPromoBanner: {
15
- (props: BitkitPromoBannerProps): import("react").JSX.Element;
16
- displayName: string;
17
- };
18
- export default BitkitPromoBanner;
@@ -1,56 +0,0 @@
1
- import { rem } from "../../theme/themeUtils.js";
2
- import { NotificationActionButton, NotificationCloseButton } from "../common/NotificationButtons.js";
3
- import { BUTTON_COLORS_MAP } from "../common/notificationMaps.js";
4
- import ForwardRef from "./mascot.js";
5
- import { Box } from "@chakra-ui/react/box";
6
- import { Icon } from "@chakra-ui/react/icon";
7
- import { jsx, jsxs } from "react/jsx-runtime";
8
- import { Alert } from "@chakra-ui/react/alert";
9
- //#region lib/components/BitkitPromoBanner/BitkitPromoBanner.tsx
10
- var PROMO_BANNER_COLOR = BUTTON_COLORS_MAP.info;
11
- var BitkitPromoBanner = (props) => {
12
- const { actionable, dismissible, illustration, message, onClose, title, ...rest } = props;
13
- return /* @__PURE__ */ jsxs(Alert.Root, {
14
- variant: "info",
15
- border: "none",
16
- css: { "& .alert__title + *": { marginBlockStart: 0 } },
17
- ...rest,
18
- children: [
19
- /* @__PURE__ */ jsx(Icon, {
20
- asChild: true,
21
- width: rem(72),
22
- height: rem(68),
23
- marginInlineEnd: "12",
24
- marginBlock: rem(-11),
25
- marginInlineStart: rem(-12),
26
- children: illustration ?? /* @__PURE__ */ jsx(ForwardRef, {})
27
- }),
28
- /* @__PURE__ */ jsxs(Box, {
29
- display: "flex",
30
- flex: "1",
31
- minWidth: "0",
32
- flexWrap: "wrap",
33
- alignItems: "center",
34
- columnGap: "16",
35
- rowGap: rem(11),
36
- children: [/* @__PURE__ */ jsxs(Alert.Content, {
37
- minWidth: "0",
38
- flex: `1 1 ${rem(240)}`,
39
- children: [/* @__PURE__ */ jsx(Alert.Title, { children: title }), /* @__PURE__ */ jsx(Alert.Description, { children: message })]
40
- }), !!actionable && /* @__PURE__ */ jsx(NotificationActionButton, {
41
- action: actionable,
42
- colorVariant: PROMO_BANNER_COLOR
43
- })]
44
- }),
45
- !!dismissible && /* @__PURE__ */ jsx(NotificationCloseButton, {
46
- colorVariant: PROMO_BANNER_COLOR,
47
- onClose
48
- })
49
- ]
50
- });
51
- };
52
- BitkitPromoBanner.displayName = "BitkitPromoBanner";
53
- //#endregion
54
- export { BitkitPromoBanner as default };
55
-
56
- //# sourceMappingURL=BitkitPromoBanner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BitkitPromoBanner.js","names":[],"sources":["../../../lib/components/BitkitPromoBanner/BitkitPromoBanner.tsx"],"sourcesContent":["import { Alert, type AlertRootProps } from '@chakra-ui/react/alert';\nimport { Box } from '@chakra-ui/react/box';\nimport { Icon } from '@chakra-ui/react/icon';\nimport { type ReactNode } from 'react';\n\nimport { rem } from '../../theme/themeUtils';\nimport { NotificationActionButton, NotificationCloseButton } from '../common/NotificationButtons';\nimport { BUTTON_COLORS_MAP, type NotificationAction } from '../common/notificationMaps';\nimport MascotSvg from './mascot.svg?react';\n\nexport type PromoBannerAction = NotificationAction;\n\nconst PROMO_BANNER_COLOR = BUTTON_COLORS_MAP.info;\n\nexport interface BitkitPromoBannerProps extends Omit<AlertRootProps, 'title' | 'variant'> {\n actionable?: PromoBannerAction;\n dismissible?: boolean;\n /** Custom leading illustration (an SVG element). Defaults to the built-in mascot. */\n illustration?: ReactNode;\n message: ReactNode;\n onClose?: () => void;\n title: ReactNode;\n}\n\nconst BitkitPromoBanner = (props: BitkitPromoBannerProps) => {\n const { actionable, dismissible, illustration, message, onClose, title, ...rest } = props;\n\n return (\n <Alert.Root variant=\"info\" border=\"none\" css={{ '& .alert__title + *': { marginBlockStart: 0 } }} {...rest}>\n <Icon\n asChild\n width={rem(72)}\n height={rem(68)}\n marginInlineEnd=\"12\"\n marginBlock={rem(-11)}\n marginInlineStart={rem(-12)}\n >\n {illustration ?? <MascotSvg />}\n </Icon>\n <Box display=\"flex\" flex=\"1\" minWidth=\"0\" flexWrap=\"wrap\" alignItems=\"center\" columnGap=\"16\" rowGap={rem(11)}>\n <Alert.Content minWidth=\"0\" flex={`1 1 ${rem(240)}`}>\n <Alert.Title>{title}</Alert.Title>\n <Alert.Description>{message}</Alert.Description>\n </Alert.Content>\n {!!actionable && <NotificationActionButton action={actionable} colorVariant={PROMO_BANNER_COLOR} />}\n </Box>\n {!!dismissible && <NotificationCloseButton colorVariant={PROMO_BANNER_COLOR} onClose={onClose} />}\n </Alert.Root>\n );\n};\n\nBitkitPromoBanner.displayName = 'BitkitPromoBanner';\n\nexport default BitkitPromoBanner;\n"],"mappings":";;;;;;;;;AAYA,IAAM,qBAAqB,kBAAkB;AAY7C,IAAM,qBAAqB,UAAkC;CAC3D,MAAM,EAAE,YAAY,aAAa,cAAc,SAAS,SAAS,OAAO,GAAG,SAAS;CAEpF,OACE,qBAAC,MAAM,MAAP;EAAY,SAAQ;EAAO,QAAO;EAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,EAAE;EAAG,GAAI;YAAtG;GACE,oBAAC,MAAD;IACE,SAAA;IACA,OAAO,IAAI,EAAE;IACb,QAAQ,IAAI,EAAE;IACd,iBAAgB;IAChB,aAAa,IAAI,GAAG;IACpB,mBAAmB,IAAI,GAAG;cAEzB,gBAAgB,oBAAC,YAAD,CAAY,CAAA;GACzB,CAAA;GACN,qBAAC,KAAD;IAAK,SAAQ;IAAO,MAAK;IAAI,UAAS;IAAI,UAAS;IAAO,YAAW;IAAS,WAAU;IAAK,QAAQ,IAAI,EAAE;cAA3G,CACE,qBAAC,MAAM,SAAP;KAAe,UAAS;KAAI,MAAM,OAAO,IAAI,GAAG;eAAhD,CACE,oBAAC,MAAM,OAAP,EAAA,UAAc,MAAmB,CAAA,GACjC,oBAAC,MAAM,aAAP,EAAA,UAAoB,QAA2B,CAAA,CAClC;QACd,CAAC,CAAC,cAAc,oBAAC,0BAAD;KAA0B,QAAQ;KAAY,cAAc;IAAqB,CAAA,CAC/F;;GACJ,CAAC,CAAC,eAAe,oBAAC,yBAAD;IAAyB,cAAc;IAA6B;GAAU,CAAA;EACtF;;AAEhB;AAEA,kBAAkB,cAAc"}
@@ -1,495 +0,0 @@
1
- import { forwardRef } from "react";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- //#region lib/components/BitkitPromoBanner/mascot.svg?react
4
- var SvgMascot = (props, ref) => /* @__PURE__ */ jsxs("svg", {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: 72,
7
- height: 68,
8
- fill: "none",
9
- viewBox: "0 0 72 68",
10
- ref,
11
- ...props,
12
- children: [
13
- /* @__PURE__ */ jsx("mask", {
14
- id: "a",
15
- width: 68,
16
- height: 64,
17
- x: 0,
18
- y: 8,
19
- maskUnits: "userSpaceOnUse",
20
- style: { maskType: "luminance" },
21
- children: /* @__PURE__ */ jsx("path", {
22
- fill: "#fff",
23
- d: "M0 8h68v48c0 8.837-7.163 16-16 16H24C10.745 72 0 61.255 0 48z"
24
- })
25
- }),
26
- /* @__PURE__ */ jsxs("g", {
27
- mask: "url(#a)",
28
- children: [
29
- /* @__PURE__ */ jsx("path", {
30
- fill: "url(#b)",
31
- d: "M10.547 82.974H-.355a2.63 2.63 0 0 1-2.626-2.626v-12.43a8.853 8.853 0 0 1 8.853-8.854c5.448 0 9.608 4.878 8.743 10.259l-1.49 11.497a2.625 2.625 0 0 1-2.584 2.16z"
32
- }),
33
- /* @__PURE__ */ jsx("path", {
34
- fill: "url(#c)",
35
- d: "M51.666 83.133H40.942a2.495 2.495 0 0 1-2.497-2.497V69.292a7.86 7.86 0 1 1 15.718 0v11.344a2.495 2.495 0 0 1-2.497 2.497"
36
- }),
37
- /* @__PURE__ */ jsx("path", {
38
- fill: "url(#d)",
39
- d: "m-3.38 33.621 6.73-.024a17.42 17.42 0 0 1 13.136 5.822l8.332 9.332v3.276l-28.075-.037z"
40
- }),
41
- /* @__PURE__ */ jsx("path", {
42
- fill: "url(#e)",
43
- d: "m-4.41 40.395 5.957-.025a15.4 15.4 0 0 1 11.62 5.148l7.375 8.258v2.896l-24.836-.03-.11-16.247z"
44
- }),
45
- /* @__PURE__ */ jsx("path", {
46
- fill: "url(#f)",
47
- fillRule: "evenodd",
48
- d: "M3.639 55.904h2.24l.005-7.454-2.24 1.859z",
49
- clipRule: "evenodd"
50
- }),
51
- /* @__PURE__ */ jsx("path", {
52
- fill: "url(#g)",
53
- fillRule: "evenodd",
54
- d: "M31.248 48.481 5.89 48.444v5.97l31.315.043a5.97 5.97 0 0 0-5.957-5.976",
55
- clipRule: "evenodd"
56
- }),
57
- /* @__PURE__ */ jsx("path", {
58
- fill: "url(#h)",
59
- fillRule: "evenodd",
60
- d: "m61.2 38.916.651-.141a1.386 1.386 0 0 0 .963-1.945l-2.448-5.16c-.049-.123-.116-.24-.172-.356l-.036-.08a9 9 0 0 0-.92-1.521l.159-7.29c.03-1.398-1.608-2.183-2.675-1.27L51.23 25.83H35.825l-5.491-4.675c-1.068-.908-2.706-.129-2.675 1.27l.16 7.289a9.5 9.5 0 0 0-.927 1.54v-.013l-2.663 5.602c-.38.81.086 1.76.963 1.945l.65.141-.711 1.503a.754.754 0 0 0 .521 1.062l.295.06v.087c0 5.951 4.829 10.78 10.78 10.78h13.602c5.951 0 10.78-4.829 10.78-10.78v-.092l.282-.062a.75.75 0 0 0 .521-1.061l-.711-1.503z",
61
- clipRule: "evenodd"
62
- }),
63
- /* @__PURE__ */ jsx("path", {
64
- fill: "#000",
65
- d: "M42.77 41.389c0-.338.264-.608.601-.614.338 0 .614.264.614.601.006.669.288 1.276.736 1.712s1.055.7 1.73.687a2.42 2.42 0 0 0 1.712-.736 2.42 2.42 0 0 0 .687-1.73c0-.338.264-.614.601-.614.338 0 .614.264.614.602a3.64 3.64 0 0 1-1.037 2.589 3.633 3.633 0 0 1-5.154.067 3.7 3.7 0 0 1-.466-.558 3.625 3.625 0 0 1-3.012 1.669 3.61 3.61 0 0 1-2.59-1.037 3.63 3.63 0 0 1-1.098-2.565c0-.337.264-.613.602-.613s.613.263.613.6c.006.67.288 1.277.736 1.713.448.435 1.056.7 1.73.687a2.43 2.43 0 0 0 1.712-.73c.436-.448.7-1.056.687-1.73M48.783 36.762c.018 1.172.57 2.117 1.239 2.11.669-.005 1.203-.968 1.19-2.14-.012-1.172-.57-2.123-1.245-2.11-.669.005-1.203.968-1.19 2.14M35.42 36.934c.012 1.172.57 2.117 1.245 2.11.67-.005 1.203-.969 1.19-2.14-.012-1.172-.57-2.117-1.239-2.111-.668.006-1.202.97-1.19 2.141"
66
- }),
67
- /* @__PURE__ */ jsx("path", {
68
- fill: "url(#i)",
69
- d: "M43.525 57.169c13.577 0 24.584-11.007 24.584-24.585C68.109 19.007 57.102 8 43.525 8S18.94 19.007 18.94 32.584 29.947 57.17 43.525 57.17"
70
- }),
71
- /* @__PURE__ */ jsx("path", {
72
- fill: "#000",
73
- d: "M24.818 48.475h37.407a2.74 2.74 0 0 1-2.742 2.742H27.56a2.74 2.74 0 0 1-2.743-2.742"
74
- }),
75
- /* @__PURE__ */ jsx("path", {
76
- fill: "#000",
77
- d: "M27.56 51.04h31.923a2.74 2.74 0 0 1 2.742 2.742H24.818a2.74 2.74 0 0 1 2.742-2.742"
78
- }),
79
- /* @__PURE__ */ jsx("path", {
80
- fill: "url(#j)",
81
- fillRule: "evenodd",
82
- d: "M35.567 85.784-6.3 83.121c-9.553-.607-16.99-8.534-16.99-18.105 0-6.203 5.032-11.234 11.235-11.234h74.293v6.982c0 14.473-12.222 25.94-26.665 25.02z",
83
- clipRule: "evenodd"
84
- }),
85
- /* @__PURE__ */ jsx("mask", {
86
- id: "k",
87
- width: 87,
88
- height: 33,
89
- x: -24,
90
- y: 53,
91
- maskUnits: "userSpaceOnUse",
92
- style: { maskType: "luminance" },
93
- children: /* @__PURE__ */ jsx("path", {
94
- fill: "#fff",
95
- d: "M35.567 85.784-6.3 83.121c-9.553-.607-16.99-8.534-16.99-18.105 0-6.203 5.032-11.234 11.235-11.234h74.293v6.982c0 14.473-12.222 25.94-26.665 25.02z"
96
- })
97
- }),
98
- /* @__PURE__ */ jsxs("g", {
99
- mask: "url(#k)",
100
- children: [/* @__PURE__ */ jsx("path", {
101
- stroke: "#88E3FF",
102
- strokeMiterlimit: 10,
103
- strokeWidth: 2,
104
- d: "M-15.086 60.47h45.015c1.76 0 3.448.7 4.693 1.945L36.9 64.69a7.6 7.6 0 0 0 5.368 2.22h12.038a7.6 7.6 0 0 0 5.368-2.22l5.767-5.767"
105
- }), /* @__PURE__ */ jsx("path", {
106
- fill: "#88E3FF",
107
- d: "M30.217 85.539a8.964 8.964 0 1 0 0-17.928 8.964 8.964 0 0 0 0 17.927"
108
- })]
109
- }),
110
- /* @__PURE__ */ jsx("path", {
111
- fill: "url(#l)",
112
- d: "M53.23 51.04h-9.257a6.183 6.183 0 0 0-6.185 6.18 6.183 6.183 0 0 0 6.185 6.182h9.258a6.183 6.183 0 0 0 6.184-6.181 6.183 6.183 0 0 0-6.184-6.182"
113
- }),
114
- /* @__PURE__ */ jsx("path", {
115
- fill: "url(#m)",
116
- d: "M53.36 52.408h-9.516a4.66 4.66 0 0 0-4.663 4.66 4.66 4.66 0 0 0 4.663 4.66h9.516a4.66 4.66 0 0 0 4.663-4.66 4.66 4.66 0 0 0-4.663-4.66"
117
- }),
118
- /* @__PURE__ */ jsx("path", {
119
- fill: "#DBDBDB",
120
- d: "M48.599 60.07a3.025 3.025 0 1 0 0-6.049 3.025 3.025 0 0 0 0 6.05M53.004 55.383a.871.871 0 1 0 0-1.742.871.871 0 0 0 0 1.742M53.004 60.445a.871.871 0 1 0 0-1.742.871.871 0 0 0 0 1.742M44.15 55.383a.871.871 0 1 0 0-1.742.871.871 0 0 0 0 1.742M44.15 60.445a.871.871 0 1 0 0-1.742.871.871 0 0 0 0 1.742"
121
- })
122
- ]
123
- }),
124
- /* @__PURE__ */ jsxs("defs", { children: [
125
- /* @__PURE__ */ jsxs("linearGradient", {
126
- id: "b",
127
- x1: 5.878,
128
- x2: 5.878,
129
- y1: 82.974,
130
- y2: 59.065,
131
- gradientUnits: "userSpaceOnUse",
132
- children: [
133
- /* @__PURE__ */ jsx("stop", {
134
- offset: .24,
135
- stopColor: "#88E3FF"
136
- }),
137
- /* @__PURE__ */ jsx("stop", {
138
- offset: .26,
139
- stopColor: "#91E5FF"
140
- }),
141
- /* @__PURE__ */ jsx("stop", {
142
- offset: .34,
143
- stopColor: "#AAEAFF"
144
- }),
145
- /* @__PURE__ */ jsx("stop", {
146
- offset: .42,
147
- stopColor: "#BEEFFF"
148
- }),
149
- /* @__PURE__ */ jsx("stop", {
150
- offset: .52,
151
- stopColor: "#CCF2FF"
152
- }),
153
- /* @__PURE__ */ jsx("stop", {
154
- offset: .63,
155
- stopColor: "#D4F4FF"
156
- }),
157
- /* @__PURE__ */ jsx("stop", {
158
- offset: .84,
159
- stopColor: "#D7F5FF"
160
- })
161
- ]
162
- }),
163
- /* @__PURE__ */ jsxs("linearGradient", {
164
- id: "c",
165
- x1: 46.304,
166
- x2: 46.304,
167
- y1: 83.133,
168
- y2: 61.433,
169
- gradientUnits: "userSpaceOnUse",
170
- children: [
171
- /* @__PURE__ */ jsx("stop", {
172
- offset: .28,
173
- stopColor: "#88E3FF"
174
- }),
175
- /* @__PURE__ */ jsx("stop", {
176
- offset: .3,
177
- stopColor: "#90E5FF"
178
- }),
179
- /* @__PURE__ */ jsx("stop", {
180
- offset: .38,
181
- stopColor: "#AAEAFF"
182
- }),
183
- /* @__PURE__ */ jsx("stop", {
184
- offset: .45,
185
- stopColor: "#BEEFFF"
186
- }),
187
- /* @__PURE__ */ jsx("stop", {
188
- offset: .54,
189
- stopColor: "#CCF2FF"
190
- }),
191
- /* @__PURE__ */ jsx("stop", {
192
- offset: .66,
193
- stopColor: "#D4F4FF"
194
- }),
195
- /* @__PURE__ */ jsx("stop", {
196
- offset: .85,
197
- stopColor: "#D7F5FF"
198
- })
199
- ]
200
- }),
201
- /* @__PURE__ */ jsxs("linearGradient", {
202
- id: "d",
203
- x1: 10.719,
204
- x2: 10.719,
205
- y1: 52.027,
206
- y2: 33.597,
207
- gradientUnits: "userSpaceOnUse",
208
- children: [
209
- /* @__PURE__ */ jsx("stop", {
210
- offset: .26,
211
- stopColor: "#88E3FF"
212
- }),
213
- /* @__PURE__ */ jsx("stop", {
214
- offset: .43,
215
- stopColor: "#A4E9FF"
216
- }),
217
- /* @__PURE__ */ jsx("stop", {
218
- offset: .63,
219
- stopColor: "#C0EFFF"
220
- }),
221
- /* @__PURE__ */ jsx("stop", {
222
- offset: .81,
223
- stopColor: "#D1F3FF"
224
- }),
225
- /* @__PURE__ */ jsx("stop", {
226
- offset: .94,
227
- stopColor: "#D7F5FF"
228
- })
229
- ]
230
- }),
231
- /* @__PURE__ */ jsxs("linearGradient", {
232
- id: "e",
233
- x1: 8.062,
234
- x2: 8.062,
235
- y1: 56.678,
236
- y2: 40.37,
237
- gradientUnits: "userSpaceOnUse",
238
- children: [
239
- /* @__PURE__ */ jsx("stop", {
240
- offset: .26,
241
- stopColor: "#88E3FF"
242
- }),
243
- /* @__PURE__ */ jsx("stop", {
244
- offset: .43,
245
- stopColor: "#A4E9FF"
246
- }),
247
- /* @__PURE__ */ jsx("stop", {
248
- offset: .63,
249
- stopColor: "#C0EFFF"
250
- }),
251
- /* @__PURE__ */ jsx("stop", {
252
- offset: .81,
253
- stopColor: "#D1F3FF"
254
- }),
255
- /* @__PURE__ */ jsx("stop", {
256
- offset: .94,
257
- stopColor: "#D7F5FF"
258
- })
259
- ]
260
- }),
261
- /* @__PURE__ */ jsxs("linearGradient", {
262
- id: "f",
263
- x1: 4.755,
264
- x2: 4.811,
265
- y1: 48.459,
266
- y2: 55.919,
267
- gradientUnits: "userSpaceOnUse",
268
- children: [
269
- /* @__PURE__ */ jsx("stop", { stopColor: "#6A3C98" }),
270
- /* @__PURE__ */ jsx("stop", {
271
- offset: .11,
272
- stopColor: "#643293"
273
- }),
274
- /* @__PURE__ */ jsx("stop", {
275
- offset: .41,
276
- stopColor: "#591E89"
277
- }),
278
- /* @__PURE__ */ jsx("stop", {
279
- offset: .71,
280
- stopColor: "#521283"
281
- }),
282
- /* @__PURE__ */ jsx("stop", {
283
- offset: 1,
284
- stopColor: "#500E82"
285
- })
286
- ]
287
- }),
288
- /* @__PURE__ */ jsxs("linearGradient", {
289
- id: "g",
290
- x1: 21.557,
291
- x2: 21.558,
292
- y1: 56.316,
293
- y2: 46.603,
294
- gradientUnits: "userSpaceOnUse",
295
- children: [
296
- /* @__PURE__ */ jsx("stop", {
297
- offset: .13,
298
- stopColor: "#88E3FF"
299
- }),
300
- /* @__PURE__ */ jsx("stop", {
301
- offset: .2,
302
- stopColor: "#9AE7FF"
303
- }),
304
- /* @__PURE__ */ jsx("stop", {
305
- offset: .33,
306
- stopColor: "#B4EDFF"
307
- }),
308
- /* @__PURE__ */ jsx("stop", {
309
- offset: .46,
310
- stopColor: "#C7F1FF"
311
- }),
312
- /* @__PURE__ */ jsx("stop", {
313
- offset: .59,
314
- stopColor: "#D3F4FF"
315
- }),
316
- /* @__PURE__ */ jsx("stop", {
317
- offset: .73,
318
- stopColor: "#D7F5FF"
319
- })
320
- ]
321
- }),
322
- /* @__PURE__ */ jsxs("linearGradient", {
323
- id: "h",
324
- x1: 43.525,
325
- x2: 43.525,
326
- y1: 20.749,
327
- y2: 52.407,
328
- gradientUnits: "userSpaceOnUse",
329
- children: [
330
- /* @__PURE__ */ jsx("stop", {
331
- offset: .16,
332
- stopColor: "#FFA933"
333
- }),
334
- /* @__PURE__ */ jsx("stop", {
335
- offset: .42,
336
- stopColor: "#FFA531"
337
- }),
338
- /* @__PURE__ */ jsx("stop", {
339
- offset: .64,
340
- stopColor: "#FF9A2C"
341
- }),
342
- /* @__PURE__ */ jsx("stop", {
343
- offset: .86,
344
- stopColor: "#FF8724"
345
- }),
346
- /* @__PURE__ */ jsx("stop", {
347
- offset: 1,
348
- stopColor: "#FF781D"
349
- })
350
- ]
351
- }),
352
- /* @__PURE__ */ jsxs("linearGradient", {
353
- id: "i",
354
- x1: 43.525,
355
- x2: 43.525,
356
- y1: .552,
357
- y2: 55.365,
358
- gradientUnits: "userSpaceOnUse",
359
- children: [
360
- /* @__PURE__ */ jsx("stop", {
361
- stopColor: "#95FFEC",
362
- stopOpacity: .5
363
- }),
364
- /* @__PURE__ */ jsx("stop", {
365
- offset: .14,
366
- stopColor: "#95FFEC",
367
- stopOpacity: .47
368
- }),
369
- /* @__PURE__ */ jsx("stop", {
370
- offset: .35,
371
- stopColor: "#95FFEC",
372
- stopOpacity: .39
373
- }),
374
- /* @__PURE__ */ jsx("stop", {
375
- offset: .61,
376
- stopColor: "#95FFEC",
377
- stopOpacity: .26
378
- }),
379
- /* @__PURE__ */ jsx("stop", {
380
- offset: .9,
381
- stopColor: "#95FFEC",
382
- stopOpacity: .07
383
- }),
384
- /* @__PURE__ */ jsx("stop", {
385
- offset: 1,
386
- stopColor: "#95FFEC",
387
- stopOpacity: 0
388
- })
389
- ]
390
- }),
391
- /* @__PURE__ */ jsxs("linearGradient", {
392
- id: "j",
393
- x1: 19.468,
394
- x2: 19.468,
395
- y1: 85.833,
396
- y2: 53.782,
397
- gradientUnits: "userSpaceOnUse",
398
- children: [
399
- /* @__PURE__ */ jsx("stop", {
400
- offset: .09,
401
- stopColor: "#88E3FF"
402
- }),
403
- /* @__PURE__ */ jsx("stop", {
404
- offset: .1,
405
- stopColor: "#8BE3FF"
406
- }),
407
- /* @__PURE__ */ jsx("stop", {
408
- offset: .2,
409
- stopColor: "#A6E9FF"
410
- }),
411
- /* @__PURE__ */ jsx("stop", {
412
- offset: .31,
413
- stopColor: "#BCEEFF"
414
- }),
415
- /* @__PURE__ */ jsx("stop", {
416
- offset: .44,
417
- stopColor: "#CBF2FF"
418
- }),
419
- /* @__PURE__ */ jsx("stop", {
420
- offset: .58,
421
- stopColor: "#D4F4FF"
422
- }),
423
- /* @__PURE__ */ jsx("stop", {
424
- offset: .8,
425
- stopColor: "#D7F5FF"
426
- })
427
- ]
428
- }),
429
- /* @__PURE__ */ jsxs("linearGradient", {
430
- id: "l",
431
- x1: 48.599,
432
- x2: 48.599,
433
- y1: 63.402,
434
- y2: 51.039,
435
- gradientUnits: "userSpaceOnUse",
436
- children: [
437
- /* @__PURE__ */ jsx("stop", { stopColor: "#88E3FF" }),
438
- /* @__PURE__ */ jsx("stop", {
439
- offset: .05,
440
- stopColor: "#97E6FF"
441
- }),
442
- /* @__PURE__ */ jsx("stop", {
443
- offset: .15,
444
- stopColor: "#AEEBFF"
445
- }),
446
- /* @__PURE__ */ jsx("stop", {
447
- offset: .27,
448
- stopColor: "#C0EFFF"
449
- }),
450
- /* @__PURE__ */ jsx("stop", {
451
- offset: .41,
452
- stopColor: "#CDF2FF"
453
- }),
454
- /* @__PURE__ */ jsx("stop", {
455
- offset: .59,
456
- stopColor: "#D4F4FF"
457
- }),
458
- /* @__PURE__ */ jsx("stop", {
459
- offset: 1,
460
- stopColor: "#D7F5FF"
461
- })
462
- ]
463
- }),
464
- /* @__PURE__ */ jsxs("linearGradient", {
465
- id: "m",
466
- x1: 48.599,
467
- x2: 48.599,
468
- y1: 61.727,
469
- y2: 45.168,
470
- gradientUnits: "userSpaceOnUse",
471
- children: [
472
- /* @__PURE__ */ jsx("stop", { stopColor: "#7C7C7C" }),
473
- /* @__PURE__ */ jsx("stop", {
474
- offset: .05,
475
- stopColor: "#747474"
476
- }),
477
- /* @__PURE__ */ jsx("stop", {
478
- offset: .5,
479
- stopColor: "#353535"
480
- }),
481
- /* @__PURE__ */ jsx("stop", {
482
- offset: .83,
483
- stopColor: "#0E0E0E"
484
- }),
485
- /* @__PURE__ */ jsx("stop", { offset: 1 })
486
- ]
487
- })
488
- ] })
489
- ]
490
- });
491
- var ForwardRef = forwardRef(SvgMascot);
492
- //#endregion
493
- export { ForwardRef as default };
494
-
495
- //# sourceMappingURL=mascot.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mascot.js","names":[],"sources":["../../../lib/components/BitkitPromoBanner/mascot.svg?react"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgMascot = (props, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 72,\n\theight: 68,\n\tfill: \"none\",\n\tviewBox: \"0 0 72 68\",\n\tref,\n\t...props,\n\tchildren: [\n\t\t/* @__PURE__ */ _jsx(\"mask\", {\n\t\t\tid: \"a\",\n\t\t\twidth: 68,\n\t\t\theight: 64,\n\t\t\tx: 0,\n\t\t\ty: 8,\n\t\t\tmaskUnits: \"userSpaceOnUse\",\n\t\t\tstyle: { maskType: \"luminance\" },\n\t\t\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\tfill: \"#fff\",\n\t\t\t\td: \"M0 8h68v48c0 8.837-7.163 16-16 16H24C10.745 72 0 61.255 0 48z\"\n\t\t\t})\n\t\t}),\n\t\t/* @__PURE__ */ _jsxs(\"g\", {\n\t\t\tmask: \"url(#a)\",\n\t\t\tchildren: [\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#b)\",\n\t\t\t\t\td: \"M10.547 82.974H-.355a2.63 2.63 0 0 1-2.626-2.626v-12.43a8.853 8.853 0 0 1 8.853-8.854c5.448 0 9.608 4.878 8.743 10.259l-1.49 11.497a2.625 2.625 0 0 1-2.584 2.16z\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#c)\",\n\t\t\t\t\td: \"M51.666 83.133H40.942a2.495 2.495 0 0 1-2.497-2.497V69.292a7.86 7.86 0 1 1 15.718 0v11.344a2.495 2.495 0 0 1-2.497 2.497\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#d)\",\n\t\t\t\t\td: \"m-3.38 33.621 6.73-.024a17.42 17.42 0 0 1 13.136 5.822l8.332 9.332v3.276l-28.075-.037z\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#e)\",\n\t\t\t\t\td: \"m-4.41 40.395 5.957-.025a15.4 15.4 0 0 1 11.62 5.148l7.375 8.258v2.896l-24.836-.03-.11-16.247z\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#f)\",\n\t\t\t\t\tfillRule: \"evenodd\",\n\t\t\t\t\td: \"M3.639 55.904h2.24l.005-7.454-2.24 1.859z\",\n\t\t\t\t\tclipRule: \"evenodd\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#g)\",\n\t\t\t\t\tfillRule: \"evenodd\",\n\t\t\t\t\td: \"M31.248 48.481 5.89 48.444v5.97l31.315.043a5.97 5.97 0 0 0-5.957-5.976\",\n\t\t\t\t\tclipRule: \"evenodd\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#h)\",\n\t\t\t\t\tfillRule: \"evenodd\",\n\t\t\t\t\td: \"m61.2 38.916.651-.141a1.386 1.386 0 0 0 .963-1.945l-2.448-5.16c-.049-.123-.116-.24-.172-.356l-.036-.08a9 9 0 0 0-.92-1.521l.159-7.29c.03-1.398-1.608-2.183-2.675-1.27L51.23 25.83H35.825l-5.491-4.675c-1.068-.908-2.706-.129-2.675 1.27l.16 7.289a9.5 9.5 0 0 0-.927 1.54v-.013l-2.663 5.602c-.38.81.086 1.76.963 1.945l.65.141-.711 1.503a.754.754 0 0 0 .521 1.062l.295.06v.087c0 5.951 4.829 10.78 10.78 10.78h13.602c5.951 0 10.78-4.829 10.78-10.78v-.092l.282-.062a.75.75 0 0 0 .521-1.061l-.711-1.503z\",\n\t\t\t\t\tclipRule: \"evenodd\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"#000\",\n\t\t\t\t\td: \"M42.77 41.389c0-.338.264-.608.601-.614.338 0 .614.264.614.601.006.669.288 1.276.736 1.712s1.055.7 1.73.687a2.42 2.42 0 0 0 1.712-.736 2.42 2.42 0 0 0 .687-1.73c0-.338.264-.614.601-.614.338 0 .614.264.614.602a3.64 3.64 0 0 1-1.037 2.589 3.633 3.633 0 0 1-5.154.067 3.7 3.7 0 0 1-.466-.558 3.625 3.625 0 0 1-3.012 1.669 3.61 3.61 0 0 1-2.59-1.037 3.63 3.63 0 0 1-1.098-2.565c0-.337.264-.613.602-.613s.613.263.613.6c.006.67.288 1.277.736 1.713.448.435 1.056.7 1.73.687a2.43 2.43 0 0 0 1.712-.73c.436-.448.7-1.056.687-1.73M48.783 36.762c.018 1.172.57 2.117 1.239 2.11.669-.005 1.203-.968 1.19-2.14-.012-1.172-.57-2.123-1.245-2.11-.669.005-1.203.968-1.19 2.14M35.42 36.934c.012 1.172.57 2.117 1.245 2.11.67-.005 1.203-.969 1.19-2.14-.012-1.172-.57-2.117-1.239-2.111-.668.006-1.202.97-1.19 2.141\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#i)\",\n\t\t\t\t\td: \"M43.525 57.169c13.577 0 24.584-11.007 24.584-24.585C68.109 19.007 57.102 8 43.525 8S18.94 19.007 18.94 32.584 29.947 57.17 43.525 57.17\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"#000\",\n\t\t\t\t\td: \"M24.818 48.475h37.407a2.74 2.74 0 0 1-2.742 2.742H27.56a2.74 2.74 0 0 1-2.743-2.742\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"#000\",\n\t\t\t\t\td: \"M27.56 51.04h31.923a2.74 2.74 0 0 1 2.742 2.742H24.818a2.74 2.74 0 0 1 2.742-2.742\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#j)\",\n\t\t\t\t\tfillRule: \"evenodd\",\n\t\t\t\t\td: \"M35.567 85.784-6.3 83.121c-9.553-.607-16.99-8.534-16.99-18.105 0-6.203 5.032-11.234 11.235-11.234h74.293v6.982c0 14.473-12.222 25.94-26.665 25.02z\",\n\t\t\t\t\tclipRule: \"evenodd\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"mask\", {\n\t\t\t\t\tid: \"k\",\n\t\t\t\t\twidth: 87,\n\t\t\t\t\theight: 33,\n\t\t\t\t\tx: -24,\n\t\t\t\t\ty: 53,\n\t\t\t\t\tmaskUnits: \"userSpaceOnUse\",\n\t\t\t\t\tstyle: { maskType: \"luminance\" },\n\t\t\t\t\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\t\tfill: \"#fff\",\n\t\t\t\t\t\td: \"M35.567 85.784-6.3 83.121c-9.553-.607-16.99-8.534-16.99-18.105 0-6.203 5.032-11.234 11.235-11.234h74.293v6.982c0 14.473-12.222 25.94-26.665 25.02z\"\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsxs(\"g\", {\n\t\t\t\t\tmask: \"url(#k)\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\t\tstroke: \"#88E3FF\",\n\t\t\t\t\t\tstrokeMiterlimit: 10,\n\t\t\t\t\t\tstrokeWidth: 2,\n\t\t\t\t\t\td: \"M-15.086 60.47h45.015c1.76 0 3.448.7 4.693 1.945L36.9 64.69a7.6 7.6 0 0 0 5.368 2.22h12.038a7.6 7.6 0 0 0 5.368-2.22l5.767-5.767\"\n\t\t\t\t\t}), /* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\t\tfill: \"#88E3FF\",\n\t\t\t\t\t\td: \"M30.217 85.539a8.964 8.964 0 1 0 0-17.928 8.964 8.964 0 0 0 0 17.927\"\n\t\t\t\t\t})]\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#l)\",\n\t\t\t\t\td: \"M53.23 51.04h-9.257a6.183 6.183 0 0 0-6.185 6.18 6.183 6.183 0 0 0 6.185 6.182h9.258a6.183 6.183 0 0 0 6.184-6.181 6.183 6.183 0 0 0-6.184-6.182\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"url(#m)\",\n\t\t\t\t\td: \"M53.36 52.408h-9.516a4.66 4.66 0 0 0-4.663 4.66 4.66 4.66 0 0 0 4.663 4.66h9.516a4.66 4.66 0 0 0 4.663-4.66 4.66 4.66 0 0 0-4.663-4.66\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\tfill: \"#DBDBDB\",\n\t\t\t\t\td: \"M48.599 60.07a3.025 3.025 0 1 0 0-6.049 3.025 3.025 0 0 0 0 6.05M53.004 55.383a.871.871 0 1 0 0-1.742.871.871 0 0 0 0 1.742M53.004 60.445a.871.871 0 1 0 0-1.742.871.871 0 0 0 0 1.742M44.15 55.383a.871.871 0 1 0 0-1.742.871.871 0 0 0 0 1.742M44.15 60.445a.871.871 0 1 0 0-1.742.871.871 0 0 0 0 1.742\"\n\t\t\t\t})\n\t\t\t]\n\t\t}),\n\t\t/* @__PURE__ */ _jsxs(\"defs\", { children: [\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"b\",\n\t\t\t\tx1: 5.878,\n\t\t\t\tx2: 5.878,\n\t\t\t\ty1: 82.974,\n\t\t\t\ty2: 59.065,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .24,\n\t\t\t\t\t\tstopColor: \"#88E3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .26,\n\t\t\t\t\t\tstopColor: \"#91E5FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .34,\n\t\t\t\t\t\tstopColor: \"#AAEAFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .42,\n\t\t\t\t\t\tstopColor: \"#BEEFFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .52,\n\t\t\t\t\t\tstopColor: \"#CCF2FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .63,\n\t\t\t\t\t\tstopColor: \"#D4F4FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .84,\n\t\t\t\t\t\tstopColor: \"#D7F5FF\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"c\",\n\t\t\t\tx1: 46.304,\n\t\t\t\tx2: 46.304,\n\t\t\t\ty1: 83.133,\n\t\t\t\ty2: 61.433,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .28,\n\t\t\t\t\t\tstopColor: \"#88E3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .3,\n\t\t\t\t\t\tstopColor: \"#90E5FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .38,\n\t\t\t\t\t\tstopColor: \"#AAEAFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .45,\n\t\t\t\t\t\tstopColor: \"#BEEFFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .54,\n\t\t\t\t\t\tstopColor: \"#CCF2FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .66,\n\t\t\t\t\t\tstopColor: \"#D4F4FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .85,\n\t\t\t\t\t\tstopColor: \"#D7F5FF\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"d\",\n\t\t\t\tx1: 10.719,\n\t\t\t\tx2: 10.719,\n\t\t\t\ty1: 52.027,\n\t\t\t\ty2: 33.597,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .26,\n\t\t\t\t\t\tstopColor: \"#88E3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .43,\n\t\t\t\t\t\tstopColor: \"#A4E9FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .63,\n\t\t\t\t\t\tstopColor: \"#C0EFFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .81,\n\t\t\t\t\t\tstopColor: \"#D1F3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .94,\n\t\t\t\t\t\tstopColor: \"#D7F5FF\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"e\",\n\t\t\t\tx1: 8.062,\n\t\t\t\tx2: 8.062,\n\t\t\t\ty1: 56.678,\n\t\t\t\ty2: 40.37,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .26,\n\t\t\t\t\t\tstopColor: \"#88E3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .43,\n\t\t\t\t\t\tstopColor: \"#A4E9FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .63,\n\t\t\t\t\t\tstopColor: \"#C0EFFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .81,\n\t\t\t\t\t\tstopColor: \"#D1F3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .94,\n\t\t\t\t\t\tstopColor: \"#D7F5FF\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"f\",\n\t\t\t\tx1: 4.755,\n\t\t\t\tx2: 4.811,\n\t\t\t\ty1: 48.459,\n\t\t\t\ty2: 55.919,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", { stopColor: \"#6A3C98\" }),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .11,\n\t\t\t\t\t\tstopColor: \"#643293\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .41,\n\t\t\t\t\t\tstopColor: \"#591E89\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .71,\n\t\t\t\t\t\tstopColor: \"#521283\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\tstopColor: \"#500E82\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"g\",\n\t\t\t\tx1: 21.557,\n\t\t\t\tx2: 21.558,\n\t\t\t\ty1: 56.316,\n\t\t\t\ty2: 46.603,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .13,\n\t\t\t\t\t\tstopColor: \"#88E3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .2,\n\t\t\t\t\t\tstopColor: \"#9AE7FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .33,\n\t\t\t\t\t\tstopColor: \"#B4EDFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .46,\n\t\t\t\t\t\tstopColor: \"#C7F1FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .59,\n\t\t\t\t\t\tstopColor: \"#D3F4FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .73,\n\t\t\t\t\t\tstopColor: \"#D7F5FF\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"h\",\n\t\t\t\tx1: 43.525,\n\t\t\t\tx2: 43.525,\n\t\t\t\ty1: 20.749,\n\t\t\t\ty2: 52.407,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .16,\n\t\t\t\t\t\tstopColor: \"#FFA933\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .42,\n\t\t\t\t\t\tstopColor: \"#FFA531\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .64,\n\t\t\t\t\t\tstopColor: \"#FF9A2C\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .86,\n\t\t\t\t\t\tstopColor: \"#FF8724\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\tstopColor: \"#FF781D\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"i\",\n\t\t\t\tx1: 43.525,\n\t\t\t\tx2: 43.525,\n\t\t\t\ty1: .552,\n\t\t\t\ty2: 55.365,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\tstopColor: \"#95FFEC\",\n\t\t\t\t\t\tstopOpacity: .5\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .14,\n\t\t\t\t\t\tstopColor: \"#95FFEC\",\n\t\t\t\t\t\tstopOpacity: .47\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .35,\n\t\t\t\t\t\tstopColor: \"#95FFEC\",\n\t\t\t\t\t\tstopOpacity: .39\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .61,\n\t\t\t\t\t\tstopColor: \"#95FFEC\",\n\t\t\t\t\t\tstopOpacity: .26\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .9,\n\t\t\t\t\t\tstopColor: \"#95FFEC\",\n\t\t\t\t\t\tstopOpacity: .07\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\tstopColor: \"#95FFEC\",\n\t\t\t\t\t\tstopOpacity: 0\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"j\",\n\t\t\t\tx1: 19.468,\n\t\t\t\tx2: 19.468,\n\t\t\t\ty1: 85.833,\n\t\t\t\ty2: 53.782,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .09,\n\t\t\t\t\t\tstopColor: \"#88E3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .1,\n\t\t\t\t\t\tstopColor: \"#8BE3FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .2,\n\t\t\t\t\t\tstopColor: \"#A6E9FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .31,\n\t\t\t\t\t\tstopColor: \"#BCEEFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .44,\n\t\t\t\t\t\tstopColor: \"#CBF2FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .58,\n\t\t\t\t\t\tstopColor: \"#D4F4FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .8,\n\t\t\t\t\t\tstopColor: \"#D7F5FF\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"l\",\n\t\t\t\tx1: 48.599,\n\t\t\t\tx2: 48.599,\n\t\t\t\ty1: 63.402,\n\t\t\t\ty2: 51.039,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", { stopColor: \"#88E3FF\" }),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .05,\n\t\t\t\t\t\tstopColor: \"#97E6FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .15,\n\t\t\t\t\t\tstopColor: \"#AEEBFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .27,\n\t\t\t\t\t\tstopColor: \"#C0EFFF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .41,\n\t\t\t\t\t\tstopColor: \"#CDF2FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .59,\n\t\t\t\t\t\tstopColor: \"#D4F4FF\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\tstopColor: \"#D7F5FF\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsxs(\"linearGradient\", {\n\t\t\t\tid: \"m\",\n\t\t\t\tx1: 48.599,\n\t\t\t\tx2: 48.599,\n\t\t\t\ty1: 61.727,\n\t\t\t\ty2: 45.168,\n\t\t\t\tgradientUnits: \"userSpaceOnUse\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", { stopColor: \"#7C7C7C\" }),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .05,\n\t\t\t\t\t\tstopColor: \"#747474\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .5,\n\t\t\t\t\t\tstopColor: \"#353535\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", {\n\t\t\t\t\t\toffset: .83,\n\t\t\t\t\t\tstopColor: \"#0E0E0E\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ _jsx(\"stop\", { offset: 1 })\n\t\t\t\t]\n\t\t\t})\n\t\t] })\n\t]\n});\nconst ForwardRef = forwardRef(SvgMascot);\nexport default ForwardRef;\n"],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import { BitkitCloseButtonProps } from '../BitkitCloseButton/BitkitCloseButton';
2
- import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
3
- import { NotificationAction } from './notificationMaps';
4
- export declare const NotificationActionButton: ({ action, colorVariant, }: {
5
- action: NotificationAction;
6
- colorVariant: BitkitColorButtonProps["colorVariant"];
7
- }) => import("react").JSX.Element;
8
- export declare const NotificationCloseButton: ({ colorVariant, onClose, }: {
9
- colorVariant: BitkitCloseButtonProps["colorVariant"];
10
- onClose?: () => void;
11
- }) => import("react").JSX.Element;
@@ -1,30 +0,0 @@
1
- import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
2
- import { rem } from "../../theme/themeUtils.js";
3
- import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
4
- import { jsx } from "react/jsx-runtime";
5
- //#region lib/components/common/NotificationButtons.tsx
6
- var NotificationActionButton = ({ action, colorVariant }) => /* @__PURE__ */ jsx(BitkitColorButton, {
7
- as: action.href ? "a" : "button",
8
- colorVariant,
9
- ...action.href && {
10
- href: action.href,
11
- target: action.target,
12
- rel: action.target === "_blank" ? "noopener noreferrer" : void 0
13
- },
14
- onClick: action.onClick,
15
- marginBlock: rem(-4),
16
- marginInlineEnd: "12",
17
- whiteSpace: "nowrap",
18
- children: action.label
19
- });
20
- var NotificationCloseButton = ({ colorVariant, onClose }) => /* @__PURE__ */ jsx(BitkitCloseButton, {
21
- alignSelf: "flex-start",
22
- marginBlock: rem(-4),
23
- size: "sm",
24
- onClick: onClose,
25
- colorVariant
26
- });
27
- //#endregion
28
- export { NotificationActionButton, NotificationCloseButton };
29
-
30
- //# sourceMappingURL=NotificationButtons.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NotificationButtons.js","names":[],"sources":["../../../lib/components/common/NotificationButtons.tsx"],"sourcesContent":["/* Shared trailing action / dismiss buttons for notification-like components (Alert, PromoBanner). */\n\nimport { rem } from '../../theme/themeUtils';\nimport BitkitCloseButton, { type BitkitCloseButtonProps } from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\nimport { type NotificationAction } from './notificationMaps';\n\nexport const NotificationActionButton = ({\n action,\n colorVariant,\n}: {\n action: NotificationAction;\n colorVariant: BitkitColorButtonProps['colorVariant'];\n}) => (\n <BitkitColorButton\n as={action.href ? 'a' : 'button'}\n colorVariant={colorVariant}\n {...(action.href && {\n href: action.href,\n target: action.target,\n rel: action.target === '_blank' ? 'noopener noreferrer' : undefined,\n })}\n onClick={action.onClick}\n marginBlock={rem(-4)}\n marginInlineEnd=\"12\"\n whiteSpace=\"nowrap\"\n >\n {action.label}\n </BitkitColorButton>\n);\n\nexport const NotificationCloseButton = ({\n colorVariant,\n onClose,\n}: {\n colorVariant: BitkitCloseButtonProps['colorVariant'];\n onClose?: () => void;\n}) => (\n <BitkitCloseButton\n alignSelf=\"flex-start\"\n marginBlock={rem(-4)}\n size=\"sm\"\n onClick={onClose}\n colorVariant={colorVariant}\n />\n);\n"],"mappings":";;;;;AAOA,IAAa,4BAA4B,EACvC,QACA,mBAKA,oBAAC,mBAAD;CACE,IAAI,OAAO,OAAO,MAAM;CACV;CACd,GAAK,OAAO,QAAQ;EAClB,MAAM,OAAO;EACb,QAAQ,OAAO;EACf,KAAK,OAAO,WAAW,WAAW,wBAAwB,KAAA;CAC5D;CACA,SAAS,OAAO;CAChB,aAAa,IAAI,EAAE;CACnB,iBAAgB;CAChB,YAAW;WAEV,OAAO;AACS,CAAA;AAGrB,IAAa,2BAA2B,EACtC,cACA,cAKA,oBAAC,mBAAD;CACE,WAAU;CACV,aAAa,IAAI,EAAE;CACnB,MAAK;CACL,SAAS;CACK;AACf,CAAA"}