@coveord/plasma-mantine 55.8.0 → 55.8.2

package/dist/esm/components/alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAkBvB,eAAO,MAAM,KAAK,2FAIH,MAAO,YAAY;;;;;;eAUb,MAAM,WAAW;;;WA5B3B,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;WAXM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;WAXM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;KAClC;;iBAJgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;CAI8E,CAAC;AAErH,QAAA,MAAM,gBAAgB,0FAPd,MAAK,YAgBX,CAAC;AAEH,QAAA,MAAM,WAAW,0FAlBT,MAAK,YA0BX,CAAC;AAEH,QAAA,MAAM,YAAY,0FA5BV,MAAK,YAqCX,CAAC;AACH,QAAA,MAAM,aAAa,0FAtCX,MAAK,YA8CX,CAAC"}

package/dist/esm/components/alert/Alert.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert as MantineAlert, polymorphicFactory } from '@mantine/core';
+import { InfoToken } from '../info-token/InfoToken';
+export const Alert = polymorphicFactory((props, ref)=>/*#__PURE__*/ _jsx(MantineAlert, {
+        ...props,
+        ref: ref
+    }));
+const AlertInformation = Alert.withProps({
+    color: 'gray',
+    icon: /*#__PURE__*/ _jsx(InfoToken, {
+        variant: "information"
+    }),
+    vars: ()=>({
+            root: {
+                '--alert-color': 'var(--mantine-color-text)',
+                '--alert-bg': 'var(--mantine-color-gray-light)'
+            }
+        })
+});
+const AlertAdvice = Alert.withProps({
+    icon: /*#__PURE__*/ _jsx(InfoToken, {
+        variant: "advice"
+    }),
+    vars: ()=>({
+            root: {
+                '--alert-color': 'var(--mantine-primary-color-filled)',
+                '--alert-bg': 'var(--mantine-primary-color-light)'
+            }
+        })
+});
+const AlertWarning = Alert.withProps({
+    color: 'warning',
+    icon: /*#__PURE__*/ _jsx(InfoToken, {
+        variant: "warning"
+    }),
+    vars: ()=>({
+            root: {
+                '--alert-color': 'var(--mantine-color-warning-filled)',
+                '--alert-bg': 'var(--mantine-color-warning-light)'
+            }
+        })
+});
+const AlertCritical = Alert.withProps({
+    icon: /*#__PURE__*/ _jsx(InfoToken, {
+        variant: "error"
+    }),
+    vars: ()=>({
+            root: {
+                '--alert-color': 'var(--mantine-color-error)',
+                '--alert-bg': 'var(--mantine-color-red-light)'
+            }
+        })
+});
+Alert.Information = AlertInformation;
+Alert.Advice = AlertAdvice;
+Alert.Warning = AlertWarning;
+Alert.Critical = AlertCritical;
+
+//# sourceMappingURL=Alert.js.map

