@bitrise/bitkit-v2 0.3.175 → 0.3.177

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.
Files changed (67) hide show
  1. package/dist/atoms/ImageCropper/ImageCropper.js +32 -0
  2. package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.d.ts +12 -4
  3. package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js +59 -54
  4. package/dist/components/BitkitCollapsible/BitkitCollapsible.d.ts +23 -0
  5. package/dist/components/BitkitCollapsible/BitkitCollapsible.js +37 -0
  6. package/dist/components/BitkitCombobox/BitkitCombobox.d.ts +2 -9
  7. package/dist/components/BitkitCombobox/BitkitCombobox.js +24 -32
  8. package/dist/components/BitkitField/BitkitField.d.ts +3 -1
  9. package/dist/components/BitkitField/BitkitField.js +29 -41
  10. package/dist/components/BitkitFileInput/BitkitFileInput.d.ts +3 -4
  11. package/dist/components/BitkitFileInput/BitkitFileInput.js +112 -0
  12. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.d.ts +8 -0
  13. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js +27 -0
  14. package/dist/components/BitkitLabel/BitkitLabel.d.ts +12 -0
  15. package/dist/components/BitkitLabel/BitkitLabel.js +58 -0
  16. package/dist/components/BitkitNativeSelect/BitkitNativeSelect.d.ts +2 -9
  17. package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js +14 -22
  18. package/dist/components/BitkitNumberInput/BitkitNumberInput.d.ts +1 -8
  19. package/dist/components/BitkitNumberInput/BitkitNumberInput.js +15 -23
  20. package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.d.ts +11 -0
  21. package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js +41 -0
  22. package/dist/components/BitkitSectionHeading/BitkitSectionHeading.d.ts +12 -0
  23. package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js +48 -0
  24. package/dist/components/BitkitSelect/BitkitSelect.d.ts +1 -8
  25. package/dist/components/BitkitSelect/BitkitSelect.js +22 -30
  26. package/dist/components/BitkitSelectableTag/BitkitSelectableTag.d.ts +17 -0
  27. package/dist/components/BitkitSelectableTag/BitkitSelectableTag.js +38 -0
  28. package/dist/components/BitkitTable/BitkitExpandableRow.d.ts +9 -0
  29. package/dist/components/BitkitTable/BitkitSortableColumnHeader.d.ts +8 -0
  30. package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts +1 -8
  31. package/dist/components/BitkitTagsInput/BitkitTagsInput.js +24 -32
  32. package/dist/components/BitkitTextInput/BitkitTextInput.d.ts +1 -8
  33. package/dist/components/BitkitTextInput/BitkitTextInput.js +14 -22
  34. package/dist/components/BitkitToggle/components/BitkitToggleLabel.js +4 -4
  35. package/dist/components/index.d.ts +7 -0
  36. package/dist/main.js +44 -37
  37. package/dist/theme/recipes/Button.recipe.js +42 -42
  38. package/dist/theme/recipes/ControlButton.recipe.d.ts +16 -16
  39. package/dist/theme/recipes/ControlButton.recipe.js +16 -16
  40. package/dist/theme/recipes/SelectableTag.recipe.d.ts +2 -0
  41. package/dist/theme/recipes/SelectableTag.recipe.js +53 -0
  42. package/dist/theme/recipes/index.d.ts +17 -16
  43. package/dist/theme/recipes/index.js +14 -12
  44. package/dist/theme/semantic-tokens/semanticColors.js +20 -0
  45. package/dist/theme/slot-recipes/CodeSnippet.recipe.d.ts +4 -8
  46. package/dist/theme/slot-recipes/CodeSnippet.recipe.js +16 -5
  47. package/dist/theme/slot-recipes/Collapsible.recipe.d.ts +2 -0
  48. package/dist/theme/slot-recipes/Collapsible.recipe.js +56 -0
  49. package/dist/theme/slot-recipes/ExpandableCard.recipe.d.ts +1 -1
  50. package/dist/theme/slot-recipes/Field.recipe.js +2 -2
  51. package/dist/theme/slot-recipes/FileUpload.recipe.d.ts +1 -1
  52. package/dist/theme/slot-recipes/GroupHeading.recipe.d.ts +2 -0
  53. package/dist/theme/slot-recipes/GroupHeading.recipe.js +41 -0
  54. package/dist/theme/slot-recipes/InlineLoading.recipe.d.ts +3 -3
  55. package/dist/theme/slot-recipes/InlineLoading.recipe.js +3 -3
  56. package/dist/theme/slot-recipes/PaginationLoadMore.recipe.d.ts +41 -0
  57. package/dist/theme/slot-recipes/PaginationLoadMore.recipe.js +59 -0
  58. package/dist/theme/slot-recipes/SectionHeading.recipe.d.ts +2 -0
  59. package/dist/theme/slot-recipes/SectionHeading.recipe.js +52 -0
  60. package/dist/theme/slot-recipes/Table.recipe.d.ts +134 -1
  61. package/dist/theme/slot-recipes/Table.recipe.js +132 -14
  62. package/dist/theme/slot-recipes/TagsInput.recipe.d.ts +1 -1
  63. package/dist/theme/slot-recipes/Tooltip.recipe.js +4 -1
  64. package/dist/theme/slot-recipes/index.d.ts +187 -15
  65. package/dist/theme/slot-recipes/index.js +60 -52
  66. package/dist/theme/tokens/sizesAndSpacing.js +3 -4
  67. package/package.json +8 -8
@@ -1,19 +1,12 @@
1
- import { FieldRootProps } from '@chakra-ui/react/field';
2
1
  import { InputProps } from '@chakra-ui/react/input';
3
2
  import { BitkitFieldProps } from '../BitkitField/BitkitField';
