@bitrise/bitkit-v2 0.3.180 → 0.3.181
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/theme/common/AlertAndToast.common.d.ts +42 -4
- package/dist/theme/common/AlertAndToast.common.js.map +1 -1
- package/dist/theme/slot-recipes/Alert.recipe.d.ts +35 -0
- package/dist/theme/slot-recipes/Alert.recipe.js +2 -2
- package/dist/theme/slot-recipes/Alert.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Toast.recipe.d.ts +35 -0
- package/dist/theme/slot-recipes/index.d.ts +1322 -0
- package/package.json +4 -4
|
@@ -1,6 +1,44 @@
|
|
|
1
|
-
import { SystemStyleObject } from '@chakra-ui/react/styled-system';
|
|
2
1
|
export declare const NOTIFICATION_VARIANTS: readonly ["ai", "critical", "info", "progress", "success", "warning"];
|
|
3
2
|
export type NotificationVariant = (typeof NOTIFICATION_VARIANTS)[number];
|
|
4
|
-
export declare const ROOT_MAP:
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export declare const ROOT_MAP: {
|
|
4
|
+
ai: {
|
|
5
|
+
border: string;
|
|
6
|
+
background: string;
|
|
7
|
+
};
|
|
8
|
+
critical: {
|
|
9
|
+
backgroundColor: string;
|
|
10
|
+
borderColor: string;
|
|
11
|
+
};
|
|
12
|
+
info: {
|
|
13
|
+
backgroundColor: string;
|
|
14
|
+
borderColor: string;
|
|
15
|
+
};
|
|
16
|
+
progress: {
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
borderColor: string;
|
|
19
|
+
};
|
|
20
|
+
success: {
|
|
21
|
+
backgroundColor: string;
|
|
22
|
+
borderColor: string;
|
|
23
|
+
};
|
|
24
|
+
warning: {
|
|
25
|
+
backgroundColor: string;
|
|
26
|
+
borderColor: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export declare const ICONS_MAP: {
|
|
30
|
+
ai: string;
|
|
31
|
+
critical: string;
|
|
32
|
+
info: string;
|
|
33
|
+
progress: string;
|
|
34
|
+
success: string;
|
|
35
|
+
warning: string;
|
|
36
|
+
};
|
|
37
|
+
export declare const TEXT_MAP: {
|
|
38
|
+
ai: string;
|
|
39
|
+
critical: string;
|
|
40
|
+
info: string;
|
|
41
|
+
progress: string;
|
|
42
|
+
success: string;
|
|
43
|
+
warning: string;
|
|
44
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertAndToast.common.js","names":[],"sources":["../../../lib/theme/common/AlertAndToast.common.ts"],"sourcesContent":["/* Shared variant styles for notification-like components (Alert, Toast). */\n\
|
|
1
|
+
{"version":3,"file":"AlertAndToast.common.js","names":[],"sources":["../../../lib/theme/common/AlertAndToast.common.ts"],"sourcesContent":["/* Shared variant styles for notification-like components (Alert, Toast). */\n\nexport const NOTIFICATION_VARIANTS = ['ai', 'critical', 'info', 'progress', 'success', 'warning'] as const;\nexport type NotificationVariant = (typeof NOTIFICATION_VARIANTS)[number];\n\nexport const ROOT_MAP = {\n ai: {\n border: '1px solid transparent',\n background: '{colors.status.ai.bg} padding-box, {colors.status.ai.border} border-box',\n },\n critical: {\n backgroundColor: 'status/critical/bg',\n borderColor: 'status/critical/border',\n },\n info: {\n backgroundColor: 'status/info/bg',\n borderColor: 'status/info/border',\n },\n progress: {\n backgroundColor: 'status/progress/bg',\n borderColor: 'status/progress/border',\n },\n success: {\n backgroundColor: 'status/success/bg',\n borderColor: 'status/success/border',\n },\n warning: {\n backgroundColor: 'status/warning/bg',\n borderColor: 'status/warning/border',\n },\n};\n\nexport const ICONS_MAP = {\n ai: 'status/ai/icon',\n critical: 'status/critical/icon',\n info: 'status/info/icon',\n progress: 'status/progress/icon',\n success: 'status/success/icon',\n warning: 'status/warning/icon',\n};\n\nexport const TEXT_MAP = {\n ai: 'status/ai/text',\n critical: 'status/critical/text',\n info: 'status/info/text',\n progress: 'status/progress/text',\n success: 'status/success/text',\n warning: 'status/warning/text',\n};\n"],"mappings":";AAEA,IAAa,wBAAwB;CAAC;CAAM;CAAY;CAAQ;CAAY;CAAW;CAAU;AAGjG,IAAa,WAAW;CACtB,IAAI;EACF,QAAQ;EACR,YAAY;EACb;CACD,UAAU;EACR,iBAAiB;EACjB,aAAa;EACd;CACD,MAAM;EACJ,iBAAiB;EACjB,aAAa;EACd;CACD,UAAU;EACR,iBAAiB;EACjB,aAAa;EACd;CACD,SAAS;EACP,iBAAiB;EACjB,aAAa;EACd;CACD,SAAS;EACP,iBAAiB;EACjB,aAAa;EACd;CACF;AAED,IAAa,YAAY;CACvB,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;CACV;AAED,IAAa,WAAW;CACtB,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;CACV"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
|
|
2
|
+
variant: {
|
|
3
|
+
[k: string]: {
|
|
4
|
+
indicator: {
|
|
5
|
+
color: string;
|
|
6
|
+
};
|
|
7
|
+
root: {
|
|
8
|
+
color: string;
|
|
9
|
+
border: string;
|
|
10
|
+
background: string;
|
|
11
|
+
} | {
|
|
12
|
+
color: string;
|
|
13
|
+
backgroundColor: string;
|
|
14
|
+
borderColor: string;
|
|
15
|
+
} | {
|
|
16
|
+
color: string;
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
borderColor: string;
|
|
19
|
+
} | {
|
|
20
|
+
color: string;
|
|
21
|
+
backgroundColor: string;
|
|
22
|
+
borderColor: string;
|
|
23
|
+
} | {
|
|
24
|
+
color: string;
|
|
25
|
+
backgroundColor: string;
|
|
26
|
+
borderColor: string;
|
|
27
|
+
} | {
|
|
28
|
+
color: string;
|
|
29
|
+
backgroundColor: string;
|
|
30
|
+
borderColor: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
}>;
|
|
35
|
+
export default alertSlotRecipe;
|
|
@@ -37,11 +37,11 @@ var alertSlotRecipe = defineSlotRecipe({
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
variants: { variant: Object.fromEntries(NOTIFICATION_VARIANTS.map((v) => [v, {
|
|
40
|
+
indicator: { color: ICONS_MAP[v] },
|
|
40
41
|
root: {
|
|
41
42
|
...ROOT_MAP[v],
|
|
42
43
|
color: TEXT_MAP[v]
|
|
43
|
-
}
|
|
44
|
-
indicator: { color: ICONS_MAP[v] }
|
|
44
|
+
}
|
|
45
45
|
}])) },
|
|
46
46
|
defaultVariants: { variant: "info" }
|
|
47
47
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Alert.recipe.ts"],"sourcesContent":["import { alertAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { ICONS_MAP, NOTIFICATION_VARIANTS, ROOT_MAP, TEXT_MAP } from '../common/AlertAndToast.common';\nimport { rem } from '../themeUtils';\n\nconst alertSlotRecipe = defineSlotRecipe({\n className: 'alert',\n slots: alertAnatomy.keys(),\n base: {\n root: {\n display: 'flex',\n alignItems: 'center',\n border: '1px solid',\n borderRadius: '8',\n paddingInlineStart: rem(11),\n paddingInlineEnd: rem(7),\n width: '100%',\n },\n indicator: {\n alignSelf: 'flex-start',\n marginBlock: rem(11),\n marginInlineEnd: '8',\n width: '24',\n height: '24',\n },\n content: {\n paddingBlock: rem(11),\n flex: '1',\n },\n title: {\n textStyle: 'comp/notification/title',\n '& + *': {\n marginBlockStart: '4',\n },\n },\n description: {\n textStyle: 'comp/notification/message',\n '&:first-of-type': {\n marginBlockStart: '2',\n },\n },\n },\n variants: {\n variant: Object.fromEntries(\n NOTIFICATION_VARIANTS.map((v) => [\n v,\n {\n
|
|
1
|
+
{"version":3,"file":"Alert.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Alert.recipe.ts"],"sourcesContent":["import { alertAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { ICONS_MAP, NOTIFICATION_VARIANTS, ROOT_MAP, TEXT_MAP } from '../common/AlertAndToast.common';\nimport { rem } from '../themeUtils';\n\nconst alertSlotRecipe = defineSlotRecipe({\n className: 'alert',\n slots: alertAnatomy.keys(),\n base: {\n root: {\n display: 'flex',\n alignItems: 'center',\n border: '1px solid',\n borderRadius: '8',\n paddingInlineStart: rem(11),\n paddingInlineEnd: rem(7),\n width: '100%',\n },\n indicator: {\n alignSelf: 'flex-start',\n marginBlock: rem(11),\n marginInlineEnd: '8',\n width: '24',\n height: '24',\n },\n content: {\n paddingBlock: rem(11),\n flex: '1',\n },\n title: {\n textStyle: 'comp/notification/title',\n '& + *': {\n marginBlockStart: '4',\n },\n },\n description: {\n textStyle: 'comp/notification/message',\n '&:first-of-type': {\n marginBlockStart: '2',\n },\n },\n },\n variants: {\n variant: Object.fromEntries(\n NOTIFICATION_VARIANTS.map((v) => [\n v,\n {\n indicator: { color: ICONS_MAP[v] },\n root: { ...ROOT_MAP[v], color: TEXT_MAP[v] },\n },\n ]),\n ),\n },\n defaultVariants: {\n variant: 'info',\n },\n});\n\nexport default alertSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,cAAc;GACd,oBAAoB,IAAI,GAAG;GAC3B,kBAAkB,IAAI,EAAE;GACxB,OAAO;GACR;EACD,WAAW;GACT,WAAW;GACX,aAAa,IAAI,GAAG;GACpB,iBAAiB;GACjB,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,cAAc,IAAI,GAAG;GACrB,MAAM;GACP;EACD,OAAO;GACL,WAAW;GACX,SAAS,EACP,kBAAkB,KACnB;GACF;EACD,aAAa;GACX,WAAW;GACX,mBAAmB,EACjB,kBAAkB,KACnB;GACF;EACF;CACD,UAAU,EACR,SAAS,OAAO,YACd,sBAAsB,KAAK,MAAM,CAC/B,GACA;EACE,WAAW,EAAE,OAAO,UAAU,IAAI;EAClC,MAAM;GAAE,GAAG,SAAS;GAAI,OAAO,SAAS;GAAI;EAC7C,CACF,CAAC,CACH,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
declare const toastSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "icon" | "root" | "closeTrigger" | "description" | "indicator" | "timestamp" | "actionTrigger", {
|
|
2
|
+
variant: {
|
|
3
|
+
[k: string]: {
|
|
4
|
+
icon: {
|
|
5
|
+
color: string;
|
|
6
|
+
};
|
|
7
|
+
root: {
|
|
8
|
+
color: string;
|
|
9
|
+
border: string;
|
|
10
|
+
background: string;
|
|
11
|
+
} | {
|
|
12
|
+
color: string;
|
|
13
|
+
backgroundColor: string;
|
|
14
|
+
borderColor: string;
|
|
15
|
+
} | {
|
|
16
|
+
color: string;
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
borderColor: string;
|
|
19
|
+
} | {
|
|
20
|
+
color: string;
|
|
21
|
+
backgroundColor: string;
|
|
22
|
+
borderColor: string;
|
|
23
|
+
} | {
|
|
24
|
+
color: string;
|
|
25
|
+
backgroundColor: string;
|
|
26
|
+
borderColor: string;
|
|
27
|
+
} | {
|
|
28
|
+
color: string;
|
|
29
|
+
backgroundColor: string;
|
|
30
|
+
borderColor: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
}>;
|
|
35
|
+
export default toastSlotRecipe;
|