@bitrise/bitkit-v2 0.3.313 → 0.3.315
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/BitkitProgressBar/BitkitProgressBar.d.ts +19 -0
- package/dist/components/BitkitProgressBar/BitkitProgressBar.js +20 -0
- package/dist/components/BitkitProgressBar/BitkitProgressBar.js.map +1 -0
- package/dist/components/BitkitToast/BitkitToast.d.ts +6 -0
- package/dist/components/BitkitToast/BitkitToast.js +10 -1
- package/dist/components/BitkitToast/BitkitToast.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/main.js +2 -1
- package/dist/theme/slot-recipes/Progress.recipe.d.ts +72 -0
- package/dist/theme/slot-recipes/Progress.recipe.js +83 -0
- package/dist/theme/slot-recipes/Progress.recipe.js.map +1 -0
- package/dist/theme/slot-recipes/index.d.ts +71 -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
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ProgressRootProps } from '@chakra-ui/react/progress';
|
|
2
|
+
import { default as semanticColors } from '../../theme/semantic-tokens/semanticColors';
|
|
3
|
+
/**
|
|
4
|
+
* Every `color/*` semantic token — the only colors the range is allowed to use.
|
|
5
|
+
* Derived from the semantic token map, so new tokens are picked up automatically.
|
|
6
|
+
*/
|
|
7
|
+
export type BitkitProgressBarRangeColor = Extract<keyof typeof semanticColors, `color/${string}`>;
|
|
8
|
+
export interface BitkitProgressBarProps extends Omit<ProgressRootProps, 'children' | 'colorPalette' | 'roundedEdges' | 'size' | 'trackColor'> {
|
|
9
|
+
/** Color of the filled part. Any `color/*` semantic token. */
|
|
10
|
+
rangeColor?: BitkitProgressBarRangeColor;
|
|
11
|
+
/** Which ends are rounded. Use `start`/`none`/`end` for bars sitting next to each other in a group. */
|
|
12
|
+
roundedEdges?: 'both' | 'end' | 'none' | 'start';
|
|
13
|
+
/** Height of the bar, in size tokens. */
|
|
14
|
+
size?: '1' | '2' | '4' | '6' | '8' | '12' | '16';
|
|
15
|
+
/** Background of the unfilled part. */
|
|
16
|
+
trackColor?: 'neutral' | 'transparent';
|
|
17
|
+
}
|
|
18
|
+
declare const BitkitProgressBar: import('react').ForwardRefExoticComponent<BitkitProgressBarProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
19
|
+
export default BitkitProgressBar;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { forwardRef } from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Progress } from "@chakra-ui/react/progress";
|
|
4
|
+
//#region lib/components/BitkitProgressBar/BitkitProgressBar.tsx
|
|
5
|
+
var BitkitProgressBar = forwardRef((props, ref) => {
|
|
6
|
+
const { rangeColor = "color/blue/base", roundedEdges = "both", size = "8", trackColor = "neutral", ...rest } = props;
|
|
7
|
+
return /* @__PURE__ */ jsx(Progress.Root, {
|
|
8
|
+
ref,
|
|
9
|
+
roundedEdges,
|
|
10
|
+
size,
|
|
11
|
+
trackColor,
|
|
12
|
+
...rest,
|
|
13
|
+
children: /* @__PURE__ */ jsx(Progress.Track, { children: /* @__PURE__ */ jsx(Progress.Range, { background: rangeColor }) })
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
BitkitProgressBar.displayName = "BitkitProgressBar";
|
|
17
|
+
//#endregion
|
|
18
|
+
export { BitkitProgressBar as default };
|
|
19
|
+
|
|
20
|
+
//# sourceMappingURL=BitkitProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BitkitProgressBar.js","names":[],"sources":["../../../lib/components/BitkitProgressBar/BitkitProgressBar.tsx"],"sourcesContent":["import { Progress, type ProgressRootProps } from '@chakra-ui/react/progress';\nimport { forwardRef } from 'react';\n\nimport type semanticColors from '../../theme/semantic-tokens/semanticColors';\n\n/**\n * Every `color/*` semantic token — the only colors the range is allowed to use.\n * Derived from the semantic token map, so new tokens are picked up automatically.\n */\nexport type BitkitProgressBarRangeColor = Extract<keyof typeof semanticColors, `color/${string}`>;\n\nexport interface BitkitProgressBarProps extends Omit<\n ProgressRootProps,\n 'children' | 'colorPalette' | 'roundedEdges' | 'size' | 'trackColor'\n> {\n /** Color of the filled part. Any `color/*` semantic token. */\n rangeColor?: BitkitProgressBarRangeColor;\n /** Which ends are rounded. Use `start`/`none`/`end` for bars sitting next to each other in a group. */\n roundedEdges?: 'both' | 'end' | 'none' | 'start';\n /** Height of the bar, in size tokens. */\n size?: '1' | '2' | '4' | '6' | '8' | '12' | '16';\n /** Background of the unfilled part. */\n trackColor?: 'neutral' | 'transparent';\n}\n\nconst BitkitProgressBar = forwardRef<HTMLDivElement, BitkitProgressBarProps>((props, ref) => {\n const { rangeColor = 'color/blue/base', roundedEdges = 'both', size = '8', trackColor = 'neutral', ...rest } = props;\n\n return (\n <Progress.Root ref={ref} roundedEdges={roundedEdges} size={size} trackColor={trackColor} {...rest}>\n <Progress.Track>\n <Progress.Range background={rangeColor} />\n </Progress.Track>\n </Progress.Root>\n );\n});\n\nBitkitProgressBar.displayName = 'BitkitProgressBar';\n\nexport default BitkitProgressBar;\n"],"mappings":";;;;AAyBA,IAAM,oBAAoB,YAAoD,OAAO,QAAQ;CAC3F,MAAM,EAAE,aAAa,mBAAmB,eAAe,QAAQ,OAAO,KAAK,aAAa,WAAW,GAAG,SAAS;CAE/G,OACE,oBAAC,SAAS,MAAV;EAAoB;EAAmB;EAAoB;EAAkB;EAAY,GAAI;YAC3F,oBAAC,SAAS,OAAV,EAAA,UACE,oBAAC,SAAS,OAAV,EAAgB,YAAY,WAAa,CAAA,EAC3B,CAAA;CACH,CAAA;AAEnB,CAAC;AAED,kBAAkB,cAAc"}
|
|
@@ -5,6 +5,12 @@ export type BitkitToastVariant = NotificationVariant;
|
|
|
5
5
|
export type BitkitToastProps = {
|
|
6
6
|
action?: NotificationAction;
|
|
7
7
|
dismissible?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* How long the toast stays visible, in milliseconds. Overrides the per-variant
|
|
10
|
+
* default for any variant: 5000ms for `ai`/`info`/`success`/`warning`, `Infinity`
|
|
11
|
+
* for `critical` and `progress`. Pass `Infinity` to make a toast persist.
|
|
12
|
+
*/
|
|
13
|
+
duration?: number;
|
|
8
14
|
messageText: ReactNode;
|
|
9
15
|
timestamp?: string;
|
|
10
16
|
titleText?: ReactNode;
|
|
@@ -8,17 +8,26 @@ var TOAST_PRIORITIES = {
|
|
|
8
8
|
ai: [6, 8],
|
|
9
9
|
info: [6, 8]
|
|
10
10
|
};
|
|
11
|
+
var TOAST_DURATIONS = {
|
|
12
|
+
ai: 5e3,
|
|
13
|
+
critical: Infinity,
|
|
14
|
+
info: 5e3,
|
|
15
|
+
progress: Infinity,
|
|
16
|
+
success: 5e3,
|
|
17
|
+
warning: 5e3
|
|
18
|
+
};
|
|
11
19
|
var toaster = createToaster({
|
|
12
20
|
max: 5,
|
|
13
21
|
placement: "top-end",
|
|
14
22
|
pauseOnPageIdle: true
|
|
15
23
|
});
|
|
16
24
|
var createBitkitToast = (props) => {
|
|
17
|
-
const { action, dismissible = true, messageText, timestamp, titleText, variant } = props;
|
|
25
|
+
const { action, dismissible = true, duration, messageText, timestamp, titleText, variant } = props;
|
|
18
26
|
const [actionable, nonActionable] = TOAST_PRIORITIES[variant];
|
|
19
27
|
return toaster.create({
|
|
20
28
|
closable: dismissible,
|
|
21
29
|
description: messageText,
|
|
30
|
+
duration: duration ?? TOAST_DURATIONS[variant],
|
|
22
31
|
meta: {
|
|
23
32
|
action,
|
|
24
33
|
timestamp
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToast.js","names":[],"sources":["../../../lib/components/BitkitToast/BitkitToast.tsx"],"sourcesContent":["import { createToaster } from '@chakra-ui/react/toast';\nimport { type ReactNode } from 'react';\n\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\nimport { type NotificationAction } from '../common/notificationMaps';\n\nexport type BitkitToastVariant = NotificationVariant;\n\nexport type BitkitToastProps = {\n action?: NotificationAction;\n dismissible?: boolean;\n messageText: ReactNode;\n timestamp?: string;\n titleText?: ReactNode;\n variant: BitkitToastVariant;\n};\n\n// Zag's internal priority table only knows its 5 built-in types and crashes\n// on our custom variants (ai/critical/progress). We replicate Zag's algorithm\n// with our full variant set and compute priority ourselves, so the broken\n// lookup is never reached. Each tuple is [actionable, nonActionable] — mirrors\n// Zag, which ranks actionable toasts higher. Lower number = higher in the stack.\nconst TOAST_PRIORITIES = {\n critical: [1, 2], // ~ Zag \"error\" — most urgent\n warning: [3, 6], // = Zag \"warning\"\n progress: [4, 5], // ~ Zag \"loading\"\n success: [5, 7], // = Zag \"success\"\n ai: [6, 8], // ~ Zag \"info\"\n info: [6, 8], // = Zag \"info\" — least urgent\n} as const satisfies Record<BitkitToastVariant, readonly [number, number]>;\n\nexport const toaster = createToaster({\n max: 5,\n placement: 'top-end',\n pauseOnPageIdle: true,\n});\n\nconst createBitkitToast = (props: BitkitToastProps) => {\n const { action, dismissible = true, messageText, timestamp, titleText, variant } = props;\n\n const [actionable, nonActionable] = TOAST_PRIORITIES[variant];\n\n return toaster.create({\n closable: dismissible,\n description: messageText,\n meta: { action, timestamp },\n priority: action ? actionable : nonActionable,\n title: titleText,\n type: variant,\n });\n};\n\nexport default createBitkitToast;\n"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"BitkitToast.js","names":[],"sources":["../../../lib/components/BitkitToast/BitkitToast.tsx"],"sourcesContent":["import { createToaster } from '@chakra-ui/react/toast';\nimport { type ReactNode } from 'react';\n\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\nimport { type NotificationAction } from '../common/notificationMaps';\n\nexport type BitkitToastVariant = NotificationVariant;\n\nexport type BitkitToastProps = {\n action?: NotificationAction;\n dismissible?: boolean;\n /**\n * How long the toast stays visible, in milliseconds. Overrides the per-variant\n * default for any variant: 5000ms for `ai`/`info`/`success`/`warning`, `Infinity`\n * for `critical` and `progress`. Pass `Infinity` to make a toast persist.\n */\n duration?: number;\n messageText: ReactNode;\n timestamp?: string;\n titleText?: ReactNode;\n variant: BitkitToastVariant;\n};\n\n// Zag's internal priority table only knows its 5 built-in types and crashes\n// on our custom variants (ai/critical/progress). We replicate Zag's algorithm\n// with our full variant set and compute priority ourselves, so the broken\n// lookup is never reached. Each tuple is [actionable, nonActionable] — mirrors\n// Zag, which ranks actionable toasts higher. Lower number = higher in the stack.\nconst TOAST_PRIORITIES = {\n critical: [1, 2], // ~ Zag \"error\" — most urgent\n warning: [3, 6], // = Zag \"warning\"\n progress: [4, 5], // ~ Zag \"loading\"\n success: [5, 7], // = Zag \"success\"\n ai: [6, 8], // ~ Zag \"info\"\n info: [6, 8], // = Zag \"info\" — least urgent\n} as const satisfies Record<BitkitToastVariant, readonly [number, number]>;\n\n// Same name-collision problem as the priorities above: Zag keys its timeout table\n// by its own type names, so only info/warning/success happen to match ours and the\n// rest silently fall back to its 5000ms DEFAULT. We own the full table instead.\n// `critical` and `progress` persist until dismissed — an error the user must see,\n// and an operation that is still running, should not disappear on a timer.\nconst TOAST_DURATIONS = {\n ai: 5000,\n critical: Infinity,\n info: 5000,\n progress: Infinity,\n success: 5000,\n warning: 5000,\n} as const satisfies Record<BitkitToastVariant, number>;\n\nexport const toaster = createToaster({\n max: 5,\n placement: 'top-end',\n pauseOnPageIdle: true,\n});\n\nconst createBitkitToast = (props: BitkitToastProps) => {\n const { action, dismissible = true, duration, messageText, timestamp, titleText, variant } = props;\n\n const [actionable, nonActionable] = TOAST_PRIORITIES[variant];\n\n return toaster.create({\n closable: dismissible,\n description: messageText,\n duration: duration ?? TOAST_DURATIONS[variant],\n meta: { action, timestamp },\n priority: action ? actionable : nonActionable,\n title: titleText,\n type: variant,\n });\n};\n\nexport default createBitkitToast;\n"],"mappings":";;AA4BA,IAAM,mBAAmB;CACvB,UAAU,CAAC,GAAG,CAAC;CACf,SAAS,CAAC,GAAG,CAAC;CACd,UAAU,CAAC,GAAG,CAAC;CACf,SAAS,CAAC,GAAG,CAAC;CACd,IAAI,CAAC,GAAG,CAAC;CACT,MAAM,CAAC,GAAG,CAAC;AACb;AAOA,IAAM,kBAAkB;CACtB,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAa,UAAU,cAAc;CACnC,KAAK;CACL,WAAW;CACX,iBAAiB;AACnB,CAAC;AAED,IAAM,qBAAqB,UAA4B;CACrD,MAAM,EAAE,QAAQ,cAAc,MAAM,UAAU,aAAa,WAAW,WAAW,YAAY;CAE7F,MAAM,CAAC,YAAY,iBAAiB,iBAAiB;CAErD,OAAO,QAAQ,OAAO;EACpB,UAAU;EACV,aAAa;EACb,UAAU,YAAY,gBAAgB;EACtC,MAAM;GAAE;GAAQ;EAAU;EAC1B,UAAU,SAAS,aAAa;EAChC,OAAO;EACP,MAAM;CACR,CAAC;AACH"}
|
|
@@ -52,6 +52,7 @@ export { default as BitkitPageFooter, type BitkitPageFooterItemProps, type Bitki
|
|
|
52
52
|
export { default as BitkitPagination, type BitkitPaginationLabels, type BitkitPaginationProps, } from './BitkitPagination/BitkitPagination';
|
|
53
53
|
export { default as BitkitPaginationLoadMore, type BitkitPaginationLoadMoreProps, } from './BitkitPaginationLoadMore/BitkitPaginationLoadMore';
|
|
54
54
|
export { default as BitkitPopover, type BitkitPopoverProps } from './BitkitPopover/BitkitPopover';
|
|
55
|
+
export { default as BitkitProgressBar, type BitkitProgressBarProps, type BitkitProgressBarRangeColor, } from './BitkitProgressBar/BitkitProgressBar';
|
|
55
56
|
export { default as BitkitPromoBanner, type BitkitPromoBannerProps } from './BitkitPromoBanner/BitkitPromoBanner';
|
|
56
57
|
export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
|
|
57
58
|
export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
|
package/dist/main.js
CHANGED
|
@@ -342,6 +342,7 @@ import BitkitPageFooter_default from "./components/BitkitPageFooter/BitkitPageFo
|
|
|
342
342
|
import BitkitPagination from "./components/BitkitPagination/BitkitPagination.js";
|
|
343
343
|
import BitkitPaginationLoadMore from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
|
|
344
344
|
import BitkitPopover from "./components/BitkitPopover/BitkitPopover.js";
|
|
345
|
+
import BitkitProgressBar from "./components/BitkitProgressBar/BitkitProgressBar.js";
|
|
345
346
|
import BitkitPromoBanner from "./components/BitkitPromoBanner/BitkitPromoBanner.js";
|
|
346
347
|
import BitkitRadio from "./components/BitkitRadio/BitkitRadio.js";
|
|
347
348
|
import BitkitRadioGroup from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
|
|
@@ -371,4 +372,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
|
|
|
371
372
|
import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
|
|
372
373
|
import bitkitTheme from "./theme/index.js";
|
|
373
374
|
import Provider from "./providers/BitkitProvider.js";
|
|
374
|
-
export { BitkitAccordion, BitkitActionBar, 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, BitkitExpandableRow, 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, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSkeletonGroup, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitStepperDialog_default as BitkitStepperDialog, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive, useStepperDialog };
|
|
375
|
+
export { BitkitAccordion, BitkitActionBar, 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, BitkitExpandableRow, 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, 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, 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,72 @@
|
|
|
1
|
+
declare const progressSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", {
|
|
2
|
+
roundedEdges: {
|
|
3
|
+
both: {
|
|
4
|
+
root: {
|
|
5
|
+
borderRadius: "2";
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
end: {
|
|
9
|
+
root: {
|
|
10
|
+
borderEndEndRadius: "2";
|
|
11
|
+
borderStartEndRadius: "2";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
none: {};
|
|
15
|
+
start: {
|
|
16
|
+
root: {
|
|
17
|
+
borderEndStartRadius: "2";
|
|
18
|
+
borderStartStartRadius: "2";
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
size: {
|
|
23
|
+
'1': {
|
|
24
|
+
track: {
|
|
25
|
+
height: "1";
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
'2': {
|
|
29
|
+
track: {
|
|
30
|
+
height: "2";
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
'4': {
|
|
34
|
+
track: {
|
|
35
|
+
height: "4";
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
'6': {
|
|
39
|
+
track: {
|
|
40
|
+
height: "6";
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
'8': {
|
|
44
|
+
track: {
|
|
45
|
+
height: "8";
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
'12': {
|
|
49
|
+
track: {
|
|
50
|
+
height: "12";
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
'16': {
|
|
54
|
+
track: {
|
|
55
|
+
height: "16";
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
trackColor: {
|
|
60
|
+
neutral: {
|
|
61
|
+
track: {
|
|
62
|
+
background: "color/neutral/moderate";
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
transparent: {
|
|
66
|
+
track: {
|
|
67
|
+
background: "color/transparent";
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
}>;
|
|
72
|
+
export default progressSlotRecipe;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
|
|
2
|
+
import { progressAnatomy } from "@chakra-ui/react/anatomy";
|
|
3
|
+
//#region lib/theme/slot-recipes/Progress.recipe.ts
|
|
4
|
+
var progressSlotRecipe = defineSlotRecipe({
|
|
5
|
+
className: "progress",
|
|
6
|
+
slots: progressAnatomy.keys(),
|
|
7
|
+
base: {
|
|
8
|
+
root: {
|
|
9
|
+
overflow: "hidden",
|
|
10
|
+
width: "full"
|
|
11
|
+
},
|
|
12
|
+
track: {
|
|
13
|
+
position: "relative",
|
|
14
|
+
width: "full"
|
|
15
|
+
},
|
|
16
|
+
range: {
|
|
17
|
+
height: "full",
|
|
18
|
+
minWidth: "4",
|
|
19
|
+
transitionDuration: "moderate",
|
|
20
|
+
transitionProperty: "width",
|
|
21
|
+
transitionTimingFunction: "ease-out"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
variants: {
|
|
25
|
+
roundedEdges: {
|
|
26
|
+
both: { root: { borderRadius: "2" } },
|
|
27
|
+
end: { root: {
|
|
28
|
+
borderEndEndRadius: "2",
|
|
29
|
+
borderStartEndRadius: "2"
|
|
30
|
+
} },
|
|
31
|
+
none: {},
|
|
32
|
+
start: { root: {
|
|
33
|
+
borderEndStartRadius: "2",
|
|
34
|
+
borderStartStartRadius: "2"
|
|
35
|
+
} }
|
|
36
|
+
},
|
|
37
|
+
size: {
|
|
38
|
+
"1": { track: { height: "1" } },
|
|
39
|
+
"2": { track: { height: "2" } },
|
|
40
|
+
"4": { track: { height: "4" } },
|
|
41
|
+
"6": { track: { height: "6" } },
|
|
42
|
+
"8": { track: { height: "8" } },
|
|
43
|
+
"12": { track: { height: "12" } },
|
|
44
|
+
"16": { track: { height: "16" } }
|
|
45
|
+
},
|
|
46
|
+
trackColor: {
|
|
47
|
+
neutral: { track: { background: "color/neutral/moderate" } },
|
|
48
|
+
transparent: { track: { background: "color/transparent" } }
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
compoundVariants: [
|
|
52
|
+
{
|
|
53
|
+
roundedEdges: "both",
|
|
54
|
+
trackColor: "transparent",
|
|
55
|
+
css: { range: { borderRadius: "2" } }
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
roundedEdges: "start",
|
|
59
|
+
trackColor: "transparent",
|
|
60
|
+
css: { range: {
|
|
61
|
+
borderEndStartRadius: "2",
|
|
62
|
+
borderStartStartRadius: "2"
|
|
63
|
+
} }
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
roundedEdges: "end",
|
|
67
|
+
trackColor: "transparent",
|
|
68
|
+
css: { range: {
|
|
69
|
+
borderEndEndRadius: "2",
|
|
70
|
+
borderStartEndRadius: "2"
|
|
71
|
+
} }
|
|
72
|
+
}
|
|
73
|
+
],
|
|
74
|
+
defaultVariants: {
|
|
75
|
+
roundedEdges: "both",
|
|
76
|
+
size: "8",
|
|
77
|
+
trackColor: "neutral"
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
//#endregion
|
|
81
|
+
export { progressSlotRecipe as default };
|
|
82
|
+
|
|
83
|
+
//# sourceMappingURL=Progress.recipe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Progress.recipe.ts"],"sourcesContent":["import { progressAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst progressSlotRecipe = defineSlotRecipe({\n className: 'progress',\n slots: progressAnatomy.keys(),\n base: {\n // The radius and the clipping live on the root so a consumer-supplied\n // `borderRadius` style prop lands on the element that actually rounds.\n root: {\n overflow: 'hidden',\n width: 'full',\n },\n track: {\n position: 'relative',\n width: 'full',\n },\n range: {\n height: 'full',\n // Keeps a sliver of the range visible at very low values (Figma: min-width 4px).\n minWidth: '4',\n transitionDuration: 'moderate',\n transitionProperty: 'width',\n transitionTimingFunction: 'ease-out',\n },\n },\n variants: {\n roundedEdges: {\n both: {\n root: { borderRadius: '2' },\n },\n end: {\n root: { borderEndEndRadius: '2', borderStartEndRadius: '2' },\n },\n none: {},\n start: {\n root: { borderEndStartRadius: '2', borderStartStartRadius: '2' },\n },\n },\n size: {\n '1': {\n track: { height: '1' },\n },\n '2': {\n track: { height: '2' },\n },\n '4': {\n track: { height: '4' },\n },\n '6': {\n track: { height: '6' },\n },\n '8': {\n track: { height: '8' },\n },\n '12': {\n track: { height: '12' },\n },\n '16': {\n track: { height: '16' },\n },\n },\n trackColor: {\n neutral: {\n track: { background: 'color/neutral/moderate' },\n },\n transparent: {\n track: { background: 'color/transparent' },\n },\n },\n },\n // With a neutral track the range's trailing edge stays square — the track behind it\n // carries the shape, and the root clips the leading edge. With a transparent track\n // the range *is* the visible bar, so it has to reproduce the root's rounding itself.\n compoundVariants: [\n {\n roundedEdges: 'both',\n trackColor: 'transparent',\n css: { range: { borderRadius: '2' } },\n },\n {\n roundedEdges: 'start',\n trackColor: 'transparent',\n css: { range: { borderEndStartRadius: '2', borderStartStartRadius: '2' } },\n },\n {\n roundedEdges: 'end',\n trackColor: 'transparent',\n css: { range: { borderEndEndRadius: '2', borderStartEndRadius: '2' } },\n },\n ],\n defaultVariants: {\n roundedEdges: 'both',\n size: '8',\n trackColor: 'neutral',\n },\n});\n\nexport default progressSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO,gBAAgB,KAAK;CAC5B,MAAM;EAGJ,MAAM;GACJ,UAAU;GACV,OAAO;EACT;EACA,OAAO;GACL,UAAU;GACV,OAAO;EACT;EACA,OAAO;GACL,QAAQ;GAER,UAAU;GACV,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;EAC5B;CACF;CACA,UAAU;EACR,cAAc;GACZ,MAAM,EACJ,MAAM,EAAE,cAAc,IAAI,EAC5B;GACA,KAAK,EACH,MAAM;IAAE,oBAAoB;IAAK,sBAAsB;GAAI,EAC7D;GACA,MAAM,CAAC;GACP,OAAO,EACL,MAAM;IAAE,sBAAsB;IAAK,wBAAwB;GAAI,EACjE;EACF;EACA,MAAM;GACJ,KAAK,EACH,OAAO,EAAE,QAAQ,IAAI,EACvB;GACA,KAAK,EACH,OAAO,EAAE,QAAQ,IAAI,EACvB;GACA,KAAK,EACH,OAAO,EAAE,QAAQ,IAAI,EACvB;GACA,KAAK,EACH,OAAO,EAAE,QAAQ,IAAI,EACvB;GACA,KAAK,EACH,OAAO,EAAE,QAAQ,IAAI,EACvB;GACA,MAAM,EACJ,OAAO,EAAE,QAAQ,KAAK,EACxB;GACA,MAAM,EACJ,OAAO,EAAE,QAAQ,KAAK,EACxB;EACF;EACA,YAAY;GACV,SAAS,EACP,OAAO,EAAE,YAAY,yBAAyB,EAChD;GACA,aAAa,EACX,OAAO,EAAE,YAAY,oBAAoB,EAC3C;EACF;CACF;CAIA,kBAAkB;EAChB;GACE,cAAc;GACd,YAAY;GACZ,KAAK,EAAE,OAAO,EAAE,cAAc,IAAI,EAAE;EACtC;EACA;GACE,cAAc;GACd,YAAY;GACZ,KAAK,EAAE,OAAO;IAAE,sBAAsB;IAAK,wBAAwB;GAAI,EAAE;EAC3E;EACA;GACE,cAAc;GACd,YAAY;GACZ,KAAK,EAAE,OAAO;IAAE,oBAAoB;IAAK,sBAAsB;GAAI,EAAE;EACvE;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;EACN,YAAY;CACd;AACF,CAAC"}
|
|
@@ -1489,6 +1489,77 @@ declare const slotRecipes: {
|
|
|
1489
1489
|
};
|
|
1490
1490
|
}>;
|
|
1491
1491
|
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">>;
|
|
1492
|
+
progress: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", {
|
|
1493
|
+
roundedEdges: {
|
|
1494
|
+
both: {
|
|
1495
|
+
root: {
|
|
1496
|
+
borderRadius: "2";
|
|
1497
|
+
};
|
|
1498
|
+
};
|
|
1499
|
+
end: {
|
|
1500
|
+
root: {
|
|
1501
|
+
borderEndEndRadius: "2";
|
|
1502
|
+
borderStartEndRadius: "2";
|
|
1503
|
+
};
|
|
1504
|
+
};
|
|
1505
|
+
none: {};
|
|
1506
|
+
start: {
|
|
1507
|
+
root: {
|
|
1508
|
+
borderEndStartRadius: "2";
|
|
1509
|
+
borderStartStartRadius: "2";
|
|
1510
|
+
};
|
|
1511
|
+
};
|
|
1512
|
+
};
|
|
1513
|
+
size: {
|
|
1514
|
+
'1': {
|
|
1515
|
+
track: {
|
|
1516
|
+
height: "1";
|
|
1517
|
+
};
|
|
1518
|
+
};
|
|
1519
|
+
'2': {
|
|
1520
|
+
track: {
|
|
1521
|
+
height: "2";
|
|
1522
|
+
};
|
|
1523
|
+
};
|
|
1524
|
+
'4': {
|
|
1525
|
+
track: {
|
|
1526
|
+
height: "4";
|
|
1527
|
+
};
|
|
1528
|
+
};
|
|
1529
|
+
'6': {
|
|
1530
|
+
track: {
|
|
1531
|
+
height: "6";
|
|
1532
|
+
};
|
|
1533
|
+
};
|
|
1534
|
+
'8': {
|
|
1535
|
+
track: {
|
|
1536
|
+
height: "8";
|
|
1537
|
+
};
|
|
1538
|
+
};
|
|
1539
|
+
'12': {
|
|
1540
|
+
track: {
|
|
1541
|
+
height: "12";
|
|
1542
|
+
};
|
|
1543
|
+
};
|
|
1544
|
+
'16': {
|
|
1545
|
+
track: {
|
|
1546
|
+
height: "16";
|
|
1547
|
+
};
|
|
1548
|
+
};
|
|
1549
|
+
};
|
|
1550
|
+
trackColor: {
|
|
1551
|
+
neutral: {
|
|
1552
|
+
track: {
|
|
1553
|
+
background: "color/neutral/moderate";
|
|
1554
|
+
};
|
|
1555
|
+
};
|
|
1556
|
+
transparent: {
|
|
1557
|
+
track: {
|
|
1558
|
+
background: "color/transparent";
|
|
1559
|
+
};
|
|
1560
|
+
};
|
|
1561
|
+
};
|
|
1562
|
+
}>;
|
|
1492
1563
|
qrCode: import('@chakra-ui/react').SlotRecipeDefinition<"overlay" | "pattern" | "root" | "frame" | "downloadTrigger", {
|
|
1493
1564
|
size: {
|
|
1494
1565
|
'104': {
|
|
@@ -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 progressSlotRecipe from "./Progress.recipe.js";
|
|
40
41
|
import qrCodeSlotRecipe from "./QrCode.recipe.js";
|
|
41
42
|
import radioGroupSlotRecipe from "./RadioGroup.recipe.js";
|
|
42
43
|
import ribbonSlotRecipe from "./Ribbon.recipe.js";
|
|
@@ -96,6 +97,7 @@ var slotRecipes = {
|
|
|
96
97
|
pagination: paginationSlotRecipe,
|
|
97
98
|
paginationLoadMore: paginationLoadMoreRecipe,
|
|
98
99
|
popover: popoverSlotRecipe,
|
|
100
|
+
progress: progressSlotRecipe,
|
|
99
101
|
qrCode: qrCodeSlotRecipe,
|
|
100
102
|
radioGroup: radioGroupSlotRecipe,
|
|
101
103
|
ribbon: ribbonSlotRecipe,
|
|
@@ -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 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":"
|
|
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 progressSlotRecipe from './Progress.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 progress: progressSlotRecipe,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,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,UAAU;CACV,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"}
|