@bitrise/bitkit-v2 0.3.280-beta.1868 → 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.
- package/dist/components/BitkitAlert/BitkitAlert.js +21 -7
- package/dist/components/BitkitAlert/BitkitAlert.js.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/main.js +1 -2
- package/dist/theme/slot-recipes/QrCode.recipe.d.ts +15 -0
- package/dist/theme/slot-recipes/QrCode.recipe.js +38 -0
- package/dist/theme/slot-recipes/QrCode.recipe.js.map +1 -0
- package/dist/theme/slot-recipes/index.d.ts +14 -0
- package/dist/theme/slot-recipes/index.js +2 -0
- package/dist/theme/slot-recipes/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/BitkitPromoBanner/BitkitPromoBanner.d.ts +0 -18
- package/dist/components/BitkitPromoBanner/BitkitPromoBanner.js +0 -56
- package/dist/components/BitkitPromoBanner/BitkitPromoBanner.js.map +0 -1
- package/dist/components/BitkitPromoBanner/mascot.js +0 -495
- package/dist/components/BitkitPromoBanner/mascot.js.map +0 -1
- package/dist/components/common/NotificationButtons.d.ts +0 -11
- package/dist/components/common/NotificationButtons.js +0 -30
- package/dist/components/common/NotificationButtons.js.map +0 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
|
|
1
2
|
import { rem } from "../../theme/themeUtils.js";
|
|
2
|
-
import
|
|
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(
|
|
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(
|
|
37
|
-
|
|
38
|
-
|
|
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
|
|
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,
|
|
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":"
|
|
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,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"}
|