@bitrise/bitkit-v2 0.3.168 → 0.3.169
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/BitkitRibbon/BitkitRibbon.d.ts +21 -0
- package/dist/components/BitkitRibbon/BitkitRibbon.js +51 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/main.js +72 -70
- package/dist/theme/slot-recipes/Ribbon.recipe.d.ts +2 -0
- package/dist/theme/slot-recipes/Ribbon.recipe.js +43 -0
- package/dist/theme/slot-recipes/index.d.ts +1 -0
- package/dist/theme/slot-recipes/index.js +22 -20
- package/package.json +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { BoxProps } from '@chakra-ui/react/box';
|
|
2
|
+
export type RibbonActionProps = {
|
|
3
|
+
href?: string;
|
|
4
|
+
label: string;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
target?: HTMLAnchorElement['target'];
|
|
7
|
+
};
|
|
8
|
+
export type RibbonLinkProps = {
|
|
9
|
+
href?: string;
|
|
10
|
+
label: string;
|
|
11
|
+
target?: HTMLAnchorElement['target'];
|
|
12
|
+
};
|
|
13
|
+
export interface BitkitRibbonProps extends Omit<BoxProps, 'colorPalette'> {
|
|
14
|
+
action?: RibbonActionProps;
|
|
15
|
+
colorPalette?: 'blue' | 'green' | 'purple' | 'red' | 'yellow';
|
|
16
|
+
link?: RibbonLinkProps;
|
|
17
|
+
onDismiss?: () => void;
|
|
18
|
+
title?: string;
|
|
19
|
+
}
|
|
20
|
+
declare const BitkitRibbon: import('react').ForwardRefExoticComponent<BitkitRibbonProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
21
|
+
export default BitkitRibbon;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import k from "../BitkitCloseButton/BitkitCloseButton.js";
|
|
2
|
+
import d from "../BitkitColorButton/BitkitColorButton.js";
|
|
3
|
+
import p from "../BitkitLink/BitkitLink.js";
|
|
4
|
+
import { Box as b } from "@chakra-ui/react/box";
|
|
5
|
+
import { chakra as o, useSlotRecipe as B } from "@chakra-ui/react/styled-system";
|
|
6
|
+
import { forwardRef as u } from "react";
|
|
7
|
+
import { jsx as r, jsxs as l } from "react/jsx-runtime";
|
|
8
|
+
var x = u((a, f) => {
|
|
9
|
+
const { action: t, children: m, colorPalette: i = "blue", link: e, onDismiss: s, title: c, ...h } = a, n = B({ key: "ribbon" })({});
|
|
10
|
+
return /* @__PURE__ */ l(b, {
|
|
11
|
+
ref: f,
|
|
12
|
+
css: n.root,
|
|
13
|
+
colorPalette: i,
|
|
14
|
+
...h,
|
|
15
|
+
children: [/* @__PURE__ */ l(o.div, {
|
|
16
|
+
css: n.content,
|
|
17
|
+
children: [/* @__PURE__ */ l(o.div, {
|
|
18
|
+
css: n.textBlock,
|
|
19
|
+
children: [
|
|
20
|
+
c && /* @__PURE__ */ r(o.strong, { children: c }),
|
|
21
|
+
/* @__PURE__ */ r(o.span, { children: m }),
|
|
22
|
+
e && /* @__PURE__ */ r(p, {
|
|
23
|
+
colorPalette: i,
|
|
24
|
+
href: e.href,
|
|
25
|
+
target: e.target,
|
|
26
|
+
textDecoration: "underline",
|
|
27
|
+
children: e.label
|
|
28
|
+
})
|
|
29
|
+
]
|
|
30
|
+
}), t && /* @__PURE__ */ r(d, {
|
|
31
|
+
as: t.href ? "a" : "button",
|
|
32
|
+
colorPalette: i,
|
|
33
|
+
...t.href && {
|
|
34
|
+
href: t.href,
|
|
35
|
+
target: t.target
|
|
36
|
+
},
|
|
37
|
+
onClick: t.onClick,
|
|
38
|
+
children: t.label
|
|
39
|
+
})]
|
|
40
|
+
}), s && /* @__PURE__ */ r(k, {
|
|
41
|
+
colorPalette: i,
|
|
42
|
+
flexShrink: "0",
|
|
43
|
+
size: "sm",
|
|
44
|
+
onClick: s
|
|
45
|
+
})]
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
x.displayName = "BitkitRibbon";
|
|
49
|
+
export {
|
|
50
|
+
x as default
|
|
51
|
+
};
|
|
@@ -30,6 +30,7 @@ export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './B
|
|
|
30
30
|
export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
|
|
31
31
|
export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
|
|
32
32
|
export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
|
|
33
|
+
export { default as BitkitRibbon, type BitkitRibbonProps } from './BitkitRibbon/BitkitRibbon';
|
|
33
34
|
export { default as BitkitSearchInput, type BitkitSearchInputProps } from './BitkitSearchInput/BitkitSearchInput';
|
|
34
35
|
export { default as BitkitSegmentedControl, type BitkitSegmentedControlItemProps, type BitkitSegmentedControlProps, } from './BitkitSegmentedControl/BitkitSegmentedControl';
|
|
35
36
|
export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
|
package/dist/main.js
CHANGED
|
@@ -8,12 +8,12 @@ import s from "./icons/IconAnchor.js";
|
|
|
8
8
|
import C from "./icons/IconAndroid.js";
|
|
9
9
|
import k from "./icons/IconApp.js";
|
|
10
10
|
import g from "./icons/IconApple.js";
|
|
11
|
-
import
|
|
11
|
+
import b from "./icons/IconAppSettings.js";
|
|
12
12
|
import w from "./icons/IconAppStore.js";
|
|
13
13
|
import D from "./icons/IconAppStoreColor.js";
|
|
14
14
|
import P from "./icons/IconArchive.js";
|
|
15
15
|
import T from "./icons/IconArchiveDelete.js";
|
|
16
|
-
import
|
|
16
|
+
import R from "./icons/IconArchiveRestore.js";
|
|
17
17
|
import x from "./icons/IconArrowBackAndDown.js";
|
|
18
18
|
import G from "./icons/IconArrowBackAndUp.js";
|
|
19
19
|
import W from "./icons/IconArrowDown.js";
|
|
@@ -35,12 +35,12 @@ import so from "./icons/IconBadgeUpgrade.js";
|
|
|
35
35
|
import Bo from "./icons/IconBadgeVersionOk.js";
|
|
36
36
|
import uo from "./icons/IconBazel.js";
|
|
37
37
|
import ho from "./icons/IconBell.js";
|
|
38
|
-
import
|
|
38
|
+
import Ao from "./icons/IconBitbot.js";
|
|
39
39
|
import So from "./icons/IconBitbotError.js";
|
|
40
40
|
import Fo from "./icons/IconBitbucket.js";
|
|
41
41
|
import vo from "./icons/IconBitbucketColor.js";
|
|
42
42
|
import yo from "./icons/IconBitbucketNeutral.js";
|
|
43
|
-
import
|
|
43
|
+
import Mo from "./icons/IconBitbucketWhite.js";
|
|
44
44
|
import Lo from "./icons/IconBlockCircle.js";
|
|
45
45
|
import Eo from "./icons/IconBook.js";
|
|
46
46
|
import Uo from "./icons/IconBoxArrowDown.js";
|
|
@@ -62,12 +62,12 @@ import dr from "./icons/IconCheckCircle.js";
|
|
|
62
62
|
import Br from "./icons/IconCheckCircleFilled.js";
|
|
63
63
|
import ur from "./icons/IconChevronDown.js";
|
|
64
64
|
import hr from "./icons/IconChevronLeft.js";
|
|
65
|
-
import
|
|
65
|
+
import Ar from "./icons/IconChevronRight.js";
|
|
66
66
|
import Sr from "./icons/IconChevronUp.js";
|
|
67
67
|
import Fr from "./icons/IconCi.js";
|
|
68
68
|
import vr from "./icons/IconCiFilled.js";
|
|
69
69
|
import yr from "./icons/IconCircle.js";
|
|
70
|
-
import
|
|
70
|
+
import Mr from "./icons/IconCircleDashed.js";
|
|
71
71
|
import Lr from "./icons/IconCircleHalfFilled.js";
|
|
72
72
|
import Er from "./icons/IconClaude.js";
|
|
73
73
|
import Ur from "./icons/IconClaudeColor.js";
|
|
@@ -89,12 +89,12 @@ import dm from "./icons/IconCross.js";
|
|
|
89
89
|
import Bm from "./icons/IconCrossCircle.js";
|
|
90
90
|
import um from "./icons/IconCrossCircleFilled.js";
|
|
91
91
|
import hm from "./icons/IconCrown.js";
|
|
92
|
-
import
|
|
92
|
+
import Am from "./icons/IconCycle.js";
|
|
93
93
|
import Sm from "./icons/IconDashboard.js";
|
|
94
94
|
import Fm from "./icons/IconDashboardFilled.js";
|
|
95
95
|
import vm from "./icons/IconDeployment.js";
|
|
96
96
|
import ym from "./icons/IconDetails.js";
|
|
97
|
-
import
|
|
97
|
+
import Mm from "./icons/IconDoc.js";
|
|
98
98
|
import Lm from "./icons/IconDollar.js";
|
|
99
99
|
import Em from "./icons/IconDot.js";
|
|
100
100
|
import Um from "./icons/IconDotnet.js";
|
|
@@ -116,12 +116,12 @@ import di from "./icons/IconFileDoc.js";
|
|
|
116
116
|
import Bi from "./icons/IconFilePdf.js";
|
|
117
117
|
import ui from "./icons/IconFilePlist.js";
|
|
118
118
|
import hi from "./icons/IconFileZip.js";
|
|
119
|
-
import
|
|
119
|
+
import Ai from "./icons/IconFilter.js";
|
|
120
120
|
import Si from "./icons/IconFlag.js";
|
|
121
121
|
import Fi from "./icons/IconFlutter.js";
|
|
122
122
|
import vi from "./icons/IconFolder.js";
|
|
123
123
|
import yi from "./icons/IconFullscreen.js";
|
|
124
|
-
import
|
|
124
|
+
import Mi from "./icons/IconFullscreenExit.js";
|
|
125
125
|
import Li from "./icons/IconGauge.js";
|
|
126
126
|
import Ei from "./icons/IconGit.js";
|
|
127
127
|
import Ui from "./icons/IconGithub.js";
|
|
@@ -143,12 +143,12 @@ import dt from "./icons/IconHourglass.js";
|
|
|
143
143
|
import Bt from "./icons/IconImage.js";
|
|
144
144
|
import ut from "./icons/IconInfoCircle.js";
|
|
145
145
|
import ht from "./icons/IconInfoCircleFilled.js";
|
|
146
|
-
import
|
|
146
|
+
import At from "./icons/IconInsights.js";
|
|
147
147
|
import St from "./icons/IconInsightsFilled.js";
|
|
148
148
|
import Ft from "./icons/IconInstall.js";
|
|
149
149
|
import vt from "./icons/IconInteraction.js";
|
|
150
150
|
import yt from "./icons/IconInvoice.js";
|
|
151
|
-
import
|
|
151
|
+
import Mt from "./icons/IconIonic.js";
|
|
152
152
|
import Lt from "./icons/IconJapanese.js";
|
|
153
153
|
import Et from "./icons/IconJava.js";
|
|
154
154
|
import Ut from "./icons/IconJavaColor.js";
|
|
@@ -169,12 +169,12 @@ import sn from "./icons/IconLockOpen.js";
|
|
|
169
169
|
import Cn from "./icons/IconLogin.js";
|
|
170
170
|
import kn from "./icons/IconLogout.js";
|
|
171
171
|
import gn from "./icons/IconMacos.js";
|
|
172
|
-
import
|
|
172
|
+
import bn from "./icons/IconMagicWand.js";
|
|
173
173
|
import wn from "./icons/IconMagnifier.js";
|
|
174
174
|
import Dn from "./icons/IconMail.js";
|
|
175
175
|
import Pn from "./icons/IconMedal.js";
|
|
176
176
|
import Tn from "./icons/IconMemory.js";
|
|
177
|
-
import
|
|
177
|
+
import Rn from "./icons/IconMenuGrid.js";
|
|
178
178
|
import xn from "./icons/IconMenuHamburger.js";
|
|
179
179
|
import Gn from "./icons/IconMessage.js";
|
|
180
180
|
import Wn from "./icons/IconMessageAlert.js";
|
|
@@ -196,12 +196,12 @@ import sp from "./icons/IconOther.js";
|
|
|
196
196
|
import Cp from "./icons/IconOutsideContributor.js";
|
|
197
197
|
import kp from "./icons/IconOverview.js";
|
|
198
198
|
import gp from "./icons/IconPause.js";
|
|
199
|
-
import
|
|
199
|
+
import bp from "./icons/IconPencil.js";
|
|
200
200
|
import wp from "./icons/IconPeople.js";
|
|
201
201
|
import Dp from "./icons/IconPercent.js";
|
|
202
202
|
import Pp from "./icons/IconPerson.js";
|
|
203
203
|
import Tp from "./icons/IconPersonWithDesk.js";
|
|
204
|
-
import
|
|
204
|
+
import Rp from "./icons/IconPlay.js";
|
|
205
205
|
import xp from "./icons/IconPlus.js";
|
|
206
206
|
import Gp from "./icons/IconPlusCircle.js";
|
|
207
207
|
import Wp from "./icons/IconPlusCircleFilled.js";
|
|
@@ -223,12 +223,12 @@ import sc from "./icons/IconReleaseFilled.js";
|
|
|
223
223
|
import Cc from "./icons/IconRemoteAccess.js";
|
|
224
224
|
import kc from "./icons/IconReplace.js";
|
|
225
225
|
import gc from "./icons/IconResponsiveness.js";
|
|
226
|
-
import
|
|
226
|
+
import bc from "./icons/IconReviewerApproved.js";
|
|
227
227
|
import wc from "./icons/IconReviewerAssigned.js";
|
|
228
228
|
import Dc from "./icons/IconReviewerRejected.js";
|
|
229
229
|
import Pc from "./icons/IconRuby.js";
|
|
230
230
|
import Tc from "./icons/IconRubyColor.js";
|
|
231
|
-
import
|
|
231
|
+
import Rc from "./icons/IconSave.js";
|
|
232
232
|
import xc from "./icons/IconSecurityShield.js";
|
|
233
233
|
import Gc from "./icons/IconSettings.js";
|
|
234
234
|
import Wc from "./icons/IconSettingsFilled.js";
|
|
@@ -250,12 +250,12 @@ import df from "./icons/IconStar.js";
|
|
|
250
250
|
import Bf from "./icons/IconStep.js";
|
|
251
251
|
import uf from "./icons/IconStop.js";
|
|
252
252
|
import hf from "./icons/IconStopwatch.js";
|
|
253
|
-
import
|
|
253
|
+
import Af from "./icons/IconTag.js";
|
|
254
254
|
import Sf from "./icons/IconTasks.js";
|
|
255
255
|
import Ff from "./icons/IconTeams.js";
|
|
256
256
|
import vf from "./icons/IconTeamsColor.js";
|
|
257
257
|
import yf from "./icons/IconTemplateCode.js";
|
|
258
|
-
import
|
|
258
|
+
import Mf from "./icons/IconTerminal.js";
|
|
259
259
|
import Lf from "./icons/IconTestQuarantine.js";
|
|
260
260
|
import Ef from "./icons/IconThemeDarkToggle.js";
|
|
261
261
|
import Uf from "./icons/IconThumbDown.js";
|
|
@@ -277,12 +277,12 @@ import de from "./icons/IconWorkflow.js";
|
|
|
277
277
|
import Be from "./icons/IconWorkflowFlow.js";
|
|
278
278
|
import ue from "./icons/IconXamarin.js";
|
|
279
279
|
import he from "./icons/IconXcode.js";
|
|
280
|
-
import
|
|
280
|
+
import Ae from "./icons/IconXTwitter.js";
|
|
281
281
|
import Se from "./components/BitkitTooltip/BitkitTooltip.js";
|
|
282
282
|
import Fe from "./components/BitkitCloseButton/BitkitCloseButton.js";
|
|
283
283
|
import ve from "./components/BitkitActionBar/BitkitActionBar.js";
|
|
284
284
|
import ye from "./components/BitkitColorButton/BitkitColorButton.js";
|
|
285
|
-
import
|
|
285
|
+
import Me from "./components/BitkitAlert/BitkitAlert.js";
|
|
286
286
|
import Le from "./components/BitkitAvatar/BitkitAvatar.js";
|
|
287
287
|
import Ee from "./components/BitkitBadge/BitkitBadge.js";
|
|
288
288
|
import Ue from "./components/BitkitButton/BitkitButton.js";
|
|
@@ -304,28 +304,29 @@ import dI from "./components/BitkitEmptyState/BitkitEmptyState.js";
|
|
|
304
304
|
import BI from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
|
|
305
305
|
import uI from "./components/BitkitIconButton/BitkitIconButton.js";
|
|
306
306
|
import hI from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
|
|
307
|
-
import
|
|
307
|
+
import AI from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
|
|
308
308
|
import SI from "./components/BitkitLink/BitkitLink.js";
|
|
309
309
|
import FI from "./components/BitkitLinkButton/BitkitLinkButton.js";
|
|
310
310
|
import vI from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
|
|
311
311
|
import yI from "./components/BitkitNumberInput/BitkitNumberInput.js";
|
|
312
|
-
import
|
|
312
|
+
import MI from "./components/BitkitRadio/BitkitRadio.js";
|
|
313
313
|
import LI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
|
|
314
|
-
import EI from "./components/
|
|
315
|
-
import UI from "./components/
|
|
316
|
-
import NI from "./components/
|
|
317
|
-
import jI from "./components/
|
|
318
|
-
import JI from "./components/
|
|
319
|
-
import KI from "./components/
|
|
320
|
-
import XI from "./components/
|
|
321
|
-
import YI from "./components/
|
|
322
|
-
import qI from "./components/
|
|
323
|
-
import ol from "./
|
|
324
|
-
import ml from "./
|
|
314
|
+
import EI from "./components/BitkitRibbon/BitkitRibbon.js";
|
|
315
|
+
import UI from "./components/BitkitSearchInput/BitkitSearchInput.js";
|
|
316
|
+
import NI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
|
|
317
|
+
import jI from "./components/BitkitSelect/BitkitSelect.js";
|
|
318
|
+
import JI from "./components/BitkitSplitButton/BitkitSplitButton.js";
|
|
319
|
+
import KI from "./components/BitkitTabs/BitkitTabs.js";
|
|
320
|
+
import XI from "./components/BitkitTag/BitkitTag.js";
|
|
321
|
+
import YI from "./components/BitkitTextInput/BitkitTextInput.js";
|
|
322
|
+
import qI from "./components/BitkitToggle/BitkitToggle.js";
|
|
323
|
+
import ol from "./components/BitkitToggleButton/BitkitToggleButton.js";
|
|
324
|
+
import ml from "./theme/index.js";
|
|
325
|
+
import tl from "./providers/BitkitProvider.js";
|
|
325
326
|
export {
|
|
326
327
|
r as BitkitAccordion,
|
|
327
328
|
ve as BitkitActionBar,
|
|
328
|
-
|
|
329
|
+
Me as BitkitAlert,
|
|
329
330
|
Le as BitkitAvatar,
|
|
330
331
|
Ee as BitkitBadge,
|
|
331
332
|
Ue as BitkitButton,
|
|
@@ -348,24 +349,25 @@ export {
|
|
|
348
349
|
qe as BitkitField,
|
|
349
350
|
uI as BitkitIconButton,
|
|
350
351
|
hI as BitkitInlineLoading,
|
|
351
|
-
|
|
352
|
+
AI as BitkitInteractiveTooltip,
|
|
352
353
|
SI as BitkitLink,
|
|
353
354
|
FI as BitkitLinkButton,
|
|
354
355
|
vI as BitkitNativeSelect,
|
|
355
356
|
yI as BitkitNumberInput,
|
|
356
|
-
|
|
357
|
-
|
|
357
|
+
tl as BitkitProvider,
|
|
358
|
+
MI as BitkitRadio,
|
|
358
359
|
LI as BitkitRadioGroup,
|
|
359
|
-
EI as
|
|
360
|
-
UI as
|
|
361
|
-
NI as
|
|
360
|
+
EI as BitkitRibbon,
|
|
361
|
+
UI as BitkitSearchInput,
|
|
362
|
+
NI as BitkitSegmentedControl,
|
|
363
|
+
jI as BitkitSelect,
|
|
362
364
|
Ne as BitkitSelectMenu,
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
365
|
+
JI as BitkitSplitButton,
|
|
366
|
+
KI as BitkitTabs,
|
|
367
|
+
XI as BitkitTag,
|
|
368
|
+
YI as BitkitTextInput,
|
|
369
|
+
qI as BitkitToggle,
|
|
370
|
+
ol as BitkitToggleButton,
|
|
369
371
|
Se as BitkitTooltip,
|
|
370
372
|
n as IconAbortCircle,
|
|
371
373
|
c as IconAbortCircleFilled,
|
|
@@ -374,13 +376,13 @@ export {
|
|
|
374
376
|
s as IconAnchor,
|
|
375
377
|
C as IconAndroid,
|
|
376
378
|
k as IconApp,
|
|
377
|
-
|
|
379
|
+
b as IconAppSettings,
|
|
378
380
|
w as IconAppStore,
|
|
379
381
|
D as IconAppStoreColor,
|
|
380
382
|
g as IconApple,
|
|
381
383
|
P as IconArchive,
|
|
382
384
|
T as IconArchiveDelete,
|
|
383
|
-
|
|
385
|
+
R as IconArchiveRestore,
|
|
384
386
|
x as IconArrowBackAndDown,
|
|
385
387
|
G as IconArrowBackAndUp,
|
|
386
388
|
W as IconArrowDown,
|
|
@@ -402,12 +404,12 @@ export {
|
|
|
402
404
|
Bo as IconBadgeVersionOk,
|
|
403
405
|
uo as IconBazel,
|
|
404
406
|
ho as IconBell,
|
|
405
|
-
|
|
407
|
+
Ao as IconBitbot,
|
|
406
408
|
So as IconBitbotError,
|
|
407
409
|
Fo as IconBitbucket,
|
|
408
410
|
vo as IconBitbucketColor,
|
|
409
411
|
yo as IconBitbucketNeutral,
|
|
410
|
-
|
|
412
|
+
Mo as IconBitbucketWhite,
|
|
411
413
|
Lo as IconBlockCircle,
|
|
412
414
|
Eo as IconBook,
|
|
413
415
|
Uo as IconBoxArrowDown,
|
|
@@ -429,12 +431,12 @@ export {
|
|
|
429
431
|
Br as IconCheckCircleFilled,
|
|
430
432
|
ur as IconChevronDown,
|
|
431
433
|
hr as IconChevronLeft,
|
|
432
|
-
|
|
434
|
+
Ar as IconChevronRight,
|
|
433
435
|
Sr as IconChevronUp,
|
|
434
436
|
Fr as IconCi,
|
|
435
437
|
vr as IconCiFilled,
|
|
436
438
|
yr as IconCircle,
|
|
437
|
-
|
|
439
|
+
Mr as IconCircleDashed,
|
|
438
440
|
Lr as IconCircleHalfFilled,
|
|
439
441
|
Er as IconClaude,
|
|
440
442
|
Ur as IconClaudeColor,
|
|
@@ -456,12 +458,12 @@ export {
|
|
|
456
458
|
Bm as IconCrossCircle,
|
|
457
459
|
um as IconCrossCircleFilled,
|
|
458
460
|
hm as IconCrown,
|
|
459
|
-
|
|
461
|
+
Am as IconCycle,
|
|
460
462
|
Sm as IconDashboard,
|
|
461
463
|
Fm as IconDashboardFilled,
|
|
462
464
|
vm as IconDeployment,
|
|
463
465
|
ym as IconDetails,
|
|
464
|
-
|
|
466
|
+
Mm as IconDoc,
|
|
465
467
|
Lm as IconDollar,
|
|
466
468
|
Em as IconDot,
|
|
467
469
|
Um as IconDotnet,
|
|
@@ -483,12 +485,12 @@ export {
|
|
|
483
485
|
Bi as IconFilePdf,
|
|
484
486
|
ui as IconFilePlist,
|
|
485
487
|
hi as IconFileZip,
|
|
486
|
-
|
|
488
|
+
Ai as IconFilter,
|
|
487
489
|
Si as IconFlag,
|
|
488
490
|
Fi as IconFlutter,
|
|
489
491
|
vi as IconFolder,
|
|
490
492
|
yi as IconFullscreen,
|
|
491
|
-
|
|
493
|
+
Mi as IconFullscreenExit,
|
|
492
494
|
Li as IconGauge,
|
|
493
495
|
Ei as IconGit,
|
|
494
496
|
Ui as IconGithub,
|
|
@@ -510,12 +512,12 @@ export {
|
|
|
510
512
|
Bt as IconImage,
|
|
511
513
|
ut as IconInfoCircle,
|
|
512
514
|
ht as IconInfoCircleFilled,
|
|
513
|
-
|
|
515
|
+
At as IconInsights,
|
|
514
516
|
St as IconInsightsFilled,
|
|
515
517
|
Ft as IconInstall,
|
|
516
518
|
vt as IconInteraction,
|
|
517
519
|
yt as IconInvoice,
|
|
518
|
-
|
|
520
|
+
Mt as IconIonic,
|
|
519
521
|
Lt as IconJapanese,
|
|
520
522
|
Et as IconJava,
|
|
521
523
|
Ut as IconJavaColor,
|
|
@@ -536,12 +538,12 @@ export {
|
|
|
536
538
|
Cn as IconLogin,
|
|
537
539
|
kn as IconLogout,
|
|
538
540
|
gn as IconMacos,
|
|
539
|
-
|
|
541
|
+
bn as IconMagicWand,
|
|
540
542
|
wn as IconMagnifier,
|
|
541
543
|
Dn as IconMail,
|
|
542
544
|
Pn as IconMedal,
|
|
543
545
|
Tn as IconMemory,
|
|
544
|
-
|
|
546
|
+
Rn as IconMenuGrid,
|
|
545
547
|
xn as IconMenuHamburger,
|
|
546
548
|
Gn as IconMessage,
|
|
547
549
|
Wn as IconMessageAlert,
|
|
@@ -563,12 +565,12 @@ export {
|
|
|
563
565
|
Cp as IconOutsideContributor,
|
|
564
566
|
kp as IconOverview,
|
|
565
567
|
gp as IconPause,
|
|
566
|
-
|
|
568
|
+
bp as IconPencil,
|
|
567
569
|
wp as IconPeople,
|
|
568
570
|
Dp as IconPercent,
|
|
569
571
|
Pp as IconPerson,
|
|
570
572
|
Tp as IconPersonWithDesk,
|
|
571
|
-
|
|
573
|
+
Rp as IconPlay,
|
|
572
574
|
xp as IconPlus,
|
|
573
575
|
Gp as IconPlusCircle,
|
|
574
576
|
Wp as IconPlusCircleFilled,
|
|
@@ -590,12 +592,12 @@ export {
|
|
|
590
592
|
Cc as IconRemoteAccess,
|
|
591
593
|
kc as IconReplace,
|
|
592
594
|
gc as IconResponsiveness,
|
|
593
|
-
|
|
595
|
+
bc as IconReviewerApproved,
|
|
594
596
|
wc as IconReviewerAssigned,
|
|
595
597
|
Dc as IconReviewerRejected,
|
|
596
598
|
Pc as IconRuby,
|
|
597
599
|
Tc as IconRubyColor,
|
|
598
|
-
|
|
600
|
+
Rc as IconSave,
|
|
599
601
|
xc as IconSecurityShield,
|
|
600
602
|
Gc as IconSettings,
|
|
601
603
|
Wc as IconSettingsFilled,
|
|
@@ -617,12 +619,12 @@ export {
|
|
|
617
619
|
Bf as IconStep,
|
|
618
620
|
uf as IconStop,
|
|
619
621
|
hf as IconStopwatch,
|
|
620
|
-
|
|
622
|
+
Af as IconTag,
|
|
621
623
|
Sf as IconTasks,
|
|
622
624
|
Ff as IconTeams,
|
|
623
625
|
vf as IconTeamsColor,
|
|
624
626
|
yf as IconTemplateCode,
|
|
625
|
-
|
|
627
|
+
Mf as IconTerminal,
|
|
626
628
|
Lf as IconTestQuarantine,
|
|
627
629
|
Ef as IconThemeDarkToggle,
|
|
628
630
|
Uf as IconThumbDown,
|
|
@@ -642,9 +644,9 @@ export {
|
|
|
642
644
|
Ie as IconWebhooks,
|
|
643
645
|
de as IconWorkflow,
|
|
644
646
|
Be as IconWorkflowFlow,
|
|
645
|
-
|
|
647
|
+
Ae as IconXTwitter,
|
|
646
648
|
ue as IconXamarin,
|
|
647
649
|
he as IconXcode,
|
|
648
650
|
i as bitkitIcon,
|
|
649
|
-
|
|
651
|
+
ml as bitriseTheme
|
|
650
652
|
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
|
|
2
|
+
var l = e({
|
|
3
|
+
className: "ribbon",
|
|
4
|
+
slots: [
|
|
5
|
+
"root",
|
|
6
|
+
"content",
|
|
7
|
+
"textBlock"
|
|
8
|
+
],
|
|
9
|
+
base: {
|
|
10
|
+
root: {
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
background: "colorPalette.subtle",
|
|
13
|
+
borderColor: "colorPalette.muted",
|
|
14
|
+
borderBlockStyle: "solid",
|
|
15
|
+
borderBlockWidth: "1px",
|
|
16
|
+
color: "colorPalette.strong",
|
|
17
|
+
colorPalette: "blue",
|
|
18
|
+
display: "flex",
|
|
19
|
+
paddingBlock: "12",
|
|
20
|
+
paddingInline: "24",
|
|
21
|
+
width: "full"
|
|
22
|
+
},
|
|
23
|
+
content: {
|
|
24
|
+
alignItems: "center",
|
|
25
|
+
display: "flex",
|
|
26
|
+
flex: "1 0 0",
|
|
27
|
+
gap: "16",
|
|
28
|
+
justifyContent: "center",
|
|
29
|
+
minHeight: "32",
|
|
30
|
+
minWidth: 0
|
|
31
|
+
},
|
|
32
|
+
textBlock: {
|
|
33
|
+
alignItems: "baseline",
|
|
34
|
+
display: "flex",
|
|
35
|
+
gap: "4",
|
|
36
|
+
minWidth: 0,
|
|
37
|
+
textStyle: "body/md/regular"
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
export {
|
|
42
|
+
l as default
|
|
43
|
+
};
|
|
@@ -749,6 +749,7 @@ declare const slotRecipes: {
|
|
|
749
749
|
};
|
|
750
750
|
};
|
|
751
751
|
}>;
|
|
752
|
+
ribbon: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "textBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "textBlock">>;
|
|
752
753
|
segmentGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", {
|
|
753
754
|
fullWidth: {
|
|
754
755
|
true: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import o from "./NumberInput.recipe.js";
|
|
2
|
+
import e from "./Accordion.recipe.js";
|
|
3
3
|
import t from "./ActionBar.recipe.js";
|
|
4
4
|
import i from "./Alert.recipe.js";
|
|
5
5
|
import r from "./Avatar.recipe.js";
|
|
@@ -22,15 +22,16 @@ import k from "./InlineLoading.recipe.js";
|
|
|
22
22
|
import v from "./Menu.recipe.js";
|
|
23
23
|
import h from "./NativeSelect.recipe.js";
|
|
24
24
|
import B from "./RadioGroup.recipe.js";
|
|
25
|
-
import C from "./
|
|
26
|
-
import G from "./
|
|
27
|
-
import P from "./
|
|
28
|
-
import w from "./
|
|
29
|
-
import y from "./
|
|
30
|
-
import I from "./
|
|
31
|
-
import L from "./
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
import C from "./Ribbon.recipe.js";
|
|
26
|
+
import G from "./SegmentGroup.recipe.js";
|
|
27
|
+
import P from "./SplitButton.recipe.js";
|
|
28
|
+
import w from "./Switch.recipe.js";
|
|
29
|
+
import y from "./Table.recipe.js";
|
|
30
|
+
import I from "./Tabs.recipe.js";
|
|
31
|
+
import L from "./Tag.recipe.js";
|
|
32
|
+
import U from "./Tooltip.recipe.js";
|
|
33
|
+
var fo = {
|
|
34
|
+
accordion: e,
|
|
34
35
|
actionBar: t,
|
|
35
36
|
alert: i,
|
|
36
37
|
avatar: r,
|
|
@@ -51,17 +52,18 @@ var le = {
|
|
|
51
52
|
inlineLoading: k,
|
|
52
53
|
menu: v,
|
|
53
54
|
nativeSelect: h,
|
|
54
|
-
numberInput:
|
|
55
|
+
numberInput: o,
|
|
55
56
|
radioGroup: B,
|
|
56
|
-
|
|
57
|
+
ribbon: C,
|
|
58
|
+
segmentGroup: G,
|
|
57
59
|
select: S,
|
|
58
|
-
splitButton:
|
|
59
|
-
switch:
|
|
60
|
-
table:
|
|
61
|
-
tabs:
|
|
62
|
-
tag:
|
|
63
|
-
tooltip:
|
|
60
|
+
splitButton: P,
|
|
61
|
+
switch: w,
|
|
62
|
+
table: y,
|
|
63
|
+
tabs: I,
|
|
64
|
+
tag: L,
|
|
65
|
+
tooltip: U
|
|
64
66
|
};
|
|
65
67
|
export {
|
|
66
|
-
|
|
68
|
+
fo as default
|
|
67
69
|
};
|