@coveord/plasma-mantine 55.7.2-next.2 → 55.7.3

package/src/theme/Theme.tsx

@@ -9,8 +9,10 @@ import {
 } from '@coveord/plasma-react-icons';
 import {color} from '@coveord/plasma-tokens';
 import {
+    ActionIcon,
     Alert,
-    AppShell,
+    Anchor,
+    AppShellNavbar,
     Badge,
     Button,
     Checkbox,
@@ -26,6 +28,7 @@ import {
     List,
     Loader,
     MantineThemeOverride,
+    MenuItem,
     Modal,
     MultiSelect,
     NavLink,
@@ -39,38 +42,48 @@ import {
     Skeleton,
     Stepper,
     Switch,
-    Table,
     Tabs,
     Text,
+    TextInput,
     Tooltip,
 } from '@mantine/core';
+import {DatePicker} from '@mantine/dates';
+import ActionIconClasses from '../styles/ActionIcon.module.css';
 import AlertClasses from '../styles/Alert.module.css';
+import AnchorClasses from '../styles/Anchor.module.css';
+import AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';
 import BadgeClasses from '../styles/Badge.module.css';
 import ButtonClasses from '../styles/Button.module.css';
 import CheckboxClasses from '../styles/Checkbox.module.css';
 import ComboboxClasses from '../styles/Combobox.module.css';
+import DatePickerClasses from '../styles/DatePicker.module.css';
+import InputClasses from '../styles/Input.module.css';
 import InputWrapperClasses from '../styles/InputWrapper.module.css';
 import ListClasses from '../styles/List.module.css';
 import ModalClasses from '../styles/Modal.module.css';
 import NavLinkClasses from '../styles/NavLink.module.css';
+import NotificationClasses from '../styles/Notification.module.css';
+import PaginationClasses from '../styles/Pagination.module.css';
 import RadioClasses from '../styles/Radio.module.css';
 import ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';
 import ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';
 import ScrollAreaClasses from '../styles/ScrollArea.module.css';
 import SegmentedControlClasses from '../styles/SegmentedControl.module.css';
+import SelectClasses from '../styles/Select.module.css';
 import SkeletonClasses from '../styles/Skeleton.module.css';
 import StepperClasses from '../styles/Stepper.module.css';
-import TableClasses from '../styles/Table.module.css';
 import TabsClasses from '../styles/Tabs.module.css';
 import TextClasses from '../styles/Text.module.css';
 import TooltipClasses from '../styles/Tooltip.module.css';
+import {NotificationVars} from '../vars/Notification.vars';
+import {TextVars} from '../vars/Text.vars';
 import {PlasmaColors} from './PlasmaColors';
 
 export const plasmaTheme: MantineThemeOverride = createTheme({
     // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts
     fontFamily: 'canada-type-gibson, sans-serif',
     black: color.primary.gray[9],
-    defaultRadius: 'md',
+    defaultRadius: 8,
     lineHeights: {md: '1.5'},
     spacing: {
         xxs: '4px',
@@ -80,35 +93,19 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         lg: '32px',
         xl: '40px',
     },
-    radius: {
-        none: '0px',
-        xs: '2px',
-        sm: '4px',
-        md: '8px',
-        lg: '16px',
-        xl: '24px',
-        xxl: '32px',
-    },
-    primaryColor: 'blue',
+    primaryColor: 'action',
     headings: {
         fontFamily: 'canada-type-gibson, sans-serif',
         fontWeight: '500',
         sizes: {
-            h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},
-            h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},
-            h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},
-            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '300'},
-            h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},
-            h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},
+            h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},
+            h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},
+            h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},
+            h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},
+            h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},
+            h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},
         },
     },
-    fontSizes: {
-        xs: '12px',
-        sm: '14px',
-        md: '16px',
-        lg: '18px',
-        xl: '20px',
-    },
     shadows: {
         xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',
         sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',
@@ -116,32 +113,34 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',
         xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',
     },