package/dist/esm/components/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import {\n    AlertCssVariables,\n    AlertProps,\n    AlertStylesNames,\n    AlertVariant,\n    Factory,\n    Alert as MantineAlert,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {InfoToken} from '../info-token/InfoToken';\n\ntype AlertOverloadFactory = Factory<{\n    props: AlertProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: AlertStylesNames;\n    vars: AlertCssVariables;\n    variant: AlertVariant;\n    staticComponents: {\n        Information: typeof AlertInformation;\n        Advice: typeof AlertAdvice;\n        Warning: typeof AlertWarning;\n        Critical: typeof AlertCritical;\n    };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\n\nconst AlertInformation = Alert.withProps({\n    color: 'gray',\n    icon: <InfoToken variant=\"information\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-text)',\n            '--alert-bg': 'var(--mantine-color-gray-light)',\n        },\n    }),\n});\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken variant=\"advice\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-primary-color-filled)',\n            '--alert-bg': 'var(--mantine-primary-color-light)',\n        },\n    }),\n});\n\nconst AlertWarning = Alert.withProps({\n    color: 'warning',\n    icon: <InfoToken variant=\"warning\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-warning-filled)',\n            '--alert-bg': 'var(--mantine-color-warning-light)',\n        },\n    }),\n});\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken variant=\"error\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n        },\n    }),\n});\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\n"],"names":["Alert","MantineAlert","polymorphicFactory","InfoToken","props","ref","AlertInformation","withProps","color","icon","variant","vars","root","AlertAdvice","AlertWarning","AlertCritical","Information","Advice","Warning","Critical"],"mappings":";AAAA,SAMIA,SAASC,YAAY,EACrBC,kBAAkB,QACf,gBAAgB;AACvB,SAAQC,SAAS,QAAO,0BAA0B;AAiBlD,OAAO,MAAMH,QAAQE,mBAAyC,CAACE,OAAOC,oBAAQ,KAACJ;QAAc,GAAGG,KAAK;QAAEC,KAAKA;QAAS;AAErH,MAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,KAACN;QAAUO,SAAQ;;IACzBC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AAEA,MAAMC,cAAcb,MAAMO,SAAS,CAAC;IAChCE,oBAAM,KAACN;QAAUO,SAAQ;;IACzBC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AAEA,MAAME,eAAed,MAAMO,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,KAACN;QAAUO,SAAQ;;IACzBC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AACA,MAAMG,gBAAgBf,MAAMO,SAAS,CAAC;IAClCE,oBAAM,KAACN;QAAUO,SAAQ;;IACzBC,MAAM,IAAO,CAAA;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;YAClB;QACJ,CAAA;AACJ;AAEAZ,MAAMgB,WAAW,GAAGV;AACpBN,MAAMiB,MAAM,GAAGJ;AACfb,MAAMkB,OAAO,GAAGJ;AAChBd,MAAMmB,QAAQ,GAAGJ"}

package/dist/esm/components/alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Alert';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/components/alert/index.js

@@ -0,0 +1,3 @@
+export * from './Alert';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/alert/index.ts"],"sourcesContent":["export * from './Alert';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/badge/Badge.d.ts

@@ -0,0 +1,92 @@
+import { BadgeCssVariables, BadgeProps, BadgeStylesNames, BadgeVariant, PolymorphicFactory, PolymorphicComponentProps } from '@mantine/core';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+export interface SemanticBadgeProps {
+    /**
+     * The size of the badge.
+     * @default 'small'
+     */
+    size?: 'small' | 'large';
+    /**
+     * Whether the badge is displayed over a light or dark background.
+     * @default 'light'
+     */
+    on?: 'light' | 'dark';
+    /**
+     * The content of the badge.
+     */
+    children?: ReactNode;
+}
+export type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;
+export type BadgeOverloadFactory = PolymorphicFactory<{
+    props: BadgeProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: BadgeStylesNames;
+    vars: BadgeCssVariables;
+    variant: BadgeVariant;
+    staticComponents: {
+        Primary: SemanticBadge;
+        Secondary: SemanticBadge;
+        Critical: SemanticBadge;
+        Warning: SemanticBadge;
+        Disabled: SemanticBadge;
+    };
+}>;
+export declare const Badge: (<C = "div">(props: PolymorphicComponentProps<C, BadgeProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(BadgeProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof BadgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (BadgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+    props: BadgeProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: BadgeStylesNames;
+    vars: BadgeCssVariables;
+    variant: BadgeVariant;
+    staticComponents: {
+        Primary: SemanticBadge;
+        Secondary: SemanticBadge;
+        Critical: SemanticBadge;
+        Warning: SemanticBadge;
+        Disabled: SemanticBadge;
+    };
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: BadgeProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: BadgeStylesNames;
+    vars: BadgeCssVariables;
+    variant: BadgeVariant;
+    staticComponents: {
+        Primary: SemanticBadge;
+        Secondary: SemanticBadge;
+        Critical: SemanticBadge;
+        Warning: SemanticBadge;
+        Disabled: SemanticBadge;
+    };
+}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+    props: BadgeProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: BadgeStylesNames;
+    vars: BadgeCssVariables;
+    variant: BadgeVariant;
+    staticComponents: {
+        Primary: SemanticBadge;
+        Secondary: SemanticBadge;
+        Critical: SemanticBadge;
+        Warning: SemanticBadge;
+        Disabled: SemanticBadge;
+    };
+}> & {
+    Primary: SemanticBadge;
+    Secondary: SemanticBadge;
+    Critical: SemanticBadge;
+    Warning: SemanticBadge;
+    Disabled: SemanticBadge;
+};
+//# sourceMappingURL=Badge.d.ts.map

package/dist/esm/components/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAEZ,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,yBAAyB,EAAgB,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,kBAAkB;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,aAAa,GAAG,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AA6F1G,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B,CAAC;CACL,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK,mEA1GD,MAAQ,YAAW;;;;;;eAI5B,MAAA,WAAW;;;WAuFR,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,OAAO,EAAE,aAAa,CAAC;QACvB,SAAS,EAAE,aAAa,CAAC;QACzB,QAAQ,EAAE,aAAa,CAAC;QACxB,OAAO,EAAE,aAAa,CAAC;QACvB,QAAQ,EAAE,aAAa,CAAC;KAC3B;;aALY,aAAa;eACX,aAAa;cACd,aAAa;aACd,aAAa;cACZ,aAAa;CAIqF,CAAC"}

package/dist/esm/components/badge/Badge.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge as MantineBadge, polymorphicFactory, alpha } from '@mantine/core';
+import { forwardRef } from 'react';
+const enhanceBadge = (ComponentLight, ComponentDark)=>/*#__PURE__*/ forwardRef((props, ref)=>{
+        const Component = props.on === 'dark' ? ComponentDark : ComponentLight;
+        return /*#__PURE__*/ _jsx(Component, {
+            ref: ref,
+            ...props,
+            py: 2,
+            px: 12,
+            size: props.size === 'large' ? 'lg' : 'md',
+            h: props.size === 'large' ? 22 : 20
+        });
+    });
+const BadgePrimary = enhanceBadge(MantineBadge.withProps({
+    variant: 'light',
+    bd: '1px solid var(--badge-bg)',
+    c: 'var(--mantine-primary-color-6)'
+}), MantineBadge.withProps({
+    variant: 'light',
+    bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,
+    c: 'var(--mantine-primary-color-2)',
+    bg: alpha('var(--mantine-primary-color-3)', 0.32)
+}));
+const BadgeSecondary = enhanceBadge(MantineBadge.withProps({
+    variant: 'light',
+    color: 'gray',
+    bd: '1px solid var(--badge-bg)',
+    c: 'gray.7'
+}), MantineBadge.withProps({
+    variant: 'light',
+    color: 'gray',
+    c: 'var(--mantine-color-white)',
+    bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,
+    bg: alpha('var(--mantine-color-gray-3)', 0.16)
+}));
+const BadgeCritical = enhanceBadge(MantineBadge.withProps({
+    variant: 'light',
+    color: 'critical',
+    bd: '1px solid var(--badge-bg)',
+    c: 'red.6'
+}), MantineBadge.withProps({
+    variant: 'light',
+    color: 'critical',
+    c: 'red.2',
+    bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,
+    bg: alpha('var(--mantine-color-red-3)', 0.16)
+}));
+const BadgeWarning = enhanceBadge(MantineBadge.withProps({
+    variant: 'light',
+    color: 'warning',
+    bd: '1px solid var(--badge-bg)',
+    c: 'yellow.6'
+}), MantineBadge.withProps({
+    variant: 'light',
+    color: 'warning',
+    c: 'yellow.2',
+    bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,
+    bg: alpha('var(--mantine-color-yellow-3)', 0.16)
+}));
+const BadgeDisabled = enhanceBadge(MantineBadge.withProps({
+    variant: 'light',
+    color: 'gray',
+    c: 'var(--coveo-color-text-disabled)',
+    bg: 'var(--coveo-color-bg-disabled)'
+}), MantineBadge.withProps({
+    variant: 'light',
+    color: 'gray',
+    c: 'dark.3',
+    bg: alpha('var(--mantine-color-gray-3)', 0.16)
+}));
+export const Badge = polymorphicFactory((props, ref)=>/*#__PURE__*/ _jsx(MantineBadge, {
+        ref: ref,
+        ...props
+    }));
+Badge.Primary = BadgePrimary;
+Badge.Secondary = BadgeSecondary;
+Badge.Critical = BadgeCritical;
+Badge.Warning = BadgeWarning;
+Badge.Disabled = BadgeDisabled;
+
+//# sourceMappingURL=Badge.js.map

package/dist/esm/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {\n    Badge as MantineBadge,\n    BadgeCssVariables,\n    BadgeProps,\n    BadgeStylesNames,\n    BadgeVariant,\n    polymorphicFactory,\n    PolymorphicFactory,\n    PolymorphicComponentProps,\n    alpha,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps {\n    /**\n     * The size of the badge.\n     * @default 'small'\n     */\n    size?: 'small' | 'large';\n    /**\n     * Whether the badge is displayed over a light or dark background.\n     * @default 'light'\n     */\n    on?: 'light' | 'dark';\n    /**\n     * The content of the badge.\n     */\n    children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n    ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n    ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n): SemanticBadge =>\n    forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n        const Component = props.on === 'dark' ? ComponentDark : ComponentLight;\n        return (\n            <Component\n                ref={ref}\n                {...props}\n                py={2}\n                px={12}\n                size={props.size === 'large' ? 'lg' : 'md'}\n                h={props.size === 'large' ? 22 : 20}\n            />\n        );\n    });\n\nconst BadgePrimary = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        bd: '1px solid var(--badge-bg)',\n        c: 'var(--mantine-primary-color-6)',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n        c: 'var(--mantine-primary-color-2)',\n        bg: alpha('var(--mantine-primary-color-3)', 0.32),\n    }),\n);\nconst BadgeSecondary = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        bd: '1px solid var(--badge-bg)',\n        c: 'gray.7',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'var(--mantine-color-white)',\n        bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-gray-3)', 0.16),\n    }),\n);\nconst BadgeCritical = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'critical',\n        bd: '1px solid var(--badge-bg)',\n        c: 'red.6',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'critical',\n        c: 'red.2',\n        bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-red-3)', 0.16),\n    }),\n);\nconst BadgeWarning = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'warning',\n        bd: '1px solid var(--badge-bg)',\n        c: 'yellow.6',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'warning',\n        c: 'yellow.2',\n        bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n        bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n    }),\n);\nconst BadgeDisabled = enhanceBadge(\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'var(--coveo-color-text-disabled)',\n        bg: 'var(--coveo-color-bg-disabled)',\n    }),\n    MantineBadge.withProps({\n        variant: 'light',\n        color: 'gray',\n        c: 'dark.3',\n        bg: alpha('var(--mantine-color-gray-3)', 0.16),\n    }),\n);\n\nexport type BadgeOverloadFactory = PolymorphicFactory<{\n    props: BadgeProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: BadgeStylesNames;\n    vars: BadgeCssVariables;\n    variant: BadgeVariant;\n    staticComponents: {\n        Primary: SemanticBadge;\n        Secondary: SemanticBadge;\n        Critical: SemanticBadge;\n        Warning: SemanticBadge;\n        Disabled: SemanticBadge;\n    };\n}>;\n\nexport const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <MantineBadge ref={ref} {...props} />);\n\nBadge.Primary = BadgePrimary;\nBadge.Secondary = BadgeSecondary;\nBadge.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["Badge","MantineBadge","polymorphicFactory","alpha","forwardRef","enhanceBadge","ComponentLight","ComponentDark","props","ref","Component","on","py","px","size","h","BadgePrimary","withProps","variant","bd","c","bg","BadgeSecondary","color","BadgeCritical","BadgeWarning","BadgeDisabled","Primary","Secondary","Critical","Warning","Disabled"],"mappings":";AAAA,SACIA,SAASC,YAAY,EAKrBC,kBAAkB,EAGlBC,KAAK,QACF,gBAAgB;AACvB,SAAQC,UAAU,QAA0E,QAAQ;AAqBpG,MAAMC,eAAe,CACjBC,gBACAC,8BAEAH,WAA+C,CAACI,OAAOC;QACnD,MAAMC,YAAYF,MAAMG,EAAE,KAAK,SAASJ,gBAAgBD;QACxD,qBACI,KAACI;YACGD,KAAKA;YACJ,GAAGD,KAAK;YACTI,IAAI;YACJC,IAAI;YACJC,MAAMN,MAAMM,IAAI,KAAK,UAAU,OAAO;YACtCC,GAAGP,MAAMM,IAAI,KAAK,UAAU,KAAK;;IAG7C;AAEJ,MAAME,eAAeX,aACjBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI;IACJC,GAAG;AACP,IACAnB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTC,IAAI,CAAC,UAAU,EAAEhB,MAAM,kCAAkC,OAAO;IAChEiB,GAAG;IACHC,IAAIlB,MAAM,kCAAkC;AAChD;AAEJ,MAAMmB,iBAAiBjB,aACnBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACAnB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEhB,MAAM,+BAA+B,OAAO;IAC7DkB,IAAIlB,MAAM,+BAA+B;AAC7C;AAEJ,MAAMqB,gBAAgBnB,aAClBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACAnB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEhB,MAAM,8BAA8B,OAAO;IAC5DkB,IAAIlB,MAAM,8BAA8B;AAC5C;AAEJ,MAAMsB,eAAepB,aACjBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPJ,IAAI;IACJC,GAAG;AACP,IACAnB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHD,IAAI,CAAC,UAAU,EAAEhB,MAAM,iCAAiC,OAAO;IAC/DkB,IAAIlB,MAAM,iCAAiC;AAC/C;AAEJ,MAAMuB,gBAAgBrB,aAClBJ,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHC,IAAI;AACR,IACApB,aAAagB,SAAS,CAAC;IACnBC,SAAS;IACTK,OAAO;IACPH,GAAG;IACHC,IAAIlB,MAAM,+BAA+B;AAC7C;AAmBJ,OAAO,MAAMH,QAAQE,mBAAyC,CAACM,OAAOC,oBAAQ,KAACR;QAAaQ,KAAKA;QAAM,GAAGD,KAAK;QAAM;AAErHR,MAAM2B,OAAO,GAAGX;AAChBhB,MAAM4B,SAAS,GAAGN;AAClBtB,MAAM6B,QAAQ,GAAGL;AACjBxB,MAAM8B,OAAO,GAAGL;AAChBzB,MAAM+B,QAAQ,GAAGL"}

