@coveord/plasma-mantine 48.9.1 → 48.10.0

package/dist/esm/theme/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n    },\n};\n"],"names":["ArrowHeadRightSize24Px","InfoSize24Px","color","PlasmaColors","plasmaTheme","colorScheme","fontFamily","black","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","components","Alert","defaultProps","icon","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems"],"mappings":"AAAA;;AAAA,SAAQA,sBAAsB,EAAEC,YAAY,QAAO,6BAA6B,CAAC;AACjF,SAAQC,KAAK,QAAO,wBAAwB,CAAC;AAG7C,SAAQC,YAAY,QAAO,gBAAgB,CAAC;AAE5C,OAAO,IAAMC,WAAW,GAAyB;IAC7CC,WAAW,EAAE,OAAO;IACpBC,UAAU,EAAE,gCAAgC;IAC5CC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACC,IAAI,CAAC,CAAC,CAAC;IAC5BC,aAAa,EAAE,CAAC;IAChBC,OAAO,EAAE;QACLC,EAAE,EAAE,CAAC;QACLC,EAAE,EAAE,EAAE;QACNC,EAAE,EAAE,EAAE;QACNC,EAAE,EAAE,EAAE;QACNC,EAAE,EAAE,EAAE;KACT;IACDC,YAAY,EAAE,QAAQ;IACtBC,QAAQ,EAAE;QACNZ,UAAU,EAAE,gCAAgC;QAC5Ca,UAAU,EAAE,GAAG;QACfC,KAAK,EAAE;YACHC,EAAE,EAAE;gBAACC,QAAQ,EAAE,EAAE;gBAAEC,UAAU,EAAE,MAAM;gBAAEJ,UAAU,EAAEK,SAAS;aAAC;YAC7DC,EAAE,EAAE;gBAACH,QAAQ,EAAE,EAAE;gBAAEC,UAAU,EAAE,MAAM;gBAAEJ,UAAU,EAAEK,SAAS;aAAC;YAC7DE,EAAE,EAAE;gBAACJ,QAAQ,EAAE,EAAE;gBAAEC,UAAU,EAAE,MAAM;gBAAEJ,UAAU,EAAEK,SAAS;aAAC;YAC7DG,EAAE,EAAE;gBAACL,QAAQ,EAAE,EAAE;gBAAEC,UAAU,EAAE,MAAM;gBAAEJ,UAAU,EAAEK,SAAS;aAAC;YAC7DI,EAAE,EAAE;gBAACN,QAAQ,EAAE,EAAE;gBAAEC,UAAU,EAAE,MAAM;gBAAEJ,UAAU,EAAEK,SAAS;aAAC;YAC7DK,EAAE,EAAE;gBAACP,QAAQ,EAAE,EAAE;gBAAEC,UAAU,EAAE,MAAM;gBAAEJ,UAAU,EAAEK,SAAS;aAAC;SAChE;KACJ;IACDM,OAAO,EAAE;QACLlB,EAAE,EAAE,kCAAkC;QACtCC,EAAE,EAAE,kCAAkC;QACtCC,EAAE,EAAE,kCAAkC;QACtCC,EAAE,EAAE,oCAAoC;QACxCC,EAAE,EAAE,oCAAoC;KAC3C;IACDe,MAAM,EAAE5B,YAAY;IACpB6B,UAAU,EAAE;QACRC,KAAK,EAAE;YACHC,YAAY,EAAE;gBACVC,IAAI,gBAAE,KAAClC,YAAY;oBAACmC,MAAM,EAAE,EAAE;kBAAI;gBAClClC,KAAK,EAAE,MAAM;aAChB;YACDmC,MAAM,EAAE;gBACJC,KAAK,EAAE;oBACHnB,UAAU,EAAE,GAAG;iBAClB;aACJ;SACJ;QACDoB,KAAK,EAAE;YACHF,MAAM,EAAE,SAACG,KAAK;uBAAM;oBAChBC,IAAI,EAAE;wBACF,yBAAyB,EAAE;4BAACC,aAAa,EAAE,SAAS;4BAAExC,KAAK,EAAEsC,KAAK,CAACT,MAAM,CAACtB,IAAI,CAAC,CAAC,CAAC;yBAAC;qBACrF;iBACJ;aAAC;SACL;QACDkC,MAAM,EAAE;YACJN,MAAM,EAAE,SAACG,KAAK,EAAEI,MAA0B;uBAAM;oBAC5CH,IAAI,EAAE;wBACF,GAAG,EAAE;4BAACtB,UAAU,EAAE,GAAG;yBAAC;wBACtB0B,eAAe,EAAED,MAAM,CAACE,OAAO,KAAK,SAAS,GAAG,OAAO,GAAGtB,SAAS;qBACtE;iBACJ;aAAC;SACL;QACDuB,KAAK,EAAE;YACHV,MAAM,EAAE,SAACG,KAAK;oBAAGQ,IAAI,SAAJA,IAAI,EAAEC,UAAU,SAAVA,UAAU;uBAA0B;oBACvDC,KAAK,EAAE;wBACHC,KAAK,EAAEF,UAAU,GACXzB,SAAS,GACTgB,KAAK,CAACY,EAAE,CAACJ,IAAI,CAAC;4BAACA,IAAI,EAAJA,IAAI;4BAAE5B,KAAK,EAAE;gCAACR,EAAE,EAAE,GAAG;gCAAEC,EAAE,EAAE,GAAG;gCAAEC,EAAE,EAAE,KAAK;gCAAEC,EAAE,EAAE,IAAI;gCAAEC,EAAE,EAAE,KAAK;6BAAC;yBAAC,CAAC;qBACzF;iBACJ;aAAC;YACFkB,YAAY,EAAE;gBACVmB,YAAY,EAAEnD,KAAK,CAACM,OAAO,CAAC8C,IAAI,CAAC,CAAC,CAAC;gBACnCC,cAAc,EAAE,GAAG;aACtB;SACJ;QACDC,YAAY,EAAE;YACVtB,YAAY,EAAE;gBACVuB,YAAY,EAAE,KAAK;aACtB;SACJ;QACDC,SAAS,EAAE;YACPxB,YAAY,EAAE;gBACVyB,MAAM,EAAE,CAAC;aACZ;YACDtB,MAAM,EAAE,SAACG,KAAK;uBAAM;oBAChBoB,WAAW,EAAE;wBACTtC,QAAQ,EAAE,SAAS;wBACnBuC,aAAa,EAAErB,KAAK,CAAC7B,OAAO,CAACC,EAAE;qBAClC;iBACJ;aAAC;SACL;QACDkD,OAAO,EAAE;YACL5B,YAAY,EAAE;gBACVhC,KAAK,EAAE,MAAM;gBACb6D,SAAS,EAAE,IAAI;gBACfC,YAAY,EAAE,IAAI;aACrB;SACJ;QACDC,WAAW,EAAE;YACT/B,YAAY,EAAE;gBACVgC,SAAS,gBAAE,KAAClE,sBAAsB;oBAACoC,MAAM,EAAE,EAAE;kBAAI;aACpD;SACJ;QACD+B,MAAM,EAAE;YACJjC,YAAY,EAAE;gBACVY,OAAO,EAAE,MAAM;gBACf5C,KAAK,EAAE,QAAQ;aAClB;SACJ;QACDkE,eAAe,EAAE;YACb/B,MAAM,EAAE;gBACJgC,IAAI,EAAE;oBACFC,SAAS,EAAE,QAAQ;iBACtB;aACJ;SACJ;QACDC,MAAM,EAAE;YACJrC,YAAY,EAAE;gBACVhC,KAAK,EAAE,QAAQ;aAClB;YACDmC,MAAM,EAAE,SAACG,KAAK;uBAAM;oBAChBC,IAAI,EAAE,mBACCD,KAAK,CAACY,EAAE,CAACoB,KAAK,CAAC;wBACdC,cAAc,EAAE,WAAW;wBAC3BvE,KAAK,EAAEsC,KAAK,CAACT,MAAM,CAAC2C,MAAM,CAAC,CAAC,CAAC;qBAChC,CAAC,CACL;iBACJ;aAAC;SACL;QACDC,QAAQ,EAAE;YACNzC,YAAY,EAAE;gBACVyB,MAAM,EAAE,IAAI;aACf;SACJ;QACDiB,IAAI,EAAE;YACFvC,MAAM,EAAE;uBAAO;oBACXI,IAAI,EAAE;wBACFoC,aAAa,EAAE,MAAM;qBACxB;iBACJ;aAAC;SACL;QACDC,KAAK,EAAE;YACHzC,MAAM,EAAE;gBACJ0C,YAAY,EAAE;oBACVC,OAAO,EAAE,MAAM;oBACfC,UAAU,EAAE,YAAY;iBAC3B;aACJ;SACJ;KACJ;CACJ,CAAC"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n        Popover: {\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        },\n    },\n};\n"],"names":["ArrowHeadRightSize24Px","InfoSize24Px","color","PlasmaColors","plasmaTheme","colorScheme","fontFamily","black","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","components","Alert","defaultProps","icon","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow"],"mappings":"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"}

