@frontify/fondue 12.0.0-beta.90 → 12.0.0-beta.91
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.
|
@@ -25,7 +25,7 @@ const a = (r, e, g) => {
|
|
|
25
25
|
])
|
|
26
26
|
} : {
|
|
27
27
|
[o.Primary]: t([
|
|
28
|
-
"tw-bg-box-neutral tw-text-
|
|
28
|
+
"tw-bg-box-neutral tw-text-box-neutral-inverse",
|
|
29
29
|
e && "hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"
|
|
30
30
|
]),
|
|
31
31
|
[o.Positive]: t([
|
|
@@ -45,7 +45,7 @@ const a = (r, e, g) => {
|
|
|
45
45
|
e && "hover:tw-bg-box-negative-hover hover:tw-text-box-negative-inverse-hover"
|
|
46
46
|
])
|
|
47
47
|
})[r]) != null ? s : "";
|
|
48
|
-
},
|
|
48
|
+
}, l = (r) => Object.values(n).includes(r), h = (r) => ({
|
|
49
49
|
small: "tw-h-5 tw-w-5",
|
|
50
50
|
medium: "tw-h-6 tw-w-6"
|
|
51
51
|
})[r], c = (r, e, g, s, i) => {
|
|
@@ -55,17 +55,17 @@ const a = (r, e, g) => {
|
|
|
55
55
|
const v = !Boolean(r && e && g);
|
|
56
56
|
return t(["tw-h-6", "tw-px-2", v && "tw-gap-x-0.5", i && "tw-pr-6"]);
|
|
57
57
|
}
|
|
58
|
-
},
|
|
58
|
+
}, u = {
|
|
59
59
|
[n.Positive]: "tw-bg-green-60",
|
|
60
60
|
[n.Progress]: "tw-bg-violet-60",
|
|
61
61
|
[n.Warning]: "tw-bg-yellow-60",
|
|
62
62
|
[n.Danger]: "tw-bg-red-60"
|
|
63
63
|
};
|
|
64
64
|
export {
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
u as badgeStatusClasses,
|
|
66
|
+
h as getCircularSizeClasses,
|
|
67
67
|
c as getSizeClasses,
|
|
68
68
|
a as getStyleClasses,
|
|
69
|
-
|
|
69
|
+
l as isBadgeStatus
|
|
70
70
|
};
|
|
71
71
|
//# sourceMappingURL=helpers.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.es.js","sources":["../../../src/components/Badge/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { BadgeProps, BadgeSize, BadgeStatus, BadgeStyle } from './types';\nimport { merge } from '@utilities/merge';\nimport { Color } from '../../types';\nimport { ReactNode } from 'react';\n\nexport const getStyleClasses = (style: BadgeStyle, hasHover: boolean, strong: boolean): string =>\n (strong\n ? {\n [BadgeStyle.Primary]: merge([\n 'tw-bg-box-neutral-strong tw-text-box-neutral-strong-inverse',\n hasHover && 'hover:tw-bg-box-neutral-strong-hover hover:tw-text-box-neutral-strong-inverse-hover',\n ]),\n [BadgeStyle.Positive]: merge([\n 'tw-bg-box-positive-strong tw-text-box-positive-strong-inverse',\n hasHover && 'hover:tw-bg-box-positive-strong-hover hover:tw-text-box-positive-strong-inverse-hover',\n ]),\n [BadgeStyle.Danger]: merge([\n 'tw-bg-box-negative-strong tw-text-box-negative-strong-inverse',\n hasHover && 'hover:tw-bg-box-negative-strong-hover hover:tw-text-box-negative-strong-inverse-hover',\n ]),\n [BadgeStyle.Progress]: merge([\n 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse',\n hasHover && 'hover:tw-bg-box-selected-strong-hover hover:tw-text-box-selected-strong-inverse-hover',\n ]),\n [BadgeStyle.Warning]: merge([\n 'tw-bg-box-warning-strong tw-text-box-warning-strong-inverse',\n hasHover && 'hover:tw-bg-box-warning-strong-hover hover:tw-text-box-warning-strong-inverse-hover',\n ]),\n }\n : {\n [BadgeStyle.Primary]: merge([\n 'tw-bg-box-neutral tw-text-
|
|
1
|
+
{"version":3,"file":"helpers.es.js","sources":["../../../src/components/Badge/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { BadgeProps, BadgeSize, BadgeStatus, BadgeStyle } from './types';\nimport { merge } from '@utilities/merge';\nimport { Color } from '../../types';\nimport { ReactNode } from 'react';\n\nexport const getStyleClasses = (style: BadgeStyle, hasHover: boolean, strong: boolean): string =>\n (strong\n ? {\n [BadgeStyle.Primary]: merge([\n 'tw-bg-box-neutral-strong tw-text-box-neutral-strong-inverse',\n hasHover && 'hover:tw-bg-box-neutral-strong-hover hover:tw-text-box-neutral-strong-inverse-hover',\n ]),\n [BadgeStyle.Positive]: merge([\n 'tw-bg-box-positive-strong tw-text-box-positive-strong-inverse',\n hasHover && 'hover:tw-bg-box-positive-strong-hover hover:tw-text-box-positive-strong-inverse-hover',\n ]),\n [BadgeStyle.Danger]: merge([\n 'tw-bg-box-negative-strong tw-text-box-negative-strong-inverse',\n hasHover && 'hover:tw-bg-box-negative-strong-hover hover:tw-text-box-negative-strong-inverse-hover',\n ]),\n [BadgeStyle.Progress]: merge([\n 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse',\n hasHover && 'hover:tw-bg-box-selected-strong-hover hover:tw-text-box-selected-strong-inverse-hover',\n ]),\n [BadgeStyle.Warning]: merge([\n 'tw-bg-box-warning-strong tw-text-box-warning-strong-inverse',\n hasHover && 'hover:tw-bg-box-warning-strong-hover hover:tw-text-box-warning-strong-inverse-hover',\n ]),\n }\n : {\n [BadgeStyle.Primary]: merge([\n 'tw-bg-box-neutral tw-text-box-neutral-inverse',\n hasHover && 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n ]),\n [BadgeStyle.Positive]: merge([\n 'tw-bg-box-positive tw-text-box-positive-inverse',\n hasHover && 'hover:tw-bg-box-positive-hover hover:tw-text-box-positive-inverse-hover',\n ]),\n [BadgeStyle.Progress]: merge([\n 'tw-bg-box-selected tw-text-box-selected-inverse',\n hasHover && 'hover:tw-bg-box-selected-hover hover:tw-text-box-selected-inverse-hover',\n ]),\n [BadgeStyle.Warning]: merge([\n 'tw-bg-box-warning tw-text-box-warning-inverse',\n hasHover && 'hover:tw-bg-box-warning-hover hover:tw-text-box-warning-inverse-hover',\n ]),\n [BadgeStyle.Danger]: merge([\n 'tw-bg-box-negative tw-text-box-negative-inverse',\n hasHover && 'hover:tw-bg-box-negative-hover hover:tw-text-box-negative-inverse-hover',\n ]),\n })[style] ?? '';\n\nexport const isBadgeStatus = (style: BadgeStatus | Color | string): style is BadgeStatus =>\n Object.values(BadgeStatus).includes(style as BadgeStatus);\n\nexport const getCircularSizeClasses = (size: BadgeSize) =>\n ({\n small: 'tw-h-5 tw-w-5',\n medium: 'tw-h-6 tw-w-6',\n }[size]);\n\nexport const getSizeClasses = (\n children: ReactNode,\n status: BadgeProps['status'],\n icon: BadgeProps['icon'],\n size: BadgeSize,\n isDismissable: boolean,\n) => {\n const isSmall = size === 'small';\n\n if (isSmall) {\n return merge(['tw-h-5 tw-px-1.5', isDismissable && 'tw-pr-5']);\n } else {\n const hasMaximumTwoComponents = !Boolean(children && status && icon);\n return merge(['tw-h-6', 'tw-px-2', hasMaximumTwoComponents && 'tw-gap-x-0.5', isDismissable && 'tw-pr-6']);\n }\n};\n\nexport const badgeStatusClasses: Record<BadgeStatus, string> = {\n [BadgeStatus.Positive]: 'tw-bg-green-60',\n [BadgeStatus.Progress]: 'tw-bg-violet-60',\n [BadgeStatus.Warning]: 'tw-bg-yellow-60',\n [BadgeStatus.Danger]: 'tw-bg-red-60',\n};\n"],"names":["getStyleClasses","style","hasHover","strong","_a","BadgeStyle","merge","isBadgeStatus","BadgeStatus","getCircularSizeClasses","size","getSizeClasses","children","status","icon","isDismissable","hasMaximumTwoComponents","badgeStatusClasses"],"mappings":";;AAOO,MAAMA,IAAkB,CAACC,GAAmBC,GAAmBC;;AACjE,UAAAC,KAAAD,IACK;AAAA,IACI,CAACE,EAAW,UAAUC,EAAM;AAAA,MACxB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,IACD,CAACG,EAAW,WAAWC,EAAM;AAAA,MACzB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,IACD,CAACG,EAAW,SAASC,EAAM;AAAA,MACvB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,IACD,CAACG,EAAW,WAAWC,EAAM;AAAA,MACzB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,IACD,CAACG,EAAW,UAAUC,EAAM;AAAA,MACxB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,EACL,IACA;AAAA,IACI,CAACG,EAAW,UAAUC,EAAM;AAAA,MACxB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,IACD,CAACG,EAAW,WAAWC,EAAM;AAAA,MACzB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,IACD,CAACG,EAAW,WAAWC,EAAM;AAAA,MACzB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,IACD,CAACG,EAAW,UAAUC,EAAM;AAAA,MACxB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,IACD,CAACG,EAAW,SAASC,EAAM;AAAA,MACvB;AAAA,MACAJ,KAAY;AAAA,IAAA,CACf;AAAA,EACL,GAAGD,OA5CR,OAAAG,IA4CkB;AAAA,GAEVG,IAAgB,CAACN,MAC1B,OAAO,OAAOO,CAAW,EAAE,SAASP,CAAoB,GAE/CQ,IAAyB,CAACC,OAClC;AAAA,EACG,OAAO;AAAA,EACP,QAAQ;AACZ,GAAEA,IAEOC,IAAiB,CAC1BC,GACAC,GACAC,GACAJ,GACAK,MACC;AAGD,MAFgBL,MAAS;AAGrB,WAAOJ,EAAM,CAAC,oBAAoBS,KAAiB,SAAS,CAAC;AAC1D;AACH,UAAMC,IAA0B,CAAC,QAAQJ,KAAYC,KAAUC,CAAI;AAC5D,WAAAR,EAAM,CAAC,UAAU,WAAWU,KAA2B,gBAAgBD,KAAiB,SAAS,CAAC;AAAA,EAC7G;AACJ,GAEaE,IAAkD;AAAA,EAC3D,CAACT,EAAY,WAAW;AAAA,EACxB,CAACA,EAAY,WAAW;AAAA,EACxB,CAACA,EAAY,UAAU;AAAA,EACvB,CAACA,EAAY,SAAS;AAC1B;"}
|