4
- export interface BitkitTextInputProps extends FieldRootProps {
3
+ export interface BitkitTextInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {
5
4
  counter?: boolean;
6
- errorText?: BitkitFieldProps['errorText'];
7
- helperText?: BitkitFieldProps['helperText'];
8
5
  inputProps?: InputProps;
9
- label?: BitkitFieldProps['label'];
10
6
  maxLength?: HTMLInputElement['maxLength'];
11
- optional?: BitkitFieldProps['optional'];
12
7
  placeholder?: string;
13
8
  size?: 'md' | 'lg';
14
9
  state?: 'disabled' | 'error' | 'readOnly' | 'warning';
15
- tooltip?: BitkitFieldProps['tooltip'];
16
- warningText?: BitkitFieldProps['warningText'];
17
10
  }
18
11
  declare const BitkitTextInput: import('react').ForwardRefExoticComponent<BitkitTextInputProps & import('react').RefAttributes<HTMLDivElement>>;
19
12
  export default BitkitTextInput;
@@ -8,35 +8,27 @@ import { Input as o } from "@chakra-ui/react/input";
8
8
  import { InputGroup as s } from "@chakra-ui/react/input-group";
9
9
  //#region lib/components/BitkitTextInput/BitkitTextInput.tsx
10
10
  var c = i((i, c) => {
11
- let { counter: l, errorText: u, helperText: d, inputProps: f, label: p, maxLength: m, optional: h, placeholder: g, size: _, state: v, tooltip: y, warningText: b, ...x } = i, S = v === "warning" || !!b, C = v === "error" || !!u, w;
12
- return C ? w = /* @__PURE__ */ a(e, {
13
- size: _ === "lg" ? "24" : "16",
11
+ let { counter: l, inputProps: u, maxLength: d, placeholder: f, size: p, state: m, ...h } = i, g = m === "warning" || !!h.warningText, _ = m === "error" || !!h.errorText, v;
12
+ return _ ? v = /* @__PURE__ */ a(e, {
13
+ size: p === "lg" ? "24" : "16",
14
14
  color: "icon/negative"
15
- }) : S && (w = /* @__PURE__ */ a(t, {
16
- size: _ === "lg" ? "24" : "16",
15
+ }) : g && (v = /* @__PURE__ */ a(t, {
16
+ size: p === "lg" ? "24" : "16",
17
17
  color: "icon/warning"
18
18
  })), /* @__PURE__ */ a(r, {
19
- counterText: l && m && f?.value !== void 0 ? `${f.value.toString().length}/${m}` : void 0,
20
- disabled: v === "disabled",
21
- errorText: u,
22
- helperText: d,
23
- invalid: C,
24
- label: p,
25
- optional: h,
26
- readOnly: v === "readOnly",
19
+ counterText: l && d && u?.value !== void 0 ? `${u.value.toString().length}/${d}` : void 0,
27
20
  ref: c,
28
- tooltip: y,
29
- warningText: b,
30
- ...x,
21
+ state: m,
22
+ ...h,
31
23
  children: /* @__PURE__ */ a(s, {
32
- endElement: w,
33
- endElementProps: { marginInlineEnd: n(_ === "lg" ? 15 : 11) },
24
+ endElement: v,
25
+ endElementProps: { marginInlineEnd: n(p === "lg" ? 15 : 11) },
34
26
  width: "100%",
35
27
  children: /* @__PURE__ */ a(o, {
36
- placeholder: g,
37
- size: _,
38
- maxLength: m,
39
- ...f
28
+ placeholder: f,
29
+ size: p,
30
+ maxLength: d,
31
+ ...u
40
32
  })
41
33
  })
42
34
  });
@@ -2,14 +2,14 @@ import e from "../../../icons/IconInfoCircle.js";
2
2
  import t from "../../BitkitTooltip/BitkitTooltip.js";
3
3
  import { Text as n } from "@chakra-ui/react/text";
4
4
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
- import { useSwitchContext as a } from "@chakra-ui/react/switch";
6
- import { Flex as o } from "@chakra-ui/react/flex";
5
+ import { Flex as a } from "@chakra-ui/react/flex";
6
+ import { useSwitchContext as o } from "@chakra-ui/react/switch";
7
7
  //#region lib/components/BitkitToggle/components/BitkitToggleLabel.tsx
8
8
  var s = ({ label: s, state: c, tooltip: l, optional: u }) => {
9
- let { disabled: d } = a();
9
+ let { disabled: d } = o();
10
10
  if (!s) return null;
11
11
  let f = d && c !== "disabledInput" && c !== "skeleton";
12
- return /* @__PURE__ */ i(o, {
12
+ return /* @__PURE__ */ i(a, {
13
13
  gap: "4",
14
14
  alignItems: "center",
15
15
  children: [
@@ -10,6 +10,7 @@ export { default as BitkitCheckbox, type BitkitCheckboxProps } from './BitkitChe
10
10
  export { default as BitkitCheckboxGroup, type BitkitCheckboxGroupProps, } from './BitkitCheckboxGroup/BitkitCheckboxGroup';
11
11
  export { default as BitkitCloseButton, type BitkitCloseButtonProps } from './BitkitCloseButton/BitkitCloseButton';
12
12
  export { default as BitkitCodeSnippet, type BitkitCodeSnippetProps } from './BitkitCodeSnippet/BitkitCodeSnippet';
13
+ export { default as BitkitCollapsible, type BitkitCollapsibleProps } from './BitkitCollapsible/BitkitCollapsible';
13
14
  export { default as BitkitColorButton, type BitkitColorButtonProps } from './BitkitColorButton/BitkitColorButton';
14
15
  export { default as BitkitCombobox, type BitkitComboboxProps } from './BitkitCombobox/BitkitCombobox';
15
16
  export { default as BitkitControlButton, type BitkitControlButtonProps, } from './BitkitControlButton/BitkitControlButton';
@@ -22,9 +23,12 @@ export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './Bitki
22
23
  export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
23
24
  export { default as BitkitExplainerList, type BitkitExplainerListItemProps, type BitkitExplainerListProps, } from './BitkitExplainerList/BitkitExplainerList';
24
25
  export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
26
+ export { default as BitkitFileInput } from './BitkitFileInput/BitkitFileInput';
27
+ export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './BitkitGroupHeading/BitkitGroupHeading';
25
28
  export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
26
29
  export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
27
30
  export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
31
+ export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/BitkitLabel';
28
32
  export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
29
33
  export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
30
34
  export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
@@ -32,12 +36,15 @@ export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './B
32
36
  export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
33
37
  export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
34
38
  export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
39
+ export { default as BitkitPaginationLoadMore, type BitkitPaginationLoadMoreProps, } from './BitkitPaginationLoadMore/BitkitPaginationLoadMore';
35
40
  export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
36
41
  export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
37
42
  export { default as BitkitRibbon, type BitkitRibbonProps } from './BitkitRibbon/BitkitRibbon';
38
43
  export { default as BitkitSearchInput, type BitkitSearchInputProps } from './BitkitSearchInput/BitkitSearchInput';
44
+ export { default as BitkitSectionHeading, type BitkitSectionHeadingProps, } from './BitkitSectionHeading/BitkitSectionHeading';
39
45
  export { default as BitkitSegmentedControl, type BitkitSegmentedControlItemProps, type BitkitSegmentedControlProps, } from './BitkitSegmentedControl/BitkitSegmentedControl';
40
46
  export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
47
+ export { default as BitkitSelectableTag, type BitkitSelectableTagItemProps, type BitkitSelectableTagProps, } from './BitkitSelectableTag/BitkitSelectableTag';
41
48
  export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './BitkitSelectMenu/BitkitSelectMenu';
42
49
  export { default as BitkitSplitButton, type BitkitSplitButtonProps } from './BitkitSplitButton/BitkitSplitButton';
43
50
  export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
package/dist/main.js CHANGED
@@ -293,40 +293,47 @@ import Si from "./components/BitkitCheckbox/BitkitCheckbox.js";
293
293
  import Ci from "./components/BitkitCheckboxGroup/BitkitCheckboxGroup.js";
294
294
  import wi from "./components/BitkitTooltip/BitkitTooltip.js";
295
295
  import Ti from "./components/BitkitCodeSnippet/BitkitCodeSnippet.js";
296
- import Ei from "./components/BitkitField/BitkitField.js";
297
- import Di from "./components/BitkitCombobox/BitkitCombobox.js";
298
- import Oi from "./components/BitkitControlButton/BitkitControlButton.js";
299
- import ki from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
300
- import Ai from "./components/BitkitDialog/BitkitDialogBody.js";
301
- import ji from "./components/BitkitDialog/BitkitDialogContent.js";
302
- import Mi from "./components/BitkitDialog/BitkitDialogRoot.js";
303
- import Ni from "./components/BitkitDialog/BitkitDialog.js";
304
- import Pi from "./components/BitkitEmptyState/BitkitEmptyState.js";
305
- import Fi from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
306
- import Ii from "./components/BitkitExplainerList/BitkitExplainerList.js";
307
- import Li from "./components/BitkitIconButton/BitkitIconButton.js";
308
- import Ri from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
309
- import zi from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
310
- import Bi from "./components/BitkitLink/BitkitLink.js";
311
- import Vi from "./components/BitkitLinkButton/BitkitLinkButton.js";
312
- import Hi from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
313
- import Ui from "./components/BitkitNumberInput/BitkitNumberInput.js";
314
- import Wi from "./components/BitkitOrderedList/BitkitOrderedList.js";
315
- import Gi from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
316
- import Ki from "./components/BitkitRadio/BitkitRadio.js";
317
- import qi from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
318
- import Ji from "./components/BitkitRibbon/BitkitRibbon.js";
319
- import Yi from "./components/BitkitSearchInput/BitkitSearchInput.js";
320
- import Xi from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
321
- import Zi from "./components/BitkitSelect/BitkitSelect.js";
322
- import Qi from "./components/BitkitSplitButton/BitkitSplitButton.js";
323
- import $i from "./components/BitkitTabs/BitkitTabs.js";
324
- import ea from "./components/BitkitTag/BitkitTag.js";
325
- import ta from "./components/BitkitTagsInput/BitkitTagsInput.js";
326
- import na from "./components/BitkitTextInput/BitkitTextInput.js";
327
- import ra from "./components/BitkitToggle/BitkitToggle.js";
328
- import ia from "./components/BitkitToggleButton/BitkitToggleButton.js";
329
- import aa from "./components/BitkitUnorderedList/BitkitUnorderedList.js";
330
- import oa from "./theme/index.js";
331
- import sa from "./providers/BitkitProvider.js";
332
- export { e as BitkitAccordion, pi as BitkitActionBar, hi as BitkitAlert, gi as BitkitAvatar, _i as BitkitBadge, vi as BitkitButton, bi as BitkitCalendar, xi as BitkitCard, Si as BitkitCheckbox, Ci as BitkitCheckboxGroup, fi as BitkitCloseButton, Ti as BitkitCodeSnippet, mi as BitkitColorButton, Di as BitkitCombobox, Oi as BitkitControlButton, ki as BitkitDefinitionTooltip, Ni as BitkitDialog, Ai as BitkitDialogBody, ji as BitkitDialogContent, Mi as BitkitDialogRoot, Pi as BitkitEmptyState, Fi as BitkitExpandableCard, Ii as BitkitExplainerList, Ei as BitkitField, Li as BitkitIconButton, Ri as BitkitInlineLoading, zi as BitkitInteractiveTooltip, di as BitkitLabelTooltip, Bi as BitkitLink, Vi as BitkitLinkButton, Hi as BitkitNativeSelect, Ui as BitkitNumberInput, Wi as BitkitOrderedList, Gi as BitkitOverflowTooltip, sa as BitkitProvider, Ki as BitkitRadio, qi as BitkitRadioGroup, Ji as BitkitRibbon, Yi as BitkitSearchInput, Xi as BitkitSegmentedControl, Zi as BitkitSelect, yi as BitkitSelectMenu, Qi as BitkitSplitButton, $i as BitkitTabs, ea as BitkitTag, ta as BitkitTagsInput, na as BitkitTextInput, ra as BitkitToggle, ia as BitkitToggleButton, wi as BitkitTooltip, aa as BitkitUnorderedList, n as IconAbortCircle, r as IconAbortCircleFilled, i as IconAddons, a as IconAgent, o as IconAnchor, s as IconAndroid, c as IconApp, u as IconAppSettings, d as IconAppStore, f as IconAppStoreColor, l as IconApple, p as IconArchive, m as IconArchiveDelete, h as IconArchiveRestore, g as IconArrowBackAndDown, _ as IconArrowBackAndUp, v as IconArrowDown, y as IconArrowForwardAndDown, b as IconArrowForwardAndUp, x as IconArrowLeft, S as IconArrowNortheast, C as IconArrowNorthwest, w as IconArrowRight, D as IconArrowUp, T as IconArrowsHorizontal, E as IconArrowsVertical, O as IconAutomation, k as IconAws, A as IconAwsColor, j as IconBadge3RdParty, M as IconBadgeBitrise, N as IconBadgeUpgrade, P as IconBadgeVersionOk, F as IconBazel, I as IconBell, L as IconBitbot, R as IconBitbotError, z as IconBitbucket, B as IconBitbucketColor, V as IconBitbucketNeutral, H as IconBitbucketWhite, U as IconBlockCircle, W as IconBook, G as IconBoxArrowDown, K as IconBoxDot, q as IconBoxLinesOverflow, J as IconBoxLinesWrap, Y as IconBranch, X as IconBrowserstackColor, Z as IconBug, Q as IconBuild, $ as IconBuildCache, ee as IconBuildCacheFilled, te as IconBuildEnvSetup, ne as IconCalendar, re as IconChangePlan, ie as IconChat, ae as IconCheck, oe as IconCheckCircle, se as IconCheckCircleFilled, ce as IconChevronDown, le as IconChevronLeft, ue as IconChevronRight, de as IconChevronUp, fe as IconCi, pe as IconCiFilled, me as IconCircle, he as IconCircleDashed, ge as IconCircleHalfFilled, _e as IconClaude, ve as IconClaudeColor, ye as IconClock, be as IconCode, xe as IconCodePush, Se as IconCodeSigning, Ce as IconCoffee, we as IconCommit, Te as IconConfigure, Ee as IconConnectedAccounts, De as IconContainer, Oe as IconCopy, ke as IconCordova, Ae as IconCpu, je as IconCreditcard, Me as IconCredits, Ne as IconCross, Pe as IconCrossCircle, Fe as IconCrossCircleFilled, Ie as IconCrown, Le as IconCycle, Re as IconDashboard, ze as IconDashboardFilled, Be as IconDeployment, Ve as IconDetails, He as IconDoc, Ue as IconDollar, We as IconDot, Ge as IconDotnet, Ke as IconDotnetColor, qe as IconDotnetText, Je as IconDotnetTextColor, Ye as IconDoubleCircle, Xe as IconDownload, Ze as IconEc2Ami, Qe as IconEnterprise, $e as IconErrorCircle, et as IconErrorCircleFilled, tt as IconExpand, nt as IconExtraBuildCapacity, rt as IconEye, it as IconEyeSlash, at as IconFastlane, ot as IconFileDoc, st as IconFilePdf, ct as IconFilePlist, lt as IconFileZip, ut as IconFilter, dt as IconFlag, ft as IconFlutter, pt as IconFolder, mt as IconFullscreen, ht as IconFullscreenExit, gt as IconGauge, _t as IconGit, vt as IconGithub, yt as IconGitlab, bt as IconGitlabColor, xt as IconGitlabWhite, St as IconGlobe, Ct as IconGo, wt as IconGoogleColor, Tt as IconGooglePlay, Et as IconGooglePlayColor, Dt as IconGradle, Ot as IconGroup, kt as IconHashtag, At as IconHeadset, jt as IconHeart, Mt as IconHistory, Nt as IconHourglass, Pt as IconImage, Ft as IconInfoCircle, It as IconInfoCircleFilled, Lt as IconInsights, Rt as IconInsightsFilled, zt as IconInstall, Bt as IconInteraction, Vt as IconInvoice, Ht as IconIonic, Ut as IconJapanese, Wt as IconJava, Gt as IconJavaColor, Kt as IconJavaDuke, qt as IconJavaDukeColor, Jt as IconKey, Yt as IconKotlin, Xt as IconKotlinColor, Zt as IconKotlinWhite, Qt as IconLaptop, $t as IconLaunchdarkly, en as IconLegacyApp, tn as IconLightbulb, nn as IconLink, rn as IconLinux, an as IconLock, on as IconLockOpen, sn as IconLogin, cn as IconLogout, ln as IconMacos, un as IconMagicWand, dn as IconMagnifier, fn as IconMail, pn as IconMedal, mn as IconMemory, hn as IconMenuGrid, gn as IconMenuHamburger, _n as IconMessage, vn as IconMessageAlert, yn as IconMessageQuestion, bn as IconMicrophone, xn as IconMinus, Sn as IconMinusCircle, Cn as IconMinusCircleFilled, wn as IconMobile, Tn as IconMobileLandscape, En as IconMonitorChart, Dn as IconMoreHorizontal, On as IconMoreVertical, kn as IconNews, An as IconNextjs, jn as IconNodejs, Mn as IconOpenInNew, Nn as IconOther, Pn as IconOutsideContributor, Fn as IconOverview, In as IconPause, Ln as IconPencil, Rn as IconPeople, zn as IconPercent, Bn as IconPerson, Vn as IconPersonWithDesk, Hn as IconPlay, Un as IconPlus, Wn as IconPlusCircle, Gn as IconPlusCircleFilled, Kn as IconPower, qn as IconProject, Jn as IconProjectSettings, Yn as IconPull, Xn as IconPush, Zn as IconPuzzle, Qn as IconPython, $n as IconPythonColor, er as IconQuestionCircle, tr as IconQuestionCircleFilled, nr as IconReact, rr as IconRefresh, ir as IconRegex, ar as IconRelease, or as IconReleaseFilled, sr as IconRemoteAccess, cr as IconReplace, lr as IconResponsiveness, ur as IconReviewerApproved, dr as IconReviewerAssigned, fr as IconReviewerRejected, pr as IconRuby, mr as IconRubyColor, hr as IconSave, gr as IconSecurityShield, _r as IconSettings, vr as IconSettingsFilled, yr as IconShuffle, br as IconSiren, xr as IconSkipCircle, Sr as IconSkipCircleFilled, Cr as IconSlack, wr as IconSlackColor, Tr as IconSparkle, Er as IconSparkleFilled, Dr as IconSpinnerOnDisabled, Or as IconSpinnerPurple, kr as IconSpinnerPurpleDouble, Ar as IconSpinnerWhite, jr as IconStability, Mr as IconStack, Nr as IconStar, Pr as IconStep, Fr as IconStop, Ir as IconStopwatch, Lr as IconTag, Rr as IconTasks, zr as IconTeams, Br as IconTeamsColor, Vr as IconTemplateCode, Hr as IconTerminal, Ur as IconTestQuarantine, Wr as IconThemeDarkToggle, Gr as IconThumbDown, Kr as IconThumbUp, qr as IconTools, Jr as IconTrash, Yr as IconTrigger, Xr as IconUbuntu, Zr as IconUbuntuColor, Qr as IconUnity3D, $r as IconUpload, ei as IconValidateShield, ti as IconVideo, ni as IconWarning, ri as IconWarningYellow, ai as IconWebUi, ii as IconWebhooks, oi as IconWorkflow, si as IconWorkflowFlow, ui as IconXTwitter, ci as IconXamarin, li as IconXcode, t as bitkitIcon, oa as bitriseTheme };
296
+ import Ei from "./components/BitkitLabel/BitkitLabel.js";
297
+ import Di from "./components/BitkitCollapsible/BitkitCollapsible.js";
298
+ import Oi from "./components/BitkitField/BitkitField.js";
299
+ import ki from "./components/BitkitCombobox/BitkitCombobox.js";
300
+ import Ai from "./components/BitkitControlButton/BitkitControlButton.js";
301
+ import ji from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
302
+ import Mi from "./components/BitkitDialog/BitkitDialogBody.js";
303
+ import Ni from "./components/BitkitDialog/BitkitDialogContent.js";
304
+ import Pi from "./components/BitkitDialog/BitkitDialogRoot.js";
305
+ import Fi from "./components/BitkitDialog/BitkitDialog.js";
306
+ import Ii from "./components/BitkitEmptyState/BitkitEmptyState.js";
307
+ import Li from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
308
+ import Ri from "./components/BitkitExplainerList/BitkitExplainerList.js";
309
+ import zi from "./components/BitkitFileInput/BitkitFileInput.js";
310
+ import Bi from "./components/BitkitGroupHeading/BitkitGroupHeading.js";
311
+ import Vi from "./components/BitkitIconButton/BitkitIconButton.js";
312
+ import Hi from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
313
+ import Ui from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
314
+ import Wi from "./components/BitkitLink/BitkitLink.js";
315
+ import Gi from "./components/BitkitLinkButton/BitkitLinkButton.js";
316
+ import Ki from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
317
+ import qi from "./components/BitkitNumberInput/BitkitNumberInput.js";
318
+ import Ji from "./components/BitkitOrderedList/BitkitOrderedList.js";
319
+ import Yi from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
320
+ import Xi from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
321
+ import Zi from "./components/BitkitRadio/BitkitRadio.js";
322
+ import Qi from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
323
+ import $i from "./components/BitkitRibbon/BitkitRibbon.js";
324
+ import ea from "./components/BitkitSearchInput/BitkitSearchInput.js";
325
+ import ta from "./components/BitkitSectionHeading/BitkitSectionHeading.js";
326
+ import na from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
327
+ import ra from "./components/BitkitSelect/BitkitSelect.js";
328
+ import ia from "./components/BitkitSelectableTag/BitkitSelectableTag.js";
329
+ import aa from "./components/BitkitSplitButton/BitkitSplitButton.js";
330
+ import oa from "./components/BitkitTabs/BitkitTabs.js";
331
+ import sa from "./components/BitkitTag/BitkitTag.js";
332
+ import ca from "./components/BitkitTagsInput/BitkitTagsInput.js";
333
+ import la from "./components/BitkitTextInput/BitkitTextInput.js";
334
+ import ua from "./components/BitkitToggle/BitkitToggle.js";
335
+ import da from "./components/BitkitToggleButton/BitkitToggleButton.js";
336
+ import fa from "./components/BitkitUnorderedList/BitkitUnorderedList.js";
337
+ import pa from "./theme/index.js";
338
+ import ma from "./providers/BitkitProvider.js";
339
+ export { e as BitkitAccordion, pi as BitkitActionBar, hi as BitkitAlert, gi as BitkitAvatar, _i as BitkitBadge, vi as BitkitButton, bi as BitkitCalendar, xi as BitkitCard, Si as BitkitCheckbox, Ci as BitkitCheckboxGroup, fi as BitkitCloseButton, Ti as BitkitCodeSnippet, Di as BitkitCollapsible, mi as BitkitColorButton, ki as BitkitCombobox, Ai as BitkitControlButton, ji as BitkitDefinitionTooltip, Fi as BitkitDialog, Mi as BitkitDialogBody, Ni as BitkitDialogContent, Pi as BitkitDialogRoot, Ii as BitkitEmptyState, Li as BitkitExpandableCard, Ri as BitkitExplainerList, Oi as BitkitField, zi as BitkitFileInput, Bi as BitkitGroupHeading, Vi as BitkitIconButton, Hi as BitkitInlineLoading, Ui as BitkitInteractiveTooltip, Ei as BitkitLabel, di as BitkitLabelTooltip, Wi as BitkitLink, Gi as BitkitLinkButton, Ki as BitkitNativeSelect, qi as BitkitNumberInput, Ji as BitkitOrderedList, Yi as BitkitOverflowTooltip, Xi as BitkitPaginationLoadMore, ma as BitkitProvider, Zi as BitkitRadio, Qi as BitkitRadioGroup, $i as BitkitRibbon, ea as BitkitSearchInput, ta as BitkitSectionHeading, na as BitkitSegmentedControl, ra as BitkitSelect, yi as BitkitSelectMenu, ia as BitkitSelectableTag, aa as BitkitSplitButton, oa as BitkitTabs, sa as BitkitTag, ca as BitkitTagsInput, la as BitkitTextInput, ua as BitkitToggle, da as BitkitToggleButton, wi as BitkitTooltip, fa as BitkitUnorderedList, n as IconAbortCircle, r as IconAbortCircleFilled, i as IconAddons, a as IconAgent, o as IconAnchor, s as IconAndroid, c as IconApp, u as IconAppSettings, d as IconAppStore, f as IconAppStoreColor, l as IconApple, p as IconArchive, m as IconArchiveDelete, h as IconArchiveRestore, g as IconArrowBackAndDown, _ as IconArrowBackAndUp, v as IconArrowDown, y as IconArrowForwardAndDown, b as IconArrowForwardAndUp, x as IconArrowLeft, S as IconArrowNortheast, C as IconArrowNorthwest, w as IconArrowRight, D as IconArrowUp, T as IconArrowsHorizontal, E as IconArrowsVertical, O as IconAutomation, k as IconAws, A as IconAwsColor, j as IconBadge3RdParty, M as IconBadgeBitrise, N as IconBadgeUpgrade, P as IconBadgeVersionOk, F as IconBazel, I as IconBell, L as IconBitbot, R as IconBitbotError, z as IconBitbucket, B as IconBitbucketColor, V as IconBitbucketNeutral, H as IconBitbucketWhite, U as IconBlockCircle, W as IconBook, G as IconBoxArrowDown, K as IconBoxDot, q as IconBoxLinesOverflow, J as IconBoxLinesWrap, Y as IconBranch, X as IconBrowserstackColor, Z as IconBug, Q as IconBuild, $ as IconBuildCache, ee as IconBuildCacheFilled, te as IconBuildEnvSetup, ne as IconCalendar, re as IconChangePlan, ie as IconChat, ae as IconCheck, oe as IconCheckCircle, se as IconCheckCircleFilled, ce as IconChevronDown, le as IconChevronLeft, ue as IconChevronRight, de as IconChevronUp, fe as IconCi, pe as IconCiFilled, me as IconCircle, he as IconCircleDashed, ge as IconCircleHalfFilled, _e as IconClaude, ve as IconClaudeColor, ye as IconClock, be as IconCode, xe as IconCodePush, Se as IconCodeSigning, Ce as IconCoffee, we as IconCommit, Te as IconConfigure, Ee as IconConnectedAccounts, De as IconContainer, Oe as IconCopy, ke as IconCordova, Ae as IconCpu, je as IconCreditcard, Me as IconCredits, Ne as IconCross, Pe as IconCrossCircle, Fe as IconCrossCircleFilled, Ie as IconCrown, Le as IconCycle, Re as IconDashboard, ze as IconDashboardFilled, Be as IconDeployment, Ve as IconDetails, He as IconDoc, Ue as IconDollar, We as IconDot, Ge as IconDotnet, Ke as IconDotnetColor, qe as IconDotnetText, Je as IconDotnetTextColor, Ye as IconDoubleCircle, Xe as IconDownload, Ze as IconEc2Ami, Qe as IconEnterprise, $e as IconErrorCircle, et as IconErrorCircleFilled, tt as IconExpand, nt as IconExtraBuildCapacity, rt as IconEye, it as IconEyeSlash, at as IconFastlane, ot as IconFileDoc, st as IconFilePdf, ct as IconFilePlist, lt as IconFileZip, ut as IconFilter, dt as IconFlag, ft as IconFlutter, pt as IconFolder, mt as IconFullscreen, ht as IconFullscreenExit, gt as IconGauge, _t as IconGit, vt as IconGithub, yt as IconGitlab, bt as IconGitlabColor, xt as IconGitlabWhite, St as IconGlobe, Ct as IconGo, wt as IconGoogleColor, Tt as IconGooglePlay, Et as IconGooglePlayColor, Dt as IconGradle, Ot as IconGroup, kt as IconHashtag, At as IconHeadset, jt as IconHeart, Mt as IconHistory, Nt as IconHourglass, Pt as IconImage, Ft as IconInfoCircle, It as IconInfoCircleFilled, Lt as IconInsights, Rt as IconInsightsFilled, zt as IconInstall, Bt as IconInteraction, Vt as IconInvoice, Ht as IconIonic, Ut as IconJapanese, Wt as IconJava, Gt as IconJavaColor, Kt as IconJavaDuke, qt as IconJavaDukeColor, Jt as IconKey, Yt as IconKotlin, Xt as IconKotlinColor, Zt as IconKotlinWhite, Qt as IconLaptop, $t as IconLaunchdarkly, en as IconLegacyApp, tn as IconLightbulb, nn as IconLink, rn as IconLinux, an as IconLock, on as IconLockOpen, sn as IconLogin, cn as IconLogout, ln as IconMacos, un as IconMagicWand, dn as IconMagnifier, fn as IconMail, pn as IconMedal, mn as IconMemory, hn as IconMenuGrid, gn as IconMenuHamburger, _n as IconMessage, vn as IconMessageAlert, yn as IconMessageQuestion, bn as IconMicrophone, xn as IconMinus, Sn as IconMinusCircle, Cn as IconMinusCircleFilled, wn as IconMobile, Tn as IconMobileLandscape, En as IconMonitorChart, Dn as IconMoreHorizontal, On as IconMoreVertical, kn as IconNews, An as IconNextjs, jn as IconNodejs, Mn as IconOpenInNew, Nn as IconOther, Pn as IconOutsideContributor, Fn as IconOverview, In as IconPause, Ln as IconPencil, Rn as IconPeople, zn as IconPercent, Bn as IconPerson, Vn as IconPersonWithDesk, Hn as IconPlay, Un as IconPlus, Wn as IconPlusCircle, Gn as IconPlusCircleFilled, Kn as IconPower, qn as IconProject, Jn as IconProjectSettings, Yn as IconPull, Xn as IconPush, Zn as IconPuzzle, Qn as IconPython, $n as IconPythonColor, er as IconQuestionCircle, tr as IconQuestionCircleFilled, nr as IconReact, rr as IconRefresh, ir as IconRegex, ar as IconRelease, or as IconReleaseFilled, sr as IconRemoteAccess, cr as IconReplace, lr as IconResponsiveness, ur as IconReviewerApproved, dr as IconReviewerAssigned, fr as IconReviewerRejected, pr as IconRuby, mr as IconRubyColor, hr as IconSave, gr as IconSecurityShield, _r as IconSettings, vr as IconSettingsFilled, yr as IconShuffle, br as IconSiren, xr as IconSkipCircle, Sr as IconSkipCircleFilled, Cr as IconSlack, wr as IconSlackColor, Tr as IconSparkle, Er as IconSparkleFilled, Dr as IconSpinnerOnDisabled, Or as IconSpinnerPurple, kr as IconSpinnerPurpleDouble, Ar as IconSpinnerWhite, jr as IconStability, Mr as IconStack, Nr as IconStar, Pr as IconStep, Fr as IconStop, Ir as IconStopwatch, Lr as IconTag, Rr as IconTasks, zr as IconTeams, Br as IconTeamsColor, Vr as IconTemplateCode, Hr as IconTerminal, Ur as IconTestQuarantine, Wr as IconThemeDarkToggle, Gr as IconThumbDown, Kr as IconThumbUp, qr as IconTools, Jr as IconTrash, Yr as IconTrigger, Xr as IconUbuntu, Zr as IconUbuntuColor, Qr as IconUnity3D, $r as IconUpload, ei as IconValidateShield, ti as IconVideo, ni as IconWarning, ri as IconWarningYellow, ai as IconWebUi, ii as IconWebhooks, oi as IconWorkflow, si as IconWorkflowFlow, ui as IconXTwitter, ci as IconXamarin, li as IconXcode, t as bitkitIcon, pa as bitriseTheme };
@@ -1,46 +1,7 @@
1
1
  import { rem as e } from "../themeUtils.js";
2
2
  import { defineRecipe as t } from "@chakra-ui/react/styled-system";
3
3
  //#region lib/theme/recipes/Button.recipe.ts
4
- var n = [
5
- "primary",
6
- "secondary",
7
- "tertiary",
8
- "danger-primary",
9
- "danger-secondary",
10
- "danger-tertiary",
11
- "ai-primary",
12
- "ai-secondary",
13
- "ai-tertiary"
14
- ].reduce((t, n) => {
15
- let r = n?.includes("secondary") ? `{colors.button.${n}.border}` : `{colors.button.${n}.bg}`, i = n?.includes("secondary") ? `{colors.button.${n}.border-disabled}` : `{colors.button.${n}.bg-disabled}`;
16
- return n?.includes("tertiary") && (r = "transparent", i = "transparent"), t[n] = {
17
- "&:hover": {
18
- backgroundColor: `{colors.button.${n}.bg-hover}`,
19
- borderColor: n?.includes("secondary") ? `{colors.button.${n}.border-hover}` : `{colors.button.${n}.bg-hover}`,
20
- color: `{colors.button.${n}.fg-hover}`,
21
- _icon: { color: n === "secondary" ? "currentColor" : void 0 }
22
- },
23
- "&:active": {
24
- backgroundColor: `{colors.button.${n}.bg-active}`,
25
- borderColor: n?.includes("secondary") ? `{colors.button.${n}.border-active}` : `{colors.button.${n}.bg-active}`,
26
- color: `{colors.button.${n}.fg-active}`,
27
- _icon: { color: n === "secondary" ? "currentColor" : void 0 }
28
- },
29
- _disabled: {
30
- backgroundColor: `{colors.button.${n}.bg-disabled}!`,
31
- borderColor: `${i}!`,
32
- color: `{colors.button.${n}.fg-disabled}!`,
33
- cursor: "not-allowed",
34
- _icon: { color: n === "secondary" ? "currentColor" : void 0 }
35
- },
36
- _icon: { color: n === "secondary" ? "button/secondary/fg/icon" : void 0 },
37
- backgroundColor: `{colors.button.${n}.bg}`,
38
- borderColor: r,
39
- borderStyle: "solid",
40
- borderWidth: e(1),
41
- color: `{colors.button.${n}.fg}`
42
- }, t;
43
- }, {}), r = t({
4
+ var n = t({
44
5
  className: "button",
45
6
  base: {
46
7
  borderRadius: "4",
@@ -57,7 +18,46 @@ var n = [
57
18
  _disabled: { cursor: "not-allowed" }
58
19
  },
59
20
  variants: {
60
- variant: n,
21
+ variant: [
22
+ "primary",
23
+ "secondary",
24
+ "tertiary",
25
+ "danger-primary",
26
+ "danger-secondary",
27
+ "danger-tertiary",
28
+ "ai-primary",
29
+ "ai-secondary",
30
+ "ai-tertiary"
31
+ ].reduce((t, n) => {
32
+ let r = n?.includes("secondary") ? `{colors.button.${n}.border}` : `{colors.button.${n}.bg}`, i = n?.includes("secondary") ? `{colors.button.${n}.border-disabled}` : `{colors.button.${n}.bg-disabled}`;
33
+ return n?.includes("tertiary") && (r = "transparent", i = "transparent"), t[n] = {
34
+ "&:hover": {
35
+ backgroundColor: `{colors.button.${n}.bg-hover}`,
36
+ borderColor: n?.includes("secondary") ? `{colors.button.${n}.border-hover}` : `{colors.button.${n}.bg-hover}`,
37
+ color: `{colors.button.${n}.fg-hover}`,
38
+ _icon: { color: n === "secondary" ? "currentColor" : void 0 }
39
+ },
40
+ "&:active": {
41
+ backgroundColor: `{colors.button.${n}.bg-active}`,
42
+ borderColor: n?.includes("secondary") ? `{colors.button.${n}.border-active}` : `{colors.button.${n}.bg-active}`,
43
+ color: `{colors.button.${n}.fg-active}`,
44
+ _icon: { color: n === "secondary" ? "currentColor" : void 0 }
45
+ },
46
+ _disabled: {
47
+ backgroundColor: `{colors.button.${n}.bg-disabled}!`,
48
+ borderColor: `${i}!`,
49
+ color: `{colors.button.${n}.fg-disabled}!`,
50
+ cursor: "not-allowed",
51
+ _icon: { color: n === "secondary" ? "currentColor" : void 0 }
52
+ },
53
+ _icon: { color: n === "secondary" ? "button/secondary/fg/icon" : void 0 },
54
+ backgroundColor: `{colors.button.${n}.bg}`,
55
+ borderColor: r,
56
+ borderStyle: "solid",
57
+ borderWidth: e(1),
58
+ color: `{colors.button.${n}.fg}`
59
+ }, t;
60
+ }, {}),
61
61
  size: {
62
62
  sm: {
63
63
  minWidth: "32",
@@ -87,4 +87,4 @@ var n = [
87
87
  }
88
88
  });
89
89
  //#endregion
90
- export { r as default };
90
+ export { n as default };
@@ -1,39 +1,39 @@
1
1
  declare const controlButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
2
2
  isDanger: {
3
3
  false: {
4
- color: "button/secondary/fg/text";
4
+ color: "button/control/fg";
5
5
  _hover: {
6
- background: "button/tertiary/bg-hover";
7
- color: "button/secondary/fg-hover";
6
+ background: "button/control/bg-hover";
7
+ color: "button/control/fg-hover";
8
8
  _active: {
9
- background: "button/tertiary/bg-active";
10
- color: "button/secondary/fg-active";
9
+ background: "button/control/bg-active";
10
+ color: "button/control/fg-active";
11
11
  };
12
12
  };
13
13
  _active: {
14
- background: "button/tertiary/bg-active";
15
- color: "button/secondary/fg-active";
14
+ background: "button/control/bg-active";
15
+ color: "button/control/fg-active";
16
16
  };
17
17
  _disabled: {
18
- color: "button/secondary/fg-disabled!";
18
+ color: "button/control/fg-disabled!";
19
19
  };
20
20
  };
21
21
  true: {
22
- color: "button/danger-secondary/fg";
22
+ color: "button/control-danger/fg";
23
23
  _hover: {
24
- background: "button/danger-secondary/bg-hover";
25
- color: "button/danger-secondary/fg-hover";
24
+ background: "button/control-danger/bg-hover";
25
+ color: "button/control-danger/fg-hover";
26
26
  _active: {
27
- background: "button/danger-secondary/bg-active";
28
- color: "button/danger-secondary/fg-active";
27
+ background: "button/control-danger/bg-active";
28
+ color: "button/control-danger/fg-active";
29
29
  };
30
30
  };
31
31
  _active: {
32
- background: "button/danger-secondary/bg-active";
33
- color: "button/danger-secondary/fg-active";
32
+ background: "button/control-danger/bg-active";
33
+ color: "button/control-danger/fg-active";
34
34
  };
35
35
  _disabled: {
36
- color: "button/danger-secondary/fg-disabled!";
36
+ color: "button/control-danger/fg-disabled!";
37
37
  };
38
38
  };
39
39
  };
@@ -18,36 +18,36 @@ var t = e({
18
18
  variants: {
19
19
  isDanger: {
20
20
  false: {
21
- color: "button/secondary/fg/text",
21
+ color: "button/control/fg",
22
22
  _hover: {
23
- background: "button/tertiary/bg-hover",
24
- color: "button/secondary/fg-hover",
23
+ background: "button/control/bg-hover",
24
+ color: "button/control/fg-hover",
25
25
  _active: {
26
- background: "button/tertiary/bg-active",
27
- color: "button/secondary/fg-active"
26
+ background: "button/control/bg-active",
27
+ color: "button/control/fg-active"
28
28
  }
29
29
  },
30
30
  _active: {
31
- background: "button/tertiary/bg-active",
32
- color: "button/secondary/fg-active"
31
+ background: "button/control/bg-active",
32
+ color: "button/control/fg-active"
33
33
  },
34
- _disabled: { color: "button/secondary/fg-disabled!" }
34
+ _disabled: { color: "button/control/fg-disabled!" }
35
35
  },
36
36
  true: {
37
- color: "button/danger-secondary/fg",
37
+ color: "button/control-danger/fg",
38
38
  _hover: {
39
- background: "button/danger-secondary/bg-hover",
40
- color: "button/danger-secondary/fg-hover",
39
+ background: "button/control-danger/bg-hover",
40
+ color: "button/control-danger/fg-hover",
41
41
  _active: {
42
- background: "button/danger-secondary/bg-active",
43
- color: "button/danger-secondary/fg-active"
42
+ background: "button/control-danger/bg-active",
43
+ color: "button/control-danger/fg-active"
44
44
  }
45
45
  },
46
46
  _active: {
47
- background: "button/danger-secondary/bg-active",
48
- color: "button/danger-secondary/fg-active"
47
+ background: "button/control-danger/bg-active",
48
+ color: "button/control-danger/fg-active"
49
49
  },
50
- _disabled: { color: "button/danger-secondary/fg-disabled!" }
50
+ _disabled: { color: "button/control-danger/fg-disabled!" }
51
51
  }
52
52
  },
53
53
  size: {
@@ -0,0 +1,2 @@
1
+ declare const selectableTagRecipe: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
2
+ export default selectableTagRecipe;
@@ -0,0 +1,53 @@
1
+ import { defineRecipe as e } from "@chakra-ui/react/styled-system";
2
+ //#region lib/theme/recipes/SelectableTag.recipe.ts
3
+ var t = {
4
+ background: "background/selected",
5
+ borderColor: "border/selected",
6
+ color: "text/primary",
7
+ _icon: { color: "icon/interactive" }
8
+ }, n = {
9
+ background: "background/selected-hover",
10
+ borderColor: "border/selected",
11
+ color: "text/primary",
12
+ _icon: { color: "icon/interactive-hover" }
13
+ }, r = {
14
+ background: "background/disabled",
15
+ borderColor: "border/disabled",
16
+ color: "text/on-disabled",
17
+ cursor: "not-allowed",
18
+ _icon: { color: "icon/on-disabled" }
19
+ }, i = e({
20
+ className: "selectable-tag",
21
+ base: {
22
+ alignItems: "center",
23
+ background: "background/primary",
24
+ border: "1px solid",
25
+ borderColor: "border/strong",
26
+ borderRadius: "4",
27
+ color: "text/body",
28
+ cursor: "pointer",
29
+ display: "inline-flex",
30
+ gap: "4",
31
+ height: "24",
32
+ paddingBlock: "4",
33
+ paddingInline: "8",
34
+ textStyle: "comp/tag/sm",
35
+ userSelect: "none",
36
+ whiteSpace: "nowrap",
37
+ "&:has(svg)": { paddingInlineStart: "4" },
38
+ _icon: { color: "icon/primary" },
39
+ _hover: {
40
+ background: "background/hover",
41
+ color: "text/primary",
42
+ _checked: n
43
+ },
44
+ _checked: t,
45
+ _disabled: {
46
+ ...r,
47
+ _checked: r
48
+ },
49
+ _focusVisible: { focusRing: "outside" }
50
+ }
51
+ });
52
+ //#endregion
53
+ export { i as default };
@@ -65,39 +65,39 @@ declare const recipes: {
65
65
  controlButton: import('@chakra-ui/react').RecipeDefinition<{
66
66
  isDanger: {
67
67
  false: {
68
- color: "button/secondary/fg/text";
68
+ color: "button/control/fg";
69
69
  _hover: {
70
- background: "button/tertiary/bg-hover";
71
- color: "button/secondary/fg-hover";
70
+ background: "button/control/bg-hover";
71
+ color: "button/control/fg-hover";
72
72
  _active: {
73
- background: "button/tertiary/bg-active";
74
- color: "button/secondary/fg-active";
73
+ background: "button/control/bg-active";
74
+ color: "button/control/fg-active";
75
75
  };
76
76
  };
77
77
  _active: {
78
- background: "button/tertiary/bg-active";
79
- color: "button/secondary/fg-active";
78
+ background: "button/control/bg-active";
79
+ color: "button/control/fg-active";
80
80
  };
81
81
  _disabled: {
82
- color: "button/secondary/fg-disabled!";
82
+ color: "button/control/fg-disabled!";
83
83
  };
84
84
  };
85
85
  true: {
86
- color: "button/danger-secondary/fg";
86
+ color: "button/control-danger/fg";
87
87
  _hover: {
88
- background: "button/danger-secondary/bg-hover";
89
- color: "button/danger-secondary/fg-hover";
88
+ background: "button/control-danger/bg-hover";
89
+ color: "button/control-danger/fg-hover";
90
90
  _active: {
91
- background: "button/danger-secondary/bg-active";
92
- color: "button/danger-secondary/fg-active";
91
+ background: "button/control-danger/bg-active";
92
+ color: "button/control-danger/fg-active";
93
93
  };
94
94
  };
95
95
  _active: {
96
- background: "button/danger-secondary/bg-active";
97
- color: "button/danger-secondary/fg-active";
96
+ background: "button/control-danger/bg-active";
97
+ color: "button/control-danger/fg-active";
98
98
  };
99
99
  _disabled: {
100
- color: "button/danger-secondary/fg-disabled!";
100
+ color: "button/control-danger/fg-disabled!";
101
101
  };
102
102
  };
103
103
  };
@@ -172,6 +172,7 @@ declare const recipes: {
172
172
  };
173
173
  };
174
174
  }>;
175
+ selectableTag: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
175
176
  separator: import('@chakra-ui/react').RecipeDefinition<{
176
177
  variant: {};
177
178
  orientation: {
@@ -7,13 +7,14 @@ import a from "./ControlButton.recipe.js";
7
7
  import o from "./DefinitionTooltip.recipe.js";
8
8
  import s from "./Link.recipe.js";
9
9
  import c from "./LinkButton.recipe.js";
10
- import l from "./Separator.recipe.js";
11
- import u from "./Skeleton.recipe.js";
12
- import d from "./Spinner.recipe.js";
13
- import f from "./Textarea.recipe.js";
14
- import p from "./ToggleButton.recipe.js";
10
+ import l from "./SelectableTag.recipe.js";
11
+ import u from "./Separator.recipe.js";
12
+ import d from "./Skeleton.recipe.js";
13
+ import f from "./Spinner.recipe.js";
14
+ import p from "./Textarea.recipe.js";
15
+ import m from "./ToggleButton.recipe.js";
15
16
  //#region lib/theme/recipes/index.ts
16
- var m = {
17
+ var h = {
17
18
  badge: n,
18
19
  button: r,
19
20
  closeButton: i,
@@ -23,11 +24,12 @@ var m = {
23
24
  input: t,
24
25
  link: s,
25
26
  linkButton: c,
26
- separator: l,
27
- skeleton: u,
28
- spinner: d,
29
- textarea: f,
30
- toggleButton: p
27
+ selectableTag: l,
28
+ separator: u,
29
+ skeleton: d,
30
+ spinner: f,
31
+ textarea: p,
32
+ toggleButton: m
31
33
  };
32
34
  //#endregion
33
- export { m as default };
35
+ export { h as default };