@bitrise/bitkit-v2 0.3.480-beta.3050 → 0.3.480
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/index.d.ts +0 -1
- package/dist/main.js +1 -3
- package/dist/theme/recipes/index.d.ts +525 -0
- package/dist/theme/recipes/index.js +1 -3
- package/dist/theme/recipes/index.js.map +1 -1
- package/dist/theme/slot-recipes/SegmentGroup.recipe.d.ts +7 -5
- package/dist/theme/slot-recipes/SegmentGroup.recipe.js +7 -6
- package/dist/theme/slot-recipes/SegmentGroup.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +7 -6
- package/dist/theme/slot-recipes/index.js +0 -2
- package/dist/theme/slot-recipes/index.js.map +1 -1
- package/dist/theme/themeUtils.d.ts +0 -6
- package/dist/theme/themeUtils.js +1 -7
- package/dist/theme/themeUtils.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/BitkitUIHeader/BitkitUIHeader.d.ts +0 -37
- package/dist/components/BitkitUIHeader/BitkitUIHeader.js +0 -112
- package/dist/components/BitkitUIHeader/BitkitUIHeader.js.map +0 -1
- package/dist/components/BitkitUIHeader/BitriseLogo.d.ts +0 -10
- package/dist/components/BitkitUIHeader/BitriseLogo.js +0 -86
- package/dist/components/BitkitUIHeader/BitriseLogo.js.map +0 -1
- package/dist/components/BitkitUIHeader/UIHeaderAccount.d.ts +0 -23
- package/dist/components/BitkitUIHeader/UIHeaderAccount.js +0 -40
- package/dist/components/BitkitUIHeader/UIHeaderAccount.js.map +0 -1
- package/dist/components/BitkitUIHeader/UIHeaderButton.d.ts +0 -32
- package/dist/components/BitkitUIHeader/UIHeaderButton.js +0 -41
- package/dist/components/BitkitUIHeader/UIHeaderButton.js.map +0 -1
- package/dist/components/BitkitUIHeader/UIHeaderContext.d.ts +0 -13
- package/dist/components/BitkitUIHeader/UIHeaderContext.js +0 -11
- package/dist/components/BitkitUIHeader/UIHeaderContext.js.map +0 -1
- package/dist/components/BitkitUIHeader/UIHeaderControl.d.ts +0 -65
- package/dist/components/BitkitUIHeader/UIHeaderControl.js +0 -71
- package/dist/components/BitkitUIHeader/UIHeaderControl.js.map +0 -1
- package/dist/components/BitkitUIHeader/UIHeaderNavButton.d.ts +0 -20
- package/dist/components/BitkitUIHeader/UIHeaderNavButton.js +0 -46
- package/dist/components/BitkitUIHeader/UIHeaderNavButton.js.map +0 -1
- package/dist/components/BitkitUIHeader/UIHeaderSearch.d.ts +0 -32
- package/dist/components/BitkitUIHeader/UIHeaderSearch.js +0 -116
- package/dist/components/BitkitUIHeader/UIHeaderSearch.js.map +0 -1
- package/dist/components/BitkitUIHeader/uiHeaderPart.d.ts +0 -9
- package/dist/components/BitkitUIHeader/uiHeaderPart.js +0 -13
- package/dist/components/BitkitUIHeader/uiHeaderPart.js.map +0 -1
- package/dist/theme/recipes/UIHeaderButton.recipe.js +0 -103
- package/dist/theme/recipes/UIHeaderButton.recipe.js.map +0 -1
- package/dist/theme/slot-recipes/UIHeader.recipe.d.ts +0 -4
- package/dist/theme/slot-recipes/UIHeader.recipe.js +0 -238
- package/dist/theme/slot-recipes/UIHeader.recipe.js.map +0 -1
|
@@ -94,6 +94,5 @@ export { default as BitkitToggletip, type BitkitToggletipProps } from './BitkitT
|
|
|
94
94
|
export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';
|
|
95
95
|
export { default as BitkitTour, type BitkitTourInstance, type BitkitTourOptions, type BitkitTourProps, type BitkitTourSecondaryAction, type BitkitTourStep, useBitkitTour, } from './BitkitTour/BitkitTour';
|
|
96
96
|
export { default as BitkitTreeView, type BitkitTreeViewBranchProps, type BitkitTreeViewExpandedChangeDetails, type BitkitTreeViewLeafProps, type BitkitTreeViewNodeRenderProps, type BitkitTreeViewRootProps, type BitkitTreeViewSelectionChangeDetails, createTreeCollection, } from './BitkitTreeView/BitkitTreeView';
|
|
97
|
-
export { default as BitkitUIHeader, type BitkitUIHeaderAccountProps, type BitkitUIHeaderButtonProps, type BitkitUIHeaderControlAsAnchorProps, type BitkitUIHeaderControlAsButtonProps, type BitkitUIHeaderControlProps, type BitkitUIHeaderNavButtonProps, type BitkitUIHeaderProps, type BitkitUIHeaderSearchProps, uiHeaderHeight, } from './BitkitUIHeader/BitkitUIHeader';
|
|
98
97
|
export { default as BitkitUISideNav, type BitkitUISideNavBodyProps, type BitkitUISideNavFooterHeadingProps, type BitkitUISideNavFooterProps, type BitkitUISideNavItemProps, type BitkitUISideNavLinkAsAnchorProps, type BitkitUISideNavLinkAsButtonProps, type BitkitUISideNavLinkProps, type BitkitUISideNavProps, type BitkitUISideNavWorkspaceProps, type BitkitUISideNavWorkspaceSelectorProps, uiSideNavRailWidth, } from './BitkitUISideNav/BitkitUISideNav';
|
|
99
98
|
export { useUISideNav } from './BitkitUISideNav/UISideNavContext';
|
package/dist/main.js
CHANGED
|
@@ -384,11 +384,9 @@ import createBitkitToast, { dismissBitkitToast } from "./components/BitkitToast/
|
|
|
384
384
|
import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
|
|
385
385
|
import BitkitTour, { useBitkitTour } from "./components/BitkitTour/BitkitTour.js";
|
|
386
386
|
import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
|
|
387
|
-
import { uiHeaderHeight } from "./theme/slot-recipes/UIHeader.recipe.js";
|
|
388
|
-
import BitkitUIHeader_default from "./components/BitkitUIHeader/BitkitUIHeader.js";
|
|
389
387
|
import { useUISideNav } from "./components/BitkitUISideNav/UISideNavContext.js";
|
|
390
388
|
import { uiSideNavRailWidth } from "./theme/slot-recipes/UISideNav.recipe.js";
|
|
391
389
|
import BitkitUISideNav_default from "./components/BitkitUISideNav/BitkitUISideNav.js";
|
|
392
390
|
import bitkitTheme from "./theme/index.js";
|
|
393
391
|
import Provider from "./providers/BitkitProvider.js";
|
|
394
|
-
export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPageHeader, BitkitPageSidebar_default as BitkitPageSidebar, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, 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, BitkitSkeletonGroup, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitStepsDialog_default as BitkitStepsDialog, BitkitSwitch, BitkitTable, BitkitTableCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitToggletip, BitkitTooltip, BitkitTour, BitkitTreeView,
|
|
392
|
+
export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPageHeader, BitkitPageSidebar_default as BitkitPageSidebar, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, 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, BitkitSkeletonGroup, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitStepsDialog_default as BitkitStepsDialog, BitkitSwitch, BitkitTable, BitkitTableCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitToggletip, BitkitTooltip, BitkitTour, BitkitTreeView, BitkitUISideNav_default as BitkitUISideNav, 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, IconCopilot, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCursor, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFile, 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, IconKiroColor, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMcp, 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, IconPin, 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, IconTabPlus, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTerminalFilled, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUnpin, IconUpload, IconValidateShield, IconVideo, IconVsCode, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWindsurf, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, uiSideNavRailWidth, useBitkitTour, useResponsive, useStepsDialog, useUISideNav };
|
|
@@ -0,0 +1,525 @@
|
|
|
1
|
+
declare const recipes: {
|
|
2
|
+
badge: import('@chakra-ui/react').RecipeDefinition<{
|
|
3
|
+
size: {
|
|
4
|
+
xs: {
|
|
5
|
+
minWidth: "20";
|
|
6
|
+
paddingBlock: "2";
|
|
7
|
+
};
|
|
8
|
+
sm: {
|
|
9
|
+
minWidth: "24";
|
|
10
|
+
paddingBlock: "4";
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
colorVariant: {
|
|
14
|
+
neutral: {
|
|
15
|
+
color: "color/neutral/strong";
|
|
16
|
+
background: "color/neutral/subtle";
|
|
17
|
+
};
|
|
18
|
+
purple: {
|
|
19
|
+
color: "color/purple/strong";
|
|
20
|
+
background: "color/purple/subtle";
|
|
21
|
+
};
|
|
22
|
+
blue: {
|
|
23
|
+
color: "color/blue/strong";
|
|
24
|
+
background: "color/blue/subtle";
|
|
25
|
+
};
|
|
26
|
+
green: {
|
|
27
|
+
color: "color/green/strong";
|
|
28
|
+
background: "color/green/subtle";
|
|
29
|
+
};
|
|
30
|
+
yellow: {
|
|
31
|
+
color: "color/yellow/strong";
|
|
32
|
+
background: "color/yellow/subtle";
|
|
33
|
+
};
|
|
34
|
+
red: {
|
|
35
|
+
color: "color/red/strong";
|
|
36
|
+
background: "color/red/subtle";
|
|
37
|
+
};
|
|
38
|
+
orange: {
|
|
39
|
+
color: "color/orange/strong";
|
|
40
|
+
background: "color/orange/subtle";
|
|
41
|
+
};
|
|
42
|
+
turquoise: {
|
|
43
|
+
color: "color/turquoise/strong";
|
|
44
|
+
background: "color/turquoise/subtle";
|
|
45
|
+
};
|
|
46
|
+
'ai-gradient': {
|
|
47
|
+
color: "status/ai/text";
|
|
48
|
+
background: "gradient/ai/background/subtle";
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
variant: {
|
|
52
|
+
subtle: {};
|
|
53
|
+
bold: {
|
|
54
|
+
color: "text/on-color";
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
}>;
|
|
58
|
+
button: import('@chakra-ui/react').RecipeDefinition<{
|
|
59
|
+
variant: Record<NonNullable<"primary" | "secondary" | "tertiary" | "danger-primary" | "danger-secondary" | "danger-tertiary" | "ai-primary" | "ai-secondary" | "ai-tertiary">, import('@chakra-ui/react').SystemStyleObject>;
|
|
60
|
+
size: {
|
|
61
|
+
sm: {
|
|
62
|
+
minWidth: "32";
|
|
63
|
+
height: "32";
|
|
64
|
+
paddingInline: `${number}rem`;
|
|
65
|
+
paddingBlock: `${number}rem`;
|
|
66
|
+
textStyle: "comp/button/sm";
|
|
67
|
+
};
|
|
68
|
+
md: {
|
|
69
|
+
minWidth: "40";
|
|
70
|
+
height: "40";
|
|
71
|
+
paddingInline: `${number}rem`;
|
|
72
|
+
paddingBlock: `${number}rem`;
|
|
73
|
+
textStyle: "comp/button/md";
|
|
74
|
+
};
|
|
75
|
+
lg: {
|
|
76
|
+
minWidth: "48";
|
|
77
|
+
height: "48";
|
|
78
|
+
padding: `${number}rem`;
|
|
79
|
+
textStyle: "comp/button/lg";
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
}>;
|
|
83
|
+
closeButton: import('@chakra-ui/react').RecipeDefinition<{
|
|
84
|
+
size: {
|
|
85
|
+
xs: {
|
|
86
|
+
h: "24";
|
|
87
|
+
w: "24";
|
|
88
|
+
};
|
|
89
|
+
sm: {
|
|
90
|
+
h: "32";
|
|
91
|
+
w: "32";
|
|
92
|
+
};
|
|
93
|
+
md: {
|
|
94
|
+
h: "40";
|
|
95
|
+
w: "40";
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
colorVariant: {
|
|
99
|
+
neutral: {
|
|
100
|
+
color: "color/neutral/strong";
|
|
101
|
+
'&:hover': {
|
|
102
|
+
backgroundColor: "color/neutral/subtle";
|
|
103
|
+
};
|
|
104
|
+
'&:active': {
|
|
105
|
+
backgroundColor: "color/neutral/moderate";
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
blue: {
|
|
109
|
+
color: "color/blue/strong";
|
|
110
|
+
'&:hover': {
|
|
111
|
+
backgroundColor: "color/blue/subtle";
|
|
112
|
+
};
|
|
113
|
+
'&:active': {
|
|
114
|
+
backgroundColor: "color/blue/moderate";
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
green: {
|
|
118
|
+
color: "color/green/strong";
|
|
119
|
+
'&:hover': {
|
|
120
|
+
backgroundColor: "color/green/subtle";
|
|
121
|
+
};
|
|
122
|
+
'&:active': {
|
|
123
|
+
backgroundColor: "color/green/moderate";
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
red: {
|
|
127
|
+
color: "color/red/strong";
|
|
128
|
+
'&:hover': {
|
|
129
|
+
backgroundColor: "color/red/subtle";
|
|
130
|
+
};
|
|
131
|
+
'&:active': {
|
|
132
|
+
backgroundColor: "color/red/moderate";
|
|
133
|
+
};
|
|
134
|
+
};
|
|
135
|
+
yellow: {
|
|
136
|
+
color: "color/yellow/strong";
|
|
137
|
+
'&:hover': {
|
|
138
|
+
backgroundColor: "color/yellow/subtle";
|
|
139
|
+
};
|
|
140
|
+
'&:active': {
|
|
141
|
+
backgroundColor: "color/yellow/moderate";
|
|
142
|
+
};
|
|
143
|
+
};
|
|
144
|
+
purple: {
|
|
145
|
+
color: "color/purple/strong";
|
|
146
|
+
'&:hover': {
|
|
147
|
+
backgroundColor: "color/purple/subtle";
|
|
148
|
+
};
|
|
149
|
+
'&:active': {
|
|
150
|
+
backgroundColor: "color/purple/moderate";
|
|
151
|
+
};
|
|
152
|
+
};
|
|
153
|
+
indigo: {
|
|
154
|
+
color: "color/indigo/strong";
|
|
155
|
+
'&:hover': {
|
|
156
|
+
backgroundColor: "color/indigo/subtle";
|
|
157
|
+
};
|
|
158
|
+
'&:active': {
|
|
159
|
+
backgroundColor: "color/indigo/moderate";
|
|
160
|
+
};
|
|
161
|
+
};
|
|
162
|
+
white: {
|
|
163
|
+
color: "icon/on-contrast";
|
|
164
|
+
};
|
|
165
|
+
};
|
|
166
|
+
}>;
|
|
167
|
+
controlButton: import('@chakra-ui/react').RecipeDefinition<{
|
|
168
|
+
isDanger: {
|
|
169
|
+
false: {
|
|
170
|
+
color: "button/control/fg";
|
|
171
|
+
_hover: {
|
|
172
|
+
background: "button/control/bg-hover";
|
|
173
|
+
color: "button/control/fg-hover";
|
|
174
|
+
_active: {
|
|
175
|
+
background: "button/control/bg-active";
|
|
176
|
+
color: "button/control/fg-active";
|
|
177
|
+
};
|
|
178
|
+
};
|
|
179
|
+
_active: {
|
|
180
|
+
background: "button/control/bg-active";
|
|
181
|
+
color: "button/control/fg-active";
|
|
182
|
+
};
|
|
183
|
+
_disabled: {
|
|
184
|
+
color: "button/control/fg-disabled!";
|
|
185
|
+
};
|
|
186
|
+
};
|
|
187
|
+
true: {
|
|
188
|
+
color: "button/control-danger/fg";
|
|
189
|
+
_hover: {
|
|
190
|
+
background: "button/control-danger/bg-hover";
|
|
191
|
+
color: "button/control-danger/fg-hover";
|
|
192
|
+
_active: {
|
|
193
|
+
background: "button/control-danger/bg-active";
|
|
194
|
+
color: "button/control-danger/fg-active";
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
_active: {
|
|
198
|
+
background: "button/control-danger/bg-active";
|
|
199
|
+
color: "button/control-danger/fg-active";
|
|
200
|
+
};
|
|
201
|
+
_disabled: {
|
|
202
|
+
color: "button/control-danger/fg-disabled!";
|
|
203
|
+
};
|
|
204
|
+
};
|
|
205
|
+
};
|
|
206
|
+
size: {
|
|
207
|
+
xxs: {
|
|
208
|
+
padding: "4";
|
|
209
|
+
};
|
|
210
|
+
xs: {
|
|
211
|
+
padding: "8";
|
|
212
|
+
};
|
|
213
|
+
sm: {
|
|
214
|
+
padding: "4";
|
|
215
|
+
};
|
|
216
|
+
md: {
|
|
217
|
+
padding: "8";
|
|
218
|
+
};
|
|
219
|
+
lg: {
|
|
220
|
+
padding: "12";
|
|
221
|
+
};
|
|
222
|
+
};
|
|
223
|
+
}>;
|
|
224
|
+
colorButton: import('@chakra-ui/react').RecipeDefinition<{
|
|
225
|
+
size: {
|
|
226
|
+
sm: {
|
|
227
|
+
height: "32";
|
|
228
|
+
paddingInline: "12";
|
|
229
|
+
textStyle: "comp/button/sm";
|
|
230
|
+
};
|
|
231
|
+
md: {
|
|
232
|
+
height: "40";
|
|
233
|
+
paddingInline: "12";
|
|
234
|
+
textStyle: "comp/button/md";
|
|
235
|
+
};
|
|
236
|
+
lg: {
|
|
237
|
+
height: "48";
|
|
238
|
+
paddingInline: "16";
|
|
239
|
+
textStyle: "comp/button/lg";
|
|
240
|
+
};
|
|
241
|
+
};
|
|
242
|
+
colorVariant: {
|
|
243
|
+
neutral: {
|
|
244
|
+
color: "color/neutral/strong";
|
|
245
|
+
'&:hover': {
|
|
246
|
+
backgroundColor: "color/neutral/subtle";
|
|
247
|
+
};
|
|
248
|
+
'&:active': {
|
|
249
|
+
backgroundColor: "color/neutral/moderate";
|
|
250
|
+
};
|
|
251
|
+
};
|
|
252
|
+
blue: {
|
|
253
|
+
color: "color/blue/strong";
|
|
254
|
+
'&:hover': {
|
|
255
|
+
backgroundColor: "color/blue/subtle";
|
|
256
|
+
};
|
|
257
|
+
'&:active': {
|
|
258
|
+
backgroundColor: "color/blue/moderate";
|
|
259
|
+
};
|
|
260
|
+
};
|
|
261
|
+
green: {
|
|
262
|
+
color: "color/green/strong";
|
|
263
|
+
'&:hover': {
|
|
264
|
+
backgroundColor: "color/green/subtle";
|
|
265
|
+
};
|
|
266
|
+
'&:active': {
|
|
267
|
+
backgroundColor: "color/green/moderate";
|
|
268
|
+
};
|
|
269
|
+
};
|
|
270
|
+
red: {
|
|
271
|
+
color: "color/red/strong";
|
|
272
|
+
'&:hover': {
|
|
273
|
+
backgroundColor: "color/red/subtle";
|
|
274
|
+
};
|
|
275
|
+
'&:active': {
|
|
276
|
+
backgroundColor: "color/red/moderate";
|
|
277
|
+
};
|
|
278
|
+
};
|
|
279
|
+
yellow: {
|
|
280
|
+
color: "color/yellow/strong";
|
|
281
|
+
'&:hover': {
|
|
282
|
+
backgroundColor: "color/yellow/subtle";
|
|
283
|
+
};
|
|
284
|
+
'&:active': {
|
|
285
|
+
backgroundColor: "color/yellow/moderate";
|
|
286
|
+
};
|
|
287
|
+
};
|
|
288
|
+
purple: {
|
|
289
|
+
color: "color/purple/strong";
|
|
290
|
+
'&:hover': {
|
|
291
|
+
backgroundColor: "color/purple/subtle";
|
|
292
|
+
};
|
|
293
|
+
'&:active': {
|
|
294
|
+
backgroundColor: "color/purple/moderate";
|
|
295
|
+
};
|
|
296
|
+
};
|
|
297
|
+
orange: {
|
|
298
|
+
color: "color/orange/strong";
|
|
299
|
+
'&:hover': {
|
|
300
|
+
backgroundColor: "color/orange/subtle";
|
|
301
|
+
};
|
|
302
|
+
'&:active': {
|
|
303
|
+
backgroundColor: "color/orange/moderate";
|
|
304
|
+
};
|
|
305
|
+
};
|
|
306
|
+
turquoise: {
|
|
307
|
+
color: "color/turquoise/strong";
|
|
308
|
+
'&:hover': {
|
|
309
|
+
backgroundColor: "color/turquoise/subtle";
|
|
310
|
+
};
|
|
311
|
+
'&:active': {
|
|
312
|
+
backgroundColor: "color/turquoise/moderate";
|
|
313
|
+
};
|
|
314
|
+
};
|
|
315
|
+
indigo: {
|
|
316
|
+
color: "color/indigo/strong";
|
|
317
|
+
'&:hover': {
|
|
318
|
+
backgroundColor: "color/indigo/subtle";
|
|
319
|
+
};
|
|
320
|
+
'&:active': {
|
|
321
|
+
backgroundColor: "color/indigo/moderate";
|
|
322
|
+
};
|
|
323
|
+
};
|
|
324
|
+
white: {
|
|
325
|
+
color: "text/on-color";
|
|
326
|
+
borderColor: "border/inverse";
|
|
327
|
+
'&:hover': {
|
|
328
|
+
backgroundColor: "color/white/15";
|
|
329
|
+
};
|
|
330
|
+
'&:active': {
|
|
331
|
+
backgroundColor: "color/white/30";
|
|
332
|
+
};
|
|
333
|
+
};
|
|
334
|
+
};
|
|
335
|
+
}>;
|
|
336
|
+
definitionTooltip: import('@chakra-ui/react').RecipeDefinition<{
|
|
337
|
+
method: {
|
|
338
|
+
click: {
|
|
339
|
+
cursor: "pointer";
|
|
340
|
+
};
|
|
341
|
+
hover: {
|
|
342
|
+
cursor: "default";
|
|
343
|
+
};
|
|
344
|
+
};
|
|
345
|
+
textSize: {
|
|
346
|
+
lg: {
|
|
347
|
+
textStyle: "body/lg/regular";
|
|
348
|
+
};
|
|
349
|
+
md: {
|
|
350
|
+
textStyle: "body/md/regular";
|
|
351
|
+
textUnderlineOffset: "0.25em";
|
|
352
|
+
};
|
|
353
|
+
sm: {
|
|
354
|
+
textStyle: "body/sm/regular";
|
|
355
|
+
textUnderlineOffset: "0.25em";
|
|
356
|
+
};
|
|
357
|
+
};
|
|
358
|
+
}>;
|
|
359
|
+
icon: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
|
|
360
|
+
input: import('@chakra-ui/react').RecipeDefinition<{
|
|
361
|
+
size: {
|
|
362
|
+
md: {
|
|
363
|
+
paddingInline: `${number}rem`;
|
|
364
|
+
paddingBlock: `${number}rem`;
|
|
365
|
+
textStyle: "body/md/regular";
|
|
366
|
+
'--input-height': `${number}rem`;
|
|
367
|
+
};
|
|
368
|
+
lg: {
|
|
369
|
+
paddingInline: `${number}rem`;
|
|
370
|
+
paddingBlock: `${number}rem`;
|
|
371
|
+
textStyle: "body/lg/regular";
|
|
372
|
+
'--input-height': `${number}rem`;
|
|
373
|
+
};
|
|
374
|
+
};
|
|
375
|
+
}>;
|
|
376
|
+
inputAddon: import('@chakra-ui/react').RecipeDefinition<{
|
|
377
|
+
position: {
|
|
378
|
+
start: {
|
|
379
|
+
borderInlineStartWidth: "1";
|
|
380
|
+
borderStartStartRadius: "4";
|
|
381
|
+
borderEndStartRadius: "4";
|
|
382
|
+
};
|
|
383
|
+
end: {
|
|
384
|
+
borderInlineWidth: "1";
|
|
385
|
+
borderStartEndRadius: "4";
|
|
386
|
+
borderEndEndRadius: "4";
|
|
387
|
+
};
|
|
388
|
+
};
|
|
389
|
+
size: {
|
|
390
|
+
md: {
|
|
391
|
+
paddingInline: `${number}rem`;
|
|
392
|
+
textStyle: "body/md/regular";
|
|
393
|
+
};
|
|
394
|
+
lg: {
|
|
395
|
+
paddingInline: `${number}rem`;
|
|
396
|
+
textStyle: "body/lg/regular";
|
|
397
|
+
};
|
|
398
|
+
};
|
|
399
|
+
}>;
|
|
400
|
+
link: import('@chakra-ui/react').RecipeDefinition<{
|
|
401
|
+
colorVariant: {
|
|
402
|
+
purple: {
|
|
403
|
+
color: "text/link";
|
|
404
|
+
_hover: {
|
|
405
|
+
color: "text/link-hover";
|
|
406
|
+
};
|
|
407
|
+
};
|
|
408
|
+
};
|
|
409
|
+
}>;
|
|
410
|
+
linkButton: import('@chakra-ui/react').RecipeDefinition<{
|
|
411
|
+
size: {
|
|
412
|
+
lg: {
|
|
413
|
+
textStyle: "body/lg/regular";
|
|
414
|
+
};
|
|
415
|
+
md: {
|
|
416
|
+
textStyle: "body/md/regular";
|
|
417
|
+
};
|
|
418
|
+
sm: {
|
|
419
|
+
textStyle: "body/sm/regular";
|
|
420
|
+
};
|
|
421
|
+
};
|
|
422
|
+
}>;
|
|
423
|
+
selectableTag: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
|
|
424
|
+
separator: import('@chakra-ui/react').RecipeDefinition<{
|
|
425
|
+
variant: {};
|
|
426
|
+
orientation: {
|
|
427
|
+
horizontal: {
|
|
428
|
+
borderTopWidth: "var(--separator-thickness)";
|
|
429
|
+
width: "100%";
|
|
430
|
+
};
|
|
431
|
+
vertical: {
|
|
432
|
+
borderInlineStartWidth: "var(--separator-thickness)";
|
|
433
|
+
minHeight: "20";
|
|
434
|
+
};
|
|
435
|
+
};
|
|
436
|
+
size: {
|
|
437
|
+
'1': {
|
|
438
|
+
'--separator-thickness': "1px";
|
|
439
|
+
};
|
|
440
|
+
'2': {
|
|
441
|
+
'--separator-thickness': "2px";
|
|
442
|
+
};
|
|
443
|
+
};
|
|
444
|
+
}>;
|
|
445
|
+
skeleton: import('@chakra-ui/react').RecipeDefinition<{
|
|
446
|
+
loading: {
|
|
447
|
+
true: {
|
|
448
|
+
position: "relative";
|
|
449
|
+
overflow: "hidden";
|
|
450
|
+
backgroundColor: "utilities/skeleton";
|
|
451
|
+
borderColor: "transparent";
|
|
452
|
+
backgroundClip: "padding-box";
|
|
453
|
+
cursor: "default";
|
|
454
|
+
color: "transparent";
|
|
455
|
+
pointerEvents: "none";
|
|
456
|
+
userSelect: "none";
|
|
457
|
+
flexShrink: "0";
|
|
458
|
+
'&::before, *': {
|
|
459
|
+
visibility: "hidden";
|
|
460
|
+
};
|
|
461
|
+
'&::after': import('@chakra-ui/react').SystemStyleObject;
|
|
462
|
+
};
|
|
463
|
+
false: {
|
|
464
|
+
animation: "fade-in var(--fade-duration, 0.1s) ease-out !important";
|
|
465
|
+
};
|
|
466
|
+
};
|
|
467
|
+
}>;
|
|
468
|
+
spinner: import('@chakra-ui/react').RecipeDefinition<{
|
|
469
|
+
size: {
|
|
470
|
+
md: {
|
|
471
|
+
'--spinner-size': "sizes.12";
|
|
472
|
+
};
|
|
473
|
+
lg: {
|
|
474
|
+
'--spinner-size': "sizes.20";
|
|
475
|
+
};
|
|
476
|
+
};
|
|
477
|
+
variant: {
|
|
478
|
+
primary: {
|
|
479
|
+
'--spinner-color': "colors.icon/primary";
|
|
480
|
+
};
|
|
481
|
+
purple: {
|
|
482
|
+
'--spinner-color': "colors.color/purple/strong";
|
|
483
|
+
};
|
|
484
|
+
white: {
|
|
485
|
+
'--spinner-color': "colors.icon/on-color";
|
|
486
|
+
};
|
|
487
|
+
'on-disabled': {
|
|
488
|
+
'--spinner-color': "colors.icon/on-disabled";
|
|
489
|
+
};
|
|
490
|
+
};
|
|
491
|
+
}>;
|
|
492
|
+
textarea: import('@chakra-ui/react').RecipeDefinition<{
|
|
493
|
+
size: {
|
|
494
|
+
md: {
|
|
495
|
+
'&[rows="1"]': {
|
|
496
|
+
paddingBlock: `${number}rem`;
|
|
497
|
+
};
|
|
498
|
+
paddingInline: `${number}rem`;
|
|
499
|
+
paddingBlock: `${number}rem`;
|
|
500
|
+
textStyle: "body/md/regular";
|
|
501
|
+
'--input-height': `${number}rem`;
|
|
502
|
+
};
|
|
503
|
+
lg: {
|
|
504
|
+
paddingInline: `${number}rem`;
|
|
505
|
+
paddingBlock: `${number}rem`;
|
|
506
|
+
textStyle: "body/lg/regular";
|
|
507
|
+
'--input-height': `${number}rem`;
|
|
508
|
+
};
|
|
509
|
+
};
|
|
510
|
+
}>;
|
|
511
|
+
toggleButton: import('@chakra-ui/react').RecipeDefinition<{
|
|
512
|
+
size: {
|
|
513
|
+
sm: {
|
|
514
|
+
padding: "8";
|
|
515
|
+
};
|
|
516
|
+
md: {
|
|
517
|
+
padding: "12";
|
|
518
|
+
};
|
|
519
|
+
lg: {
|
|
520
|
+
padding: "12";
|
|
521
|
+
};
|
|
522
|
+
};
|
|
523
|
+
}>;
|
|
524
|
+
};
|
|
525
|
+
export default recipes;
|
|
@@ -15,7 +15,6 @@ import separatorRecipe from "./Separator.recipe.js";
|
|
|
15
15
|
import skeletonRecipe from "./Skeleton.recipe.js";
|
|
16
16
|
import spinnerRecipe from "./Spinner.recipe.js";
|
|
17
17
|
import toggleButtonRecipe from "./ToggleButton.recipe.js";
|
|
18
|
-
import uiHeaderButtonRecipe from "./UIHeaderButton.recipe.js";
|
|
19
18
|
//#region lib/theme/recipes/index.ts
|
|
20
19
|
var recipes = {
|
|
21
20
|
badge: badgeRecipe,
|
|
@@ -34,8 +33,7 @@ var recipes = {
|
|
|
34
33
|
skeleton: skeletonRecipe,
|
|
35
34
|
spinner: spinnerRecipe,
|
|
36
35
|
textarea: textareaRecipe,
|
|
37
|
-
toggleButton: toggleButtonRecipe
|
|
38
|
-
uiHeaderButton: uiHeaderButtonRecipe
|
|
36
|
+
toggleButton: toggleButtonRecipe
|
|
39
37
|
};
|
|
40
38
|
//#endregion
|
|
41
39
|
export { recipes as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/recipes/index.ts"],"sourcesContent":["import badgeRecipe from './Badge.recipe';\nimport buttonRecipe from './Button.recipe';\nimport closeButtonRecipe from './CloseButton.recipe';\nimport colorButtonRecipe from './ColorButton.recipe';\nimport controlButtonRecipe from './ControlButton.recipe';\nimport definitionTooltipRecipe from './DefinitionTooltip.recipe';\nimport iconRecipe from './Icon.recipe';\nimport inputRecipe from './Input.recipe';\nimport inputAddonRecipe from './InputAddon.recipe';\nimport linkRecipe from './Link.recipe';\nimport linkButtonRecipe from './LinkButton.recipe';\nimport selectableTagRecipe from './SelectableTag.recipe';\nimport separatorRecipe from './Separator.recipe';\nimport skeletonRecipe from './Skeleton.recipe';\nimport spinnerRecipe from './Spinner.recipe';\nimport textareaRecipe from './Textarea.recipe';\nimport toggleButtonRecipe from './ToggleButton.recipe';\
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/recipes/index.ts"],"sourcesContent":["import badgeRecipe from './Badge.recipe';\nimport buttonRecipe from './Button.recipe';\nimport closeButtonRecipe from './CloseButton.recipe';\nimport colorButtonRecipe from './ColorButton.recipe';\nimport controlButtonRecipe from './ControlButton.recipe';\nimport definitionTooltipRecipe from './DefinitionTooltip.recipe';\nimport iconRecipe from './Icon.recipe';\nimport inputRecipe from './Input.recipe';\nimport inputAddonRecipe from './InputAddon.recipe';\nimport linkRecipe from './Link.recipe';\nimport linkButtonRecipe from './LinkButton.recipe';\nimport selectableTagRecipe from './SelectableTag.recipe';\nimport separatorRecipe from './Separator.recipe';\nimport skeletonRecipe from './Skeleton.recipe';\nimport spinnerRecipe from './Spinner.recipe';\nimport textareaRecipe from './Textarea.recipe';\nimport toggleButtonRecipe from './ToggleButton.recipe';\n\nconst recipes = {\n badge: badgeRecipe,\n button: buttonRecipe,\n closeButton: closeButtonRecipe,\n controlButton: controlButtonRecipe,\n colorButton: colorButtonRecipe,\n definitionTooltip: definitionTooltipRecipe,\n icon: iconRecipe,\n input: inputRecipe,\n inputAddon: inputAddonRecipe,\n link: linkRecipe,\n linkButton: linkButtonRecipe,\n selectableTag: selectableTagRecipe,\n separator: separatorRecipe,\n skeleton: skeletonRecipe,\n spinner: spinnerRecipe,\n textarea: textareaRecipe,\n toggleButton: toggleButtonRecipe,\n};\n\nexport default recipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,IAAM,UAAU;CACd,OAAO;CACP,QAAQ;CACR,aAAa;CACb,eAAe;CACf,aAAa;CACb,mBAAmB;CACnB,MAAM;CACN,OAAO;CACP,YAAY;CACZ,MAAM;CACN,YAAY;CACZ,eAAe;CACf,WAAW;CACX,UAAU;CACV,SAAS;CACT,UAAU;CACV,cAAc;AAChB"}
|
|
@@ -12,19 +12,21 @@ declare const segmentGroupSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
|
|
|
12
12
|
};
|
|
13
13
|
size: {
|
|
14
14
|
lg: {
|
|
15
|
+
root: {
|
|
16
|
+
height: "48";
|
|
17
|
+
};
|
|
15
18
|
item: {
|
|
16
|
-
paddingBlock: "12";
|
|
17
19
|
textStyle: "body/lg/regular";
|
|
18
20
|
};
|
|
19
21
|
};
|
|
20
22
|
md: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
+
root: {
|
|
24
|
+
height: "40";
|
|
23
25
|
};
|
|
24
26
|
};
|
|
25
27
|
sm: {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
root: {
|
|
29
|
+
height: "32";
|
|
28
30
|
};
|
|
29
31
|
};
|
|
30
32
|
};
|
|
@@ -32,6 +32,7 @@ var segmentGroupSlotRecipe = defineSlotRecipe({
|
|
|
32
32
|
},
|
|
33
33
|
item: {
|
|
34
34
|
alignItems: "center",
|
|
35
|
+
alignSelf: "stretch",
|
|
35
36
|
borderRadius: "4",
|
|
36
37
|
color: "text/secondary",
|
|
37
38
|
cursor: "pointer",
|
|
@@ -87,12 +88,12 @@ var segmentGroupSlotRecipe = defineSlotRecipe({
|
|
|
87
88
|
item: { flex: "1" }
|
|
88
89
|
} },
|
|
89
90
|
size: {
|
|
90
|
-
lg: {
|
|
91
|
-
|
|
92
|
-
textStyle: "body/lg/regular"
|
|
93
|
-
}
|
|
94
|
-
md: {
|
|
95
|
-
sm: {
|
|
91
|
+
lg: {
|
|
92
|
+
root: { height: "48" },
|
|
93
|
+
item: { textStyle: "body/lg/regular" }
|
|
94
|
+
},
|
|
95
|
+
md: { root: { height: "40" } },
|
|
96
|
+
sm: { root: { height: "32" } }
|
|
96
97
|
}
|
|
97
98
|
},
|
|
98
99
|
defaultVariants: { size: "sm" }
|