package/dist/esm/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/components/badge/index.js

@@ -0,0 +1,3 @@
+export * from './Badge';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/badge/index.ts"],"sourcesContent":["export * from './Badge';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuC,UAAU,EAAwC,MAAM,eAAe,CAAC;AAEtH,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,GAAI,0DAM5B,iBAAiB,CAAC,mBAAmB,CAAC,4CA+BxC,CAAC"}
+{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,GAAI,0DAM5B,iBAAiB,CAAC,mBAAmB,CAAC,4CAuBxC,CAAC"}

package/dist/esm/components/browser-preview/BrowserPreview.js

@@ -1,74 +1,59 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InfoSize16Px } from '@coveord/plasma-react-icons';
-import { Box, ColorSwatch, Flex, Group, Stack, Text, Title, Tooltip, useMantineTheme } from '@mantine/core';
+import { Flex, Group, Stack, Text, Tooltip } from '@mantine/core';
 import cx from 'clsx';
+import { InfoToken } from '../info-token';
 import BrowserPreviewClasses from './BrowserPreview.module.css';
-export const BrowserPreview = ({ children, headerTooltip, title, className, ...others })=>{
-    const theme = useMantineTheme();
-    return /*#__PURE__*/ _jsxs(Stack, {
+export const BrowserPreview = ({ children, headerTooltip, title, className, ...others })=>/*#__PURE__*/ _jsxs(Stack, {
         className: cx(BrowserPreviewClasses.root, className),
         gap: 0,
         maw: 544,
         mih: 0,
         ...others,
         children: [
-            /*#__PURE__*/ _jsx(Box, {
-                children: /*#__PURE__*/ _jsxs(Group, {
-                    className: BrowserPreviewClasses.header,
-                    justify: "space-between",
-                    px: "sm",
-                    py: "xs",
-                    bg: "gray.1",
-                    children: [
-                        /*#__PURE__*/ _jsxs(Group, {
-                            gap: "xs",
-                            children: [
-                                /*#__PURE__*/ _jsx(Title, {
-                                    c: "gray.6",
-                                    order: 4,
-                                    children: "Preview"
-                                }),
-                                !!headerTooltip && /*#__PURE__*/ _jsx(Tooltip, {
-                                    label: headerTooltip,
-                                    position: "right",
-                                    maw: 400,
-                                    children: /*#__PURE__*/ _jsx(InfoSize16Px, {
-                                        height: 16,
-                                        className: BrowserPreviewClasses.infoIcon
-                                    })
+            /*#__PURE__*/ _jsxs(Group, {
+                className: BrowserPreviewClasses.header,
+                justify: "space-between",
+                p: "sm",
+                bg: "gray.1",
+                wrap: "nowrap",
+                children: [
+                    /*#__PURE__*/ _jsxs(Group, {
+                        gap: "xs",
+                        wrap: "nowrap",
+                        children: [
+                            /*#__PURE__*/ _jsx(Text, {
+                                c: "dimmed",
+                                fz: "md",
+                                lh: "18px",
+                                children: "Preview"
+                            }),
+                            !!headerTooltip && /*#__PURE__*/ _jsx(Tooltip, {
+                                label: headerTooltip,
+                                position: "right",
+                                maw: 400,
+                                children: /*#__PURE__*/ _jsx(InfoToken, {
+                                    variant: "information",
+                                    className: BrowserPreviewClasses.infoIcon
                                 })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsx(Text, {
-                            lineClamp: 1,
-                            color: "gray.6",
-                            children: title
-                        }),
-                        /*#__PURE__*/ _jsxs(Group, {
-                            gap: "xs",
-                            children: [
-                                /*#__PURE__*/ _jsx(ColorSwatch, {
-                                    color: theme.colors.gray[3]
-                                }),
-                                /*#__PURE__*/ _jsx(ColorSwatch, {
-                                    color: theme.colors.gray[3]
-                                }),
-                                /*#__PURE__*/ _jsx(ColorSwatch, {
-                                    color: theme.colors.gray[3]
-                                })
-                            ]
-                        })
-                    ]
-                })
+                            })
+                        ]
+                    }),
+                    title && /*#__PURE__*/ _jsx(Text, {
+                        lineClamp: 1,
+                        c: "dimmed",
+                        fz: "md",
+                        lh: "18px",
+                        children: title
+                    })
+                ]
             }),
             /*#__PURE__*/ _jsx(Flex, {
                 className: BrowserPreviewClasses.content,
-                p: "xl",
+                p: "lg",
                 direction: "column",
                 children: children
             })
         ]
     });
-};
 
 //# sourceMappingURL=BrowserPreview.js.map

package/dist/esm/components/browser-preview/BrowserPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {InfoSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, ColorSwatch, Flex, Group, Stack, StackProps, Text, Title, Tooltip, useMantineTheme} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n    /**\n     * Text to display in a tooltip in the header.\n     *\n     */\n    headerTooltip?: string;\n    /**\n     * Custom title to be displayed at the center of the header.\n     */\n    title?: string;\n}\n\nexport const BrowserPreview = ({\n    children,\n    headerTooltip,\n    title,\n    className,\n    ...others\n}: PropsWithChildren<BrowserPreviewProps>) => {\n    const theme = useMantineTheme();\n    return (\n        <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n            <Box>\n                <Group className={BrowserPreviewClasses.header} justify=\"space-between\" px=\"sm\" py=\"xs\" bg=\"gray.1\">\n                    <Group gap=\"xs\">\n                        <Title c=\"gray.6\" order={4}>\n                            Preview\n                        </Title>\n                        {!!headerTooltip && (\n                            <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n                                <InfoSize16Px height={16} className={BrowserPreviewClasses.infoIcon} />\n                            </Tooltip>\n                        )}\n                    </Group>\n                    <Text lineClamp={1} color=\"gray.6\">\n                        {title}\n                    </Text>\n                    <Group gap=\"xs\">\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                    </Group>\n                </Group>\n            </Box>\n            <Flex className={BrowserPreviewClasses.content} p=\"xl\" direction=\"column\">\n                {children}\n            </Flex>\n        </Stack>\n    );\n};\n"],"names":["InfoSize16Px","Box","ColorSwatch","Flex","Group","Stack","Text","Title","Tooltip","useMantineTheme","cx","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","theme","root","gap","maw","mih","header","justify","px","py","bg","c","order","label","position","height","infoIcon","lineClamp","color","colors","gray","content","p","direction"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAAQC,GAAG,EAAEC,WAAW,EAAEC,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,eAAe,QAAO,gBAAgB;AACtH,OAAOC,QAAQ,OAAO;AAEtB,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC;IACrC,MAAMC,QAAQT;IACd,qBACI,MAACJ;QAAMW,WAAWN,GAAGC,sBAAsBQ,IAAI,EAAEH;QAAYI,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGL,MAAM;;0BAC7F,KAAChB;0BACG,cAAA,MAACG;oBAAMY,WAAWL,sBAAsBY,MAAM;oBAAEC,SAAQ;oBAAgBC,IAAG;oBAAKC,IAAG;oBAAKC,IAAG;;sCACvF,MAACvB;4BAAMgB,KAAI;;8CACP,KAACb;oCAAMqB,GAAE;oCAASC,OAAO;8CAAG;;gCAG3B,CAAC,CAACf,+BACC,KAACN;oCAAQsB,OAAOhB;oCAAeiB,UAAS;oCAAQV,KAAK;8CACjD,cAAA,KAACrB;wCAAagC,QAAQ;wCAAIhB,WAAWL,sBAAsBsB,QAAQ;;;;;sCAI/E,KAAC3B;4BAAK4B,WAAW;4BAAGC,OAAM;sCACrBpB;;sCAEL,MAACX;4BAAMgB,KAAI;;8CACP,KAAClB;oCAAYiC,OAAOjB,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACnC;oCAAYiC,OAAOjB,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACnC;oCAAYiC,OAAOjB,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,KAAClC;gBAAKa,WAAWL,sBAAsB2B,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;0BAC5D3B;;;;AAIjB,EAAE"}
+{"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../info-token';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n    /**\n     * Text to display in a tooltip in the header.\n     *\n     */\n    headerTooltip?: string;\n    /**\n     * Custom title to be displayed at the center of the header.\n     */\n    title?: string;\n}\n\nexport const BrowserPreview = ({\n    children,\n    headerTooltip,\n    title,\n    className,\n    ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n    <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n        <Group className={BrowserPreviewClasses.header} justify=\"space-between\" p=\"sm\" bg=\"gray.1\" wrap=\"nowrap\">\n            <Group gap=\"xs\" wrap=\"nowrap\">\n                <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    Preview\n                </Text>\n                {!!headerTooltip && (\n                    <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n                        <InfoToken variant=\"information\" className={BrowserPreviewClasses.infoIcon} />\n                    </Tooltip>\n                )}\n            </Group>\n            {title && (\n                <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n                    {title}\n                </Text>\n            )}\n        </Group>\n        <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n            {children}\n        </Flex>\n    </Stack>\n);\n"],"names":["Flex","Group","Stack","Text","Tooltip","cx","InfoToken","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","root","gap","maw","mih","header","justify","p","bg","wrap","c","fz","lh","label","position","variant","infoIcon","lineClamp","content","direction"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC5E,OAAOC,QAAQ,OAAO;AAEtB,SAAQC,SAAS,QAAO,gBAAgB;AACxC,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC,iBACrC,MAACX;QAAMU,WAAWP,GAAGE,sBAAsBO,IAAI,EAAEF;QAAYG,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGJ,MAAM;;0BAC7F,MAACZ;gBAAMW,WAAWL,sBAAsBW,MAAM;gBAAEC,SAAQ;gBAAgBC,GAAE;gBAAKC,IAAG;gBAASC,MAAK;;kCAC5F,MAACrB;wBAAMc,KAAI;wBAAKO,MAAK;;0CACjB,KAACnB;gCAAKoB,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACf,+BACC,KAACN;gCAAQsB,OAAOhB;gCAAeiB,UAAS;gCAAQX,KAAK;0CACjD,cAAA,KAACV;oCAAUsB,SAAQ;oCAAchB,WAAWL,sBAAsBsB,QAAQ;;;;;oBAIrFlB,uBACG,KAACR;wBAAK2B,WAAW;wBAAGP,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCd;;;;0BAIb,KAACX;gBAAKY,WAAWL,sBAAsBwB,OAAO;gBAAEX,GAAE;gBAAKY,WAAU;0BAC5DvB;;;OAGX"}

package/dist/esm/components/browser-preview/BrowserPreview.module.css

@@ -1,21 +1,12 @@
 .root {
-    box-shadow: var(--mantine-shadow-md);
-    border-radius: var(--mantine-radius-default);
+    border-radius: var(--mantine-radius-lg);
     border: 1px solid;
-    border-color: var(--mantine-color-gray-3);
+    border-color: var(--mantine-color-default-border);
     flex: 1;
-}
-
-.header {
-    box-shadow: var(--mantine-shadow-xs);
-    border-radius: var(--mantine-radius-default) var(--mantine-radius-default) 0 0;
+    overflow: hidden;
 }
 
 .content {
     overflow: auto;
     flex-grow: 1;
 }
-
-.infoIcon {
-    color: var(--mantine-color-gray-5);
-}

package/dist/esm/components/button/Button.d.ts

@@ -21,6 +21,14 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
     variant: ButtonVariant;
     staticComponents: {
         Group: typeof ButtonGroup;
+        Primary: typeof ButtonPrimary;
+        Secondary: typeof ButtonSecondary;
+        Tertiary: typeof ButtonTertiary;
+        Quaternary: typeof ButtonQuaternary;
+        DestructivePrimary: typeof ButtonDestructive;
+        DestructiveSecondary: typeof ButtonDestructiveSecondary;
+        DestructiveTertiary: typeof ButtonDestructiveTertiary;
+        DestructiveQuaternary: typeof ButtonDestructiveQuaternary;
     };
 }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
     props: ButtonProps;
@@ -31,6 +39,14 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
     variant: ButtonVariant;
     staticComponents: {
         Group: typeof ButtonGroup;
+        Primary: typeof ButtonPrimary;
+        Secondary: typeof ButtonSecondary;
+        Tertiary: typeof ButtonTertiary;
+        Quaternary: typeof ButtonQuaternary;
+        DestructivePrimary: typeof ButtonDestructive;
+        DestructiveSecondary: typeof ButtonDestructiveSecondary;
+        DestructiveTertiary: typeof ButtonDestructiveTertiary;
+        DestructiveQuaternary: typeof ButtonDestructiveQuaternary;
     };
 }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
     props: ButtonProps;
@@ -41,8 +57,33 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
     variant: ButtonVariant;
     staticComponents: {
         Group: typeof ButtonGroup;
+        Primary: typeof ButtonPrimary;
+        Secondary: typeof ButtonSecondary;
+        Tertiary: typeof ButtonTertiary;
+        Quaternary: typeof ButtonQuaternary;
+        DestructivePrimary: typeof ButtonDestructive;
+        DestructiveSecondary: typeof ButtonDestructiveSecondary;
+        DestructiveTertiary: typeof ButtonDestructiveTertiary;
+        DestructiveQuaternary: typeof ButtonDestructiveQuaternary;
     };
 }> & {
     Group: typeof ButtonGroup;
+    Primary: typeof ButtonPrimary;
+    Secondary: typeof ButtonSecondary;
+    Tertiary: typeof ButtonTertiary;
+    Quaternary: typeof ButtonQuaternary;
+    DestructivePrimary: typeof ButtonDestructive;
+    DestructiveSecondary: typeof ButtonDestructiveSecondary;
+    DestructiveTertiary: typeof ButtonDestructiveTertiary;
+    DestructiveQuaternary: typeof ButtonDestructiveQuaternary;
 };
+declare const ButtonPrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+declare const ButtonSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+declare const ButtonTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+declare const ButtonQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+declare const ButtonDestructive: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+declare const ButtonDestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+declare const ButtonDestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+declare const ButtonDestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+export {};
 //# sourceMappingURL=Button.d.ts.map

package/dist/esm/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,kBAAkB,EAClB,KAAK,WAAW,EAChB,WAAW,IAAI,kBAAkB,EACjC,iBAAiB,EACjB,aAAa,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM,+FANH,MAAO,YAChB;;;;;;eAO2G,MAC1G,WACR;;;WAfW,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WADU,OAAO,WAAW;CA6BhC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/button/Button.js

@@ -22,6 +22,55 @@ export const Button = polymorphicFactory(({ disabledTooltip, disabled, disabledT
         })
     });
 });
+const ButtonPrimary = Button.withProps({
+    variant: 'filled'
+});
+const ButtonSecondary = Button.withProps({
+    variant: 'light'
+});
+const ButtonTertiary = Button.withProps({
+    variant: 'default',
+    vars: (theme)=>({
+            root: {
+                '--button-color': 'var(--mantine-primary-color-filled)',
+                '--button-height': '32px',
+                '--button-padding-x': theme.spacing.sm
+            }
+        })
+});
+const ButtonQuaternary = Button.withProps({
+    variant: 'subtle'
+});
+const ButtonDestructive = Button.withProps({
+    variant: 'filled',
+    color: 'var(--mantine-color-error)'
+});
+const ButtonDestructiveSecondary = Button.withProps({
+    variant: 'light',
+    color: 'var(--mantine-color-error)'
+});
+const ButtonDestructiveTertiary = Button.withProps({
+    variant: 'default',
+    vars: (theme)=>({
+            root: {
+                '--button-color': 'var(--mantine-color-error)',
+                '--button-height': '32px',
+                '--button-padding-x': theme.spacing.sm
+            }
+        })
+});
+const ButtonDestructiveQuaternary = Button.withProps({
+    variant: 'subtle',
+    color: 'var(--mantine-color-error)'
+});
 Button.Group = MantineButton.Group;
+Button.Primary = ButtonPrimary;
+Button.Secondary = ButtonSecondary;
+Button.Tertiary = ButtonTertiary;
+Button.Quaternary = ButtonQuaternary;
+Button.DestructivePrimary = ButtonDestructive;
+Button.DestructiveSecondary = ButtonDestructiveSecondary;
+Button.DestructiveTertiary = ButtonDestructiveTertiary;
+Button.DestructiveQuaternary = ButtonDestructiveQuaternary;
 
 //# sourceMappingURL=Button.js.map