package/dist/esm/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/index.ts"],"sourcesContent":["export * from './Plasmantine';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"sources":["../../../src/theme/index.ts"],"sourcesContent":["export * from './Plasmantine';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "48.9.1",
+  "version": "48.10.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -14,19 +14,19 @@
   "module": "./dist/esm/index.js",
   "types": "./dist/definitions/index.d.ts",
   "dependencies": {
-    "@coveord/plasma-react-icons": "48.0.0",
-    "@coveord/plasma-tokens": "47.3.7",
     "@monaco-editor/react": "4.4.5",
-    "@swc/helpers": "0.4.11",
+    "@swc/helpers": "0.4.12",
     "@tanstack/react-table": "8.5.11",
     "@tanstack/table-core": "8.5.11",
     "dayjs": "1.11.3",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.34.0",
-    "react-beautiful-dnd": "13.1.1"
+    "react-beautiful-dnd": "13.1.1",
+    "@coveord/plasma-react-icons": "48.10.0",
+    "@coveord/plasma-tokens": "47.3.7"
   },
   "devDependencies": {
-    "@emotion/react": "11.10.0",
+    "@emotion/react": "11.10.5",
     "@mantine/carousel": "5.6.4",
     "@mantine/core": "5.6.2",
     "@mantine/dates": "5.6.2",
@@ -34,7 +34,7 @@
     "@mantine/hooks": "5.6.2",
     "@mantine/modals": "5.6.2",
     "@swc/cli": "0.1.57",
-    "@swc/core": "1.3.3",
+    "@swc/core": "1.3.16",
     "@swc/jest": "0.2.23",
     "@testing-library/dom": "8.18.1",
     "@testing-library/jest-dom": "5.16.5",

package/src/components/collection/Collection.tsx

@@ -19,19 +19,85 @@ import {CollectionItem} from './CollectionItem';
 import useStyles from './Colllection.styles';
 
 interface CollectionProps<T> extends DefaultProps<Selectors<typeof useStyles>> {
+    /**
+     * The default value each new item should have
+     */
     newItem: T;
+    /**
+     * A render function called for each item passed in the `value` prop.
+     *
+     * @param item The current item's value
+     * @param index The current item's index
+     */
     children: (item: T, index: number) => ReactNode;
-    defaultValue?: T[];
+    /**
+     * The list of items to display inside the collection
+     *
+     * @default []
+     */
     value?: T[];
+    /**
+     * The initial items of the collection (for uncontrolled usage only)
+     */
+    defaultValue?: T[];
+    /**
+     * Unused, has no effect
+     */
     onFocus?: () => void;
+    /**
+     * Function called whenever the value needs to be updated
+     *
+     * @param value The whole list of items after the change
+     */
     onChange?: (value: T[]) => void;
+    /**
+     * Function called after an item is removed from the collection using the remove button
+     *
+     * @param itemIndex The index of the item that was removed
+     */
     onRemoveItem?: (itemIndex: number) => void;
+    /**
+     * Whether the collection should have drag and drop behavior enabled
+     *
+     * @default false
+     */
     draggable?: boolean;
+    /**
+     * Whether the collection is disabled, or in other words in read only mode
+     *
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * Function that determines if the add item button should be enabled given the current items of the collection.
+     * The button is always enabled if this props remains undefined
+     *
+     * @param values The current items of the collection
+     */
     allowAdd?: (values: T[]) => boolean;
+    /**
+     * The label of the add item button
+     *
+     * @default "Add item"
+     */
     addLabel?: string;
+    /**
+     * The tooltip text displayed when hovering over the disabled add item button
+     *
+     * @default 'There is already an empty item'
+     */
     addDisabledTooltip?: string;
+    /**
+     * The spacing between the colleciton items
+     *
+     * @default 'xs'
+     */
     spacing?: MantineNumberSize;
+    /**
+     * Whether the collection is required. When required is true, the collection will hide the remove button if there is only one item
+     *
+     * @default false
+     */
     required?: boolean;
 }
 

package/src/components/header/Header.tsx

@@ -1,16 +1,37 @@
 import {QuestionSize24Px} from '@coveord/plasma-react-icons';
 import {Anchor, Breadcrumbs, DefaultProps, Divider, Group, Stack, Text, Title, Tooltip} from '@mantine/core';
-import {FunctionComponent, PropsWithChildren, ReactNode} from 'react';
+import {FunctionComponent, ReactNode} from 'react';
 
 interface HeaderProps extends DefaultProps {
+    /**
+     * The description text displayed inside the header underneath the title
+     */
     description?: ReactNode;
+    /**
+     * Action buttons that can be displayed on the right of the header
+     */
     actions?: ReactNode;
+    /**
+     * Whether the header should have a border on the bottom
+     */
     borderBottom?: boolean;
+    /**
+     * A href pointing to documentation related to the current panel.
+     * When provided, an info icon is rendered next to the title as link to this documentation
+     */
     docLink?: string;
+    /**
+     * The tooltip text shown when hovering over the doc link icon
+     */
     docLinkTooltipLabel?: string;
+    /**
+     * The title of the header.
+     * If more than one children are provided, each of them act as parts of a breadcrumb
+     */
+    children: ReactNode;
 }
 
-export const Header: FunctionComponent<PropsWithChildren<HeaderProps>> = ({
+export const Header: FunctionComponent<HeaderProps> = ({
     description,
     actions,
     borderBottom,

package/src/theme/Theme.tsx

@@ -151,5 +151,11 @@ export const plasmaTheme: MantineThemeOverride = {
                 },
             },
         },
+        Popover: {
+            defaultProps: {
+                shadow: 'md',
+                withArrow: true,
+            },
+        },
     },
 };

package/dist/cjs/components/code-editor/CodeEditor.example.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _jsxRuntime = require("react/jsx-runtime");
-var _form = require("@mantine/form");
-var _codeEditor = require("./CodeEditor");
-var _default = function() {
-    var form = (0, _form.useForm)({
-        initialValues: {
-            config: '{"key":"value"}'
-        },
-        validate: {
-            config: function(jsonValue) {
-                try {
-                    var config = JSON.parse(jsonValue);
-                    if (!config.key) {
-                        return "The key must have a value";
-                    }
-                } catch (e) {
-                    return "Invalid JSON";
-                }
-                return null;
-            }
-        }
-    });
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_codeEditor.CodeEditor, _objectSpread({
-        language: "json",
-        label: "Configuration",
-        description: "This JSON configuration is very important"
-    }, form.getInputProps("config")));
-};
-
-//# sourceMappingURL=CodeEditor.example.js.map

package/dist/cjs/components/code-editor/CodeEditor.example.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.example.tsx"],"sourcesContent":["import {useForm} from '@mantine/form';\nimport {CodeEditor} from './CodeEditor';\n\nexport default () => {\n    const form = useForm({\n        initialValues: {\n            config: '{\"key\":\"value\"}',\n        },\n        validate: {\n            config: (jsonValue) => {\n                try {\n                    const config = JSON.parse(jsonValue);\n                    if (!config.key) {\n                        return 'The key must have a value';\n                    }\n                } catch {\n                    return 'Invalid JSON';\n                }\n                return null;\n            },\n        },\n    });\n\n    return (\n        <CodeEditor\n            language=\"json\"\n            label=\"Configuration\"\n            description=\"This JSON configuration is very important\"\n            {...form.getInputProps('config')}\n        />\n    );\n};\n"],"names":["form","useForm","initialValues","config","validate","jsonValue","JSON","parse","key","CodeEditor","language","label","description","getInputProps"],"mappings":"AAAA;;;;+BAGA,SA4BE;;;eA5BF,QA4BE;;;;;oBA/BoB,eAAe;0BACZ,cAAc;IAEvC,QA4BE,GA5Ba,WAAM;IACjB,IAAMA,IAAI,GAAGC,IAAAA,KAAO,QAAA,EAAC;QACjBC,aAAa,EAAE;YACXC,MAAM,EAAE,iBAAiB;SAC5B;QACDC,QAAQ,EAAE;YACND,MAAM,EAAE,SAACE,SAAS,EAAK;gBACnB,IAAI;oBACA,IAAMF,MAAM,GAAGG,IAAI,CAACC,KAAK,CAACF,SAAS,CAAC,AAAC;oBACrC,IAAI,CAACF,MAAM,CAACK,GAAG,EAAE;wBACb,OAAO,2BAA2B,CAAC;oBACvC,CAAC;gBACL,EAAE,UAAM;oBACJ,OAAO,cAAc,CAAC;gBAC1B,CAAC;gBACD,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ;KACJ,CAAC,AAAC;IAEH,qBACI,qBAACC,WAAU,WAAA;QACPC,QAAQ,EAAC,MAAM;QACfC,KAAK,EAAC,eAAe;QACrBC,WAAW,EAAC,2CAA2C;OACnDZ,IAAI,CAACa,aAAa,CAAC,QAAQ,CAAC,EAClC,CACJ;AACN,CAAC"}

package/dist/definitions/components/code-editor/CodeEditor.example.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=CodeEditor.example.d.ts.map

package/dist/definitions/components/code-editor/CodeEditor.example.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeEditor.example.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/CodeEditor.example.tsx"],"names":[],"mappings":";;AAGA,wBA4BE"}

package/dist/esm/components/code-editor/CodeEditor.example.js

@@ -1,31 +0,0 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useForm } from "@mantine/form";
-import { CodeEditor } from "./CodeEditor";
-export default function() {
-    var form = useForm({
-        initialValues: {
-            config: '{"key":"value"}'
-        },
-        validate: {
-            config: function(jsonValue) {
-                try {
-                    var config = JSON.parse(jsonValue);
-                    if (!config.key) {
-                        return "The key must have a value";
-                    }
-                } catch (e) {
-                    return "Invalid JSON";
-                }
-                return null;
-            }
-        }
-    });
-    return /*#__PURE__*/ _jsx(CodeEditor, _object_spread({
-        language: "json",
-        label: "Configuration",
-        description: "This JSON configuration is very important"
-    }, form.getInputProps("config")));
-};
-
-//# sourceMappingURL=CodeEditor.example.js.map