-    primaryShade: 5,
     colors: PlasmaColors,
     components: {
-        AppShell: AppShell.extend({
-            vars: (theme) =>
-                ({
-                    root: {'--app-shell-border-color': theme.colors.gray[2]},
-                }) as any,
+        ActionIcon: ActionIcon.extend({
+            classNames: {root: ActionIconClasses.root},
         }),
         Alert: Alert.extend({
             defaultProps: {
                 icon: <InfoSize16Px height={16} />,
-                p: 'xs',
+                color: 'navy',
             },
             classNames: AlertClasses,
         }),
+        Anchor: Anchor.extend({
+            defaultProps: {
+                color: 'action.6',
+            },
+            classNames: {root: AnchorClasses.root},
+        }),
+        AppShellNavbar: AppShellNavbar.extend({
+            classNames: {navbar: AppShellNavBarClasses.navbar},
+        }),
         Badge: Badge.extend({
-            classNames: BadgeClasses,
+            classNames: {root: BadgeClasses.root},
             defaultProps: {
                 variant: 'light',
             },
         }),
         Button: Button.extend({
-            defaultProps: {
-                size: 'sm',
-            },
             classNames: ButtonClasses,
         }),
         Checkbox: Checkbox.extend({
@@ -178,7 +177,7 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
             },
         }),
         Combobox: Combobox.extend({
-            classNames: ComboboxClasses,
+            classNames: {option: SelectClasses.option, search: ComboboxClasses.search},
         }),
         ComboboxSearch: ComboboxSearch.extend({
             defaultProps: {
@@ -186,27 +185,24 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
                 rightSection: <FilterSize16Px height={16} color="gray.5" />,
             },
         }),
+        DatePicker: DatePicker.extend({
+            classNames: {monthCell: DatePickerClasses.monthCell},
+        }),
         Divider: Divider.extend({
             defaultProps: {
-                color: 'var(--mantine-color-default-border)',
+                color: 'gray.3',
             },
         }),
         Input: Input.extend({
-            defaultProps: {
-                size: 'sm',
-            },
             classNames: (_theme, props) => {
                 const anyProps = props as any;
                 if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {
-                    return ReadOnlyInputClasses;
+                    return deepMerge(InputClasses, ReadOnlyInputClasses);
                 }
-                return {};
+                return InputClasses;
             },
         }),
         InputWrapper: InputWrapper.extend({
-            defaultProps: {
-                size: 'sm',
-            },
             classNames: InputWrapperClasses,
             vars: (theme, props) => {
                 const anyProps = props as any;
@@ -227,28 +223,20 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         Loader: Loader.extend({
             defaultProps: {
                 type: 'dots',
+                color: 'action',
                 role: 'presentation',
             },
         }),
         List: List.extend({
-            classNames: ListClasses,
+            classNames: {root: ListClasses.root},
+        }),
+        MenuItem: MenuItem.extend({
+            defaultProps: {
+                fw: 300,
+            },
         }),
         Modal: Modal.extend({
             classNames: ModalClasses,
-            vars: () => {
-                const sizes = {
-                    '--modal-size-xs': '432px',
-                    '--modal-size-sm': '664px',
-                    '--modal-size-md': '896px',
-                    '--modal-size-lg': '1120px',
-                    '--modal-size-xl': '88%',
-                } as any;
-                return {
-                    root: {
-                        ...sizes,
-                    },
-                };
-            },
         }),
         ModalOverlay: Modal.Overlay.extend({
             defaultProps: {
@@ -266,9 +254,18 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         Notification: Notification.extend({
             defaultProps: {
                 icon: <InfoSize24Px height={24} />,
+                color: 'info',
             },
+            classNames: {
+                root: NotificationClasses.root,
+                icon: NotificationClasses.icon,
+                closeButton: NotificationClasses.closeButton,
+            },
+            vars: NotificationVars,
         }),
         Pagination: Pagination.extend({
+            classNames: PaginationClasses,
+            vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),
             defaultProps: {
                 nextIcon: ArrowHeadRightSize16Px,
                 previousIcon: ArrowHeadLeftSize16Px,
@@ -300,23 +297,31 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
             },
         }),
         ScrollArea: ScrollArea.extend({
-            classNames: ScrollAreaClasses,
+            classNames: {viewport: ScrollAreaClasses.viewport},
         }),
         SegmentedControl: SegmentedControl.extend({
             classNames: SegmentedControlClasses,
         }),
         Select: Select.extend({
-            defaultProps: {allowDeselect: false},
+            defaultProps: {withCheckIcon: false, allowDeselect: false},
+            classNames: {input: SelectClasses.input, option: SelectClasses.option},
         }),
         Skeleton: Skeleton.extend({
-            classNames: SkeletonClasses,
+            classNames: {root: SkeletonClasses.root},
         }),
         Stepper: Stepper.extend({
             defaultProps: {
                 size: 'xs',
                 completedIcon: <CheckSize16Px />,
             },
-            classNames: StepperClasses,
+            classNames: {
+                step: StepperClasses.step,
+                stepIcon: StepperClasses.stepIcon,
+                stepCompletedIcon: StepperClasses.stepCompletedIcon,
+                stepDescription: StepperClasses.stepDescription,
+                separator: StepperClasses.separator,
+                verticalSeparator: StepperClasses.verticalSeparator,
+            },
         }),
         Switch: Switch.extend({
             classNames: (theme, props) => {
@@ -341,17 +346,22 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
                 return {root: {}, track: {}, thumb: {}};
             },
         }),
-        Table: Table.extend({
-            classNames: TableClasses,
-        }),
         Tabs: Tabs.extend({
             classNames: TabsClasses,
         }),
-        Text: Text.extend({
+        TabsTab: Tabs.Tab.extend({
             defaultProps: {
-                size: 'sm',
+                px: 'sm',
             },
+        }),
+        Text: Text.extend({
             classNames: TextClasses,
+            vars: TextVars,
+        }),
+        TextInput: TextInput.extend({
+            defaultProps: {
+                radius: 8,
+            },
         }),
         Tooltip: Tooltip.extend({
             defaultProps: {

package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts

@@ -1,6 +1,19 @@
 import {MantineColorsTuple, MantineTheme} from '@mantine/core';
 import {plasmaCSSVariablesResolver} from '../plasmaCSSVariablesResolver';
 
+const gray: MantineColorsTuple = [
+    '#f5f5f5',
+    '#e7e7e7',
+    '#cdcdcd',
+    '#b2b2b2',
+    '#9a9a9a',
+    '#8b8b8b',
+    '#848484',
+    '#717171',
+    '#656565',
+    '#575757',
+];
+
 const red: MantineColorsTuple = [
     '#ffe8e8',
     '#ffcfcf',
@@ -14,23 +27,39 @@ const red: MantineColorsTuple = [
     '#b10000',
 ];
 
-const gray: MantineColorsTuple = [
-    '#f9f9fa',
-    '#f1f2f4',
-    '#dddfe3',
-    '#b9bdc7',
-    '#959cab',
-    '#676d7a',
-    '#3b3e46',
-    '#26292f',
-    '#191b1f',
-    '#0e0f12',
+const blue: MantineColorsTuple = [
+    '#eaeaff',
+    '#cfd0ff',
+    '#9c9cff',
+    '#6464ff',
+    '#3736fe',
+    '#1b19fe',
+    '#0909ff',
+    '#0000e4',
+    '#0000cc',
+    '#0000b4',
 ];
 
 describe('plasmaCSSVariablesResolver', () => {
-    it('updates the error color', () => {
-        const variables = plasmaCSSVariablesResolver({colors: {red, gray}} as MantineTheme);
-        expect(variables.light['--mantine-color-error']).toBe(red[5]);
-        expect(variables.light['--mantine-color-default-border']).toBe(gray[2]);
+    it('creates a --mantine-color-<name>-light variable for each color of the theme that equals to the first shade of that color palette', () => {
+        const variables = plasmaCSSVariablesResolver({colors: {red, blue, gray}} as MantineTheme);
+        expect(variables.light['--mantine-color-red-light']).toBe(red[0]);
+        expect(variables.light['--mantine-color-blue-light']).toBe(blue[0]);
+    });
+
+    it('uses the second shade for --mantine-color-gray-light variable because our gray color is too light', () => {
+        const variables = plasmaCSSVariablesResolver({colors: {red, blue, gray}} as MantineTheme);
+        expect(variables.light['--mantine-color-gray-light']).toBe(gray[1]);
+    });
+
+    it('creates a --mantine-color-<name>-light-hover variable for each color of the theme that equals to the second shade of that color palette', () => {
+        const variables = plasmaCSSVariablesResolver({colors: {red, blue, gray}} as MantineTheme);
+        expect(variables.light['--mantine-color-red-light-hover']).toBe(red[1]);
+        expect(variables.light['--mantine-color-blue-light-hover']).toBe(blue[1]);
+    });
+
+    it('uses the third shade for --mantine-color-gray-light-hover variable because our gray color is too light', () => {
+        const variables = plasmaCSSVariablesResolver({colors: {red, blue, gray}} as MantineTheme);
+        expect(variables.light['--mantine-color-gray-light-hover']).toBe(gray[2]);
     });
 });

package/src/theme/plasmaCSSVariablesResolver.ts

@@ -1,13 +1,14 @@
-import {ConvertCSSVariablesInput, CSSVariablesResolver} from '@mantine/core';
+import {CSSVariablesResolver, ConvertCSSVariablesInput, keys} from '@mantine/core';
 
 export const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {
     const result: ConvertCSSVariablesInput = {
         variables: {},
         dark: {},
-        light: {
-            '--mantine-color-default-border': theme.colors.gray[2],
-            '--mantine-color-error': theme.colors.red[5],
-        },
+        light: {},
     };
+    keys(theme.colors).forEach((color) => {
+        result.light[`--mantine-color-${color}-light`] = theme.colors[color][color === 'gray' ? 1 : 0];
+        result.light[`--mantine-color-${color}-light-hover`] = theme.colors[color][color === 'gray' ? 2 : 1];
+    });
     return result;
 };

package/src/vars/Notification.vars.ts

@@ -0,0 +1,14 @@
+import {NotificationFactory, PartialVarsResolver} from '@mantine/core';
+
+export const NotificationVars: PartialVarsResolver<NotificationFactory> = (theme, props) => {
+    if (props.color === 'success') {
+        return {root: {}, icon: {color: theme.colors.success[6]}};
+    }
+    if (props.color === 'warning') {
+        return {root: {}, icon: {color: theme.colors.warning[6]}};
+    }
+    if (props.color === 'critical') {
+        return {root: {}, icon: {color: theme.colors.critical[6]}};
+    }
+    return {root: {}, icon: {color: theme.colors.info[6]}};
+};

package/src/vars/Text.vars.ts

@@ -0,0 +1,8 @@
+import {PartialVarsResolver, TextFactory, getFontSize} from '@mantine/core';
+
+export const TextVars: PartialVarsResolver<TextFactory> = (theme, props) => {
+    if (!props.size) {
+        return {root: {'--text-fz': getFontSize('sm')}};
+    }
+    return {root: {}};
+};

package/dist/cjs/components/alert/Alert.d.ts

@@ -1,17 +0,0 @@
-export declare const AlertTip: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
-    component?: any;
-    renderRoot?: (props: Record<string, any>) => React.ReactNode;
-}>;
-export declare const AlertSuccess: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
-    component?: any;
-    renderRoot?: (props: Record<string, any>) => React.ReactNode;
-}>;
-export declare const AlertWarning: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
-    component?: any;
-    renderRoot?: (props: Record<string, any>) => React.ReactNode;
-}>;
-export declare const AlertCritical: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
-    component?: any;
-    renderRoot?: (props: Record<string, any>) => React.ReactNode;
-}>;
-//# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;iDAI0xC,MAAO,SAAS;EAJpuC,CAAC;AAC5F,eAAO,MAAM,YAAY;;iDAGsxC,MAAO,SAAS;EAHvtC,CAAC;AACzG,eAAO,MAAM,YAAY;;iDAEsxC,MAAO,SAAS;EAFztC,CAAC;AACvG,eAAO,MAAM,aAAa;;iDACqxC,MAAO,SAAS;EADttC,CAAC"}

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AlertCritical: function() {
-        return AlertCritical;
-    },
-    AlertSuccess: function() {
-        return AlertSuccess;
-    },
-    AlertTip: function() {
-        return AlertTip;
-    },
-    AlertWarning: function() {
-        return AlertWarning;
-    }
-});
-var _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
-var _core = require("@mantine/core");
-var AlertTip = _core.Alert.withProps({
-    color: 'gray',
-    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.TipSize16Px, {
-        height: 16
-    })
-});
-var AlertSuccess = _core.Alert.withProps({
-    color: 'success',
-    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CheckmarkSize16Px, {
-        height: 16
-    })
-});
-var AlertWarning = _core.Alert.withProps({
-    color: 'warning',
-    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.WarningSize16Px, {
-        height: 16
-    })
-});
-var AlertCritical = _core.Alert.withProps({
-    color: 'critical',
-    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CriticalSize16Px, {
-        height: 16
-    })
-});
-
-//# sourceMappingURL=Alert.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import {CheckmarkSize16Px, CriticalSize16Px, TipSize16Px, WarningSize16Px} from '@coveord/plasma-react-icons';\nimport {Alert} from '@mantine/core';\n\nexport const AlertTip = Alert.withProps({color: 'gray', icon: <TipSize16Px height={16} />});\nexport const AlertSuccess = Alert.withProps({color: 'success', icon: <CheckmarkSize16Px height={16} />});\nexport const AlertWarning = Alert.withProps({color: 'warning', icon: <WarningSize16Px height={16} />});\nexport const AlertCritical = Alert.withProps({color: 'critical', icon: <CriticalSize16Px height={16} />});\n"],"names":["AlertCritical","AlertSuccess","AlertTip","AlertWarning","Alert","withProps","color","icon","TipSize16Px","height","CheckmarkSize16Px","WarningSize16Px","CriticalSize16Px"],"mappings":";;;;;;;;;;;IAMaA,aAAa;eAAbA;;IAFAC,YAAY;eAAZA;;IADAC,QAAQ;eAARA;;IAEAC,YAAY;eAAZA;;;;gCALmE;oBAC5D;AAEb,IAAMD,WAAWE,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAQC,oBAAM,qBAACC,6BAAW;QAACC,QAAQ;;AAAM;AAClF,IAAMR,eAAeG,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAWC,oBAAM,qBAACG,mCAAiB;QAACD,QAAQ;;AAAM;AAC/F,IAAMN,eAAeC,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAWC,oBAAM,qBAACI,iCAAe;QAACF,QAAQ;;AAAM;AAC7F,IAAMT,gBAAgBI,WAAK,CAACC,SAAS,CAAC;IAACC,OAAO;IAAYC,oBAAM,qBAACK,kCAAgB;QAACH,QAAQ;;AAAM"}

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

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

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

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

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-var _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./Alert"), exports);
-
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,8 +0,0 @@
-export declare const BadgePrimary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
-export declare const BadgeSecondary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
-export declare const BadgeTertiary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
-export declare const BadgeInfo: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
-export declare const BadgeRecommended: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
-export declare const BadgeCritical: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
-export declare const BadgeWarning: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
-//# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,kHAOqD,MAC5E,YAAY,AARiD,CAAC;AAChE,eAAO,MAAM,cAAc,kHAMmD,MAC5E,YAAY,AAPqD,CAAC;AACpE,eAAO,MAAM,aAAa,kHAKoD,MAC5E,YAAY,AANoD,CAAC;AAEnE,eAAO,MAAM,SAAS,kHAGwD,MAC5E,YAAY,AAJ8C,CAAC;AAC7D,eAAO,MAAM,gBAAgB,kHAEiD,MAC5E,YAAY,AAHuE,CAAC;AACtF,eAAO,MAAM,aAAa,kHACoD,MAC5E,YAAY,AAFqE,CAAC;AACpF,eAAO,MAAM,YAAY,kHAAqD,MAC5E,YAAY,AADmE,CAAC"}

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

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    BadgeCritical: function() {
-        return BadgeCritical;
-    },
-    BadgeInfo: function() {
-        return BadgeInfo;
-    },
-    BadgePrimary: function() {
-        return BadgePrimary;
-    },
-    BadgeRecommended: function() {
-        return BadgeRecommended;
-    },
-    BadgeSecondary: function() {
-        return BadgeSecondary;
-    },
-    BadgeTertiary: function() {
-        return BadgeTertiary;
-    },
-    BadgeWarning: function() {
-        return BadgeWarning;
-    }
-});
-var _core = require("@mantine/core");
-var BadgePrimary = _core.Badge.withProps({
-    variant: 'light'
-});
-var BadgeSecondary = _core.Badge.withProps({
-    variant: 'outline'
-});
-var BadgeTertiary = _core.Badge.withProps({
-    variant: 'default'
-});
-var BadgeInfo = _core.Badge.withProps({
-    variant: 'light'
-});
-var BadgeRecommended = _core.Badge.withProps({
-    variant: 'light',
-    color: 'success'
-});
-var BadgeCritical = _core.Badge.withProps({
-    variant: 'light',
-    color: 'critical'
-});
-var BadgeWarning = _core.Badge.withProps({
-    variant: 'light',
-    color: 'warning'
-});
-
-//# sourceMappingURL=Badge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {Badge} from '@mantine/core';\n\nexport const BadgePrimary = Badge.withProps({variant: 'light'});\nexport const BadgeSecondary = Badge.withProps({variant: 'outline'});\nexport const BadgeTertiary = Badge.withProps({variant: 'default'});\n\nexport const BadgeInfo = Badge.withProps({variant: 'light'});\nexport const BadgeRecommended = Badge.withProps({variant: 'light', color: 'success'});\nexport const BadgeCritical = Badge.withProps({variant: 'light', color: 'critical'});\nexport const BadgeWarning = Badge.withProps({variant: 'light', color: 'warning'});\n"],"names":["BadgeCritical","BadgeInfo","BadgePrimary","BadgeRecommended","BadgeSecondary","BadgeTertiary","BadgeWarning","Badge","withProps","variant","color"],"mappings":";;;;;;;;;;;IAQaA,aAAa;eAAbA;;IAFAC,SAAS;eAATA;;IAJAC,YAAY;eAAZA;;IAKAC,gBAAgB;eAAhBA;;IAJAC,cAAc;eAAdA;;IACAC,aAAa;eAAbA;;IAKAC,YAAY;eAAZA;;;oBATO;AAEb,IAAMJ,eAAeK,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAO;AACtD,IAAML,iBAAiBG,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAS;AAC1D,IAAMJ,gBAAgBE,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAS;AAEzD,IAAMR,YAAYM,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;AAAO;AACnD,IAAMN,mBAAmBI,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAS;AAC5E,IAAMV,gBAAgBO,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAU;AAC1E,IAAMJ,eAAeC,WAAK,CAACC,SAAS,CAAC;IAACC,SAAS;IAASC,OAAO;AAAS"}

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

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

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

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

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-var _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./Badge"), exports);
-
-//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/styles/Table.module.css

@@ -1,3 +0,0 @@
-.th {
-    font-weight: 500;
-}