package/dist/esm/components/code-editor/CodeEditor.example.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.example.tsx"],"sourcesContent":["import {useForm} from '@mantine/form';\nimport {CodeEditor} from './CodeEditor';\n\nexport default () => {\n    const form = useForm({\n        initialValues: {\n            config: '{\"key\":\"value\"}',\n        },\n        validate: {\n            config: (jsonValue) => {\n                try {\n                    const config = JSON.parse(jsonValue);\n                    if (!config.key) {\n                        return 'The key must have a value';\n                    }\n                } catch {\n                    return 'Invalid JSON';\n                }\n                return null;\n            },\n        },\n    });\n\n    return (\n        <CodeEditor\n            language=\"json\"\n            label=\"Configuration\"\n            description=\"This JSON configuration is very important\"\n            {...form.getInputProps('config')}\n        />\n    );\n};\n"],"names":["useForm","CodeEditor","form","initialValues","config","validate","jsonValue","JSON","parse","key","language","label","description","getInputProps"],"mappings":"AAAA;;AAAA,SAAQA,OAAO,QAAO,eAAe,CAAC;AACtC,SAAQC,UAAU,QAAO,cAAc,CAAC;AAExC,eAAe,WAAM;IACjB,IAAMC,IAAI,GAAGF,OAAO,CAAC;QACjBG,aAAa,EAAE;YACXC,MAAM,EAAE,iBAAiB;SAC5B;QACDC,QAAQ,EAAE;YACND,MAAM,EAAE,SAACE,SAAS,EAAK;gBACnB,IAAI;oBACA,IAAMF,MAAM,GAAGG,IAAI,CAACC,KAAK,CAACF,SAAS,CAAC,AAAC;oBACrC,IAAI,CAACF,MAAM,CAACK,GAAG,EAAE;wBACb,OAAO,2BAA2B,CAAC;oBACvC,CAAC;gBACL,EAAE,UAAM;oBACJ,OAAO,cAAc,CAAC;gBAC1B,CAAC;gBACD,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ;KACJ,CAAC,AAAC;IAEH,qBACI,KAACR,UAAU;QACPS,QAAQ,EAAC,MAAM;QACfC,KAAK,EAAC,eAAe;QACrBC,WAAW,EAAC,2CAA2C;OACnDV,IAAI,CAACW,aAAa,CAAC,QAAQ,CAAC,EAClC,CACJ;AACN,CAAC,CAAC"}

package/src/components/code-editor/CodeEditor.example.tsx

@@ -1,32 +0,0 @@
-import {useForm} from '@mantine/form';
-import {CodeEditor} from './CodeEditor';
-
-export default () => {
-    const form = useForm({
-        initialValues: {
-            config: '{"key":"value"}',
-        },
-        validate: {
-            config: (jsonValue) => {
-                try {
-                    const config = JSON.parse(jsonValue);
-                    if (!config.key) {
-                        return 'The key must have a value';
-                    }
-                } catch {
-                    return 'Invalid JSON';
-                }
-                return null;
-            },
-        },
-    });
-
-    return (
-        <CodeEditor
-            language="json"
-            label="Configuration"
-            description="This JSON configuration is very important"
-            {...form.getInputProps('config')}
-        />
-    